鹿野ポートフォリオ

執筆記事

#CSS

2021年から開発の現場で使える3つの便利CSS - aspect-ratio, gap, is()

発表日：12/12/2021

執筆記事

#CSS

日経ソフトウェア2021年9月号にて、CSSの記事を執筆しました💐

発表日：8/31/2021

執筆記事

#JavaScript

正式仕様リリース！ JavaScriptの最新仕様ES2021で追加された新機能まとめ

発表日：7/23/2021

登壇

#CSS

「セミハンズオンで学ぶモダンCSS」を開催しました

発表日：1/27/2021

登壇

#CSS

CSS Nite Shift14「ウェブデザイン行く年来る年」に登壇しました

発表日：12/18/2020

登壇

#ツール

DIST.32 「まだそれ手動でやってるの？　WebStormでJavaScriptとTypeScriptの作業をサボり尽くすテクニック集」

発表日：7/28/2020

登壇

#CSS

のぞき見企画！ICS×Goodpatch Anywhere合同勉強会「古きを捨て新しきを得るためのCSS」

発表日：5/17/2020

登壇

#CSS
#HTML

CSS Nite in Kobe, vol.55「モダンコーディング」

発表日：2/28/2020

CSS Nite LP67「デザイナーとコーダーがお届けする、Adobe XDを用いたモダンなウェブ制作」

登壇

#CSS
#ツール

CSS Nite LP67「デザイナーとコーダーがお届けする、Adobe XDを用いたモダンなウェブ制作」

発表日：2/7/2020

登壇

#CSS
#ツール

CSS Nite LP64「デザイナーとコーダーをつなぐ、Adobe XDを用いたモダンなウェブ制作」

発表日：10/18/2019

登壇

#CSS

現場で働くコーダーのためのCSS Grid + モダンコーディング

発表日：9/6/2019

登壇

#JavaScript
#CSS

CSS Nite in Okinawa, vol.10「今見直しておきたいCSS・JavaScriptの新機能」

発表日：8/30/2019

CSS Nite After Dark 2019 「ハンズオンで学ぶCSS Grid」

登壇

#CSS

CSS Nite After Dark 2019 「ハンズオンで学ぶCSS Grid」

発表日：2/3/2019

執筆記事

#JavaScript

JavaScriptのES2019で追加された新機能まとめ

発表日：1/29/2019

登壇

#JavaScript
#CSS

Frontend Conference Fukuoka 2018「2019年までに見直しておきたい CSS・JavaScriptの手法」

発表日：12/7/2018

執筆記事

#ツール
#git

GitHubのmasterブランチをWebページとして公開する手順（GitHub Pages）

発表日：10/30/2018

登壇

#CSS

CSS Nite LP58「もう一歩踏み込んで現場で使うCSS Grid」

発表日：9/28/2018

執筆記事

#CSS
#Node.js

Autoprefixerが進化してCSS GridのIE 11対応がバリ楽になった（2017年〜2018年）

発表日：3/13/2018

執筆記事

#JavaScript

「今日のスダクリエイト」タグで作ったJavaScriptのコンテンツ

発表日：12/5/2017

執筆記事

#CSS
#HTML

貂が可愛い！新フォント貂明朝のイラストをウェブページで表示する方法

発表日：11/30/2017

執筆記事

#JavaScript

全モダンブラウザで使えるJavaScriptのdynamic import（動的読み込み）

発表日：11/21/2017

登壇

#WebStorm
#ツール

Frontend de KANPAI! #02「JavaScriptのプログラミング速度を爆速化するWebStormの勧め」

発表日：10/24/2017

執筆記事

#swift

WPJ「鹿野壮のWebデザイナーのためのiOSアプリ開発入門」

発表日：9/10/2017

登壇

#CSS

LinkedIn Learning「Flexbox 入門」

発表日：8/16/2017

執筆記事

#Node.js

npm 5.2.0の新機能！「npx」でローカルパッケージを手軽に実行しよう

発表日：7/11/2017

執筆記事

#ツール

macOSで画面キャプチャ効率を爆上げするSkitchを使おう

発表日：4/29/2017

執筆記事

#Node.js

Node.jsのバージョンを自動で切り替えられるnodenvが超便利

発表日：4/25/2017

執筆記事

#ツール

ターミナルに毎回表示される長ったらしい表示を短くする

発表日：4/25/2017

執筆記事

#JavaScript

webのプロジェクトフォルダ直下のファイルの意味をまとめてみた

発表日：3/28/2017

執筆記事

#TypeScript

TypeScript 2ではシングルトン(Singleton)パターンが短く書ける

発表日：2/16/2017

執筆記事

#swift

web制作者にもわかる、Swift 3が++と--を削除した理由

発表日：2/15/2017

執筆記事

#Node.js

Gulpで始めるwebpack 4入門

発表日：2/7/2017

執筆記事

#Node.js

webpackやGulpを使う時に覚えて幸せになったnpmの便利な使い方

発表日：1/26/2017

執筆記事

#Sass
#Node.js

Sassの複数のimportはglobを使って一つにまとめると幸せ

発表日：1/25/2017

執筆記事

#HTML
#ツール

HTMLのhead内の面倒なコードはEmmetを使って鬼速でコーディングすべき

発表日：1/24/2017

執筆記事

#HTML
#ツール

EmmetでHTML 5.1のレスポンシブイメージを効率よく記述しよう

発表日：1/24/2017

執筆記事

#git

GitHubでのコードレビューが爆速になる新機能review requestsの使い方

発表日：12/7/2016

執筆記事

#JavaScript
#CSS

2016年反響が大きかったフロントエンド技術記事まとめ

発表日：12/6/2016

登壇

#CSS

DIST.13 「横並びだけじゃない！知って得するFlexboxの便利機能」

発表日：12/1/2016

執筆記事

#WebStorm
#ツール

リガチャ（合字）を使ってコードをかっこよくしよう -WebStorm・IntelliJ IDEA編-

発表日：11/23/2016

登壇

#JavaScript

Schoo「Gulp入門」

発表日：10/25/2016

登壇

#CSS

CSS3の新レイアウトFlexboxハンズオン

発表日：10/14/2016

登壇

#CSS
#HTML

第25回HTML5+JS勉強会「2016年の常識はこれだ！ HTML5・CSS3のイマドキコーディング技術」

発表日：10/6/2016

執筆記事

#CSS

FlexboxでAndroid 4未対応のボックス折り返し(flex-wrap)を実現する方法

発表日：9/28/2016

執筆記事

#git

GitHubでタスク管理ができる新機能「Project」超入門

発表日：9/14/2016

執筆記事

#HTML

コマ撮りアニメをHTML 5.1のpicture要素だけで作る方法(CSS、JavaScript不要)

発表日：7/13/2016

執筆記事

#TypeScript

TypeScript 2時代の型定義ファイルの取り扱い方

発表日：6/29/2016

執筆記事

#WebStorm

WebStormのマルチカーソル機能が便利すぎて鼻から牛乳が出る

発表日：6/28/2016

執筆記事

#WebStorm

無駄なコード入力を今すぐ辞められるWebStormのLive Templatesが便利

発表日：6/28/2016

執筆記事

#JavaScript

配列内の要素の存在確認にはArray.includes()メソッドが便利（ES2016新機能）

発表日：6/16/2016

執筆記事

#JavaScript

べき乗をするならMath.pow()よりもExponentiation Operatorが手軽（ES2016新機能）

発表日：6/16/2016

執筆記事

#swift

XcodeでSwiftのコードヒントを正しく表示させる方法

発表日：6/6/2016

執筆記事

#TypeScript
#Node.js

Node.js v6.0がリリース！大幅にサポートされたES2015の新機能を使ってみよう

発表日：4/26/2016

執筆記事

#CSS

こうすれば理解できるBootstrap 4のレスポンシブWebデザインとそのCSS

発表日：4/13/2016

執筆記事

#CSS

Bootstrap 4のグリッドシステムの基本を学ぼう

発表日：4/13/2016

執筆記事

#CSS

5分で導入できるBootstrap 4 超入門〜タブの作り方〜

発表日：4/6/2016

執筆記事

#Sass

Bootstrap 4を使うならSassを使って3倍幸せになろう

発表日：4/6/2016

執筆記事

#ツール

チャットツールやSNSで一瞬で画面キャプチャーを送る方法

発表日：4/6/2016

執筆記事

#JavaScript
#CSS
#ツール

Googleトレンドに見る2016年人気のCSS・JavaScript・タスクランナー

発表日：4/3/2016

執筆記事

#Sass
#ツール

Bootstrap 4のCSSコンパイルをGulpで管理する方法

発表日：3/27/2016

執筆記事

#JavaScript

+"3"+3+"3"が"63"？意外に知られていないJavaScriptの単項プラス(+)演算子

発表日：3/13/2016

執筆記事

#JavaScript

iOS Safariでスクロールしただけでリサイズイベントが発生する原因と対処法

発表日：3/8/2016

執筆記事

#JavaScript

WebGLが使える環境かどうかのホントの判定方法 Android対応版

発表日：3/1/2016

執筆記事

#CSS
#ツール

CSSベンダープレフィックス-webkit-を今この瞬間に辞める為のAutoprefixerの導入

発表日：3/1/2016

執筆記事

#TypeScript

TypeScriptでのイベント名をclickで指定するのはもう辞めよう

発表日：2/22/2016

執筆記事

#JavaScript

おじさんが若い時はね$.ajax()のオプションでsuccessとかerrorとか指定していたんだよ（追憶）

発表日：2/21/2016

執筆記事

#CSS

ロゴを作って学ぼうCSS3 Flexbox入門

発表日：2/14/2016

執筆記事

#CSS

たった3行で実現できるCSSの上下中央揃え（Flexbox）

発表日：2/7/2016

DIST.10「HTML5 Canvasコンテンツの高解像度対応はどこまで行うべきか」

登壇

#JavaScript

DIST.10「HTML5 Canvasコンテンツの高解像度対応はどこまで行うべきか」

発表日：2/2/2016

執筆記事

#swift

Webエンジニアに知ってほしいSwiftのスゴいところ5選

発表日：12/17/2015

執筆記事

#git

GitHubを使っているならハイライト機能を使わなきゃ損！

発表日：12/16/2015

執筆記事

#JavaScript
#CSS

この1年で反響が大きかったフロントエンド技術記事まとめ 2015年版

発表日：10/26/2015

登壇

#JavaScript

CreateJS勉強会「オーディオスプライトを使った音声ファイルの最適化」

発表日：9/3/2015

執筆記事

#ツール

Microsoft Edgeのユーザーエージェントがカオスなので注意

発表日：8/4/2015

執筆記事

#JavaScript

JavaScriptで藤原竜也変換ツールを作りましたよ゛お゛お゛お゛

発表日：7/10/2015

執筆記事

#ツール

ブラウザのシェアを調べる時のお勧めサイトまとめ

発表日：7/10/2015

執筆記事

#ツール

macOSでの便利な画面キャプチャテクニック

発表日：7/5/2015

執筆記事

#JavaScript

console.log()を使うときのおすすめ記述方法

発表日：7/3/2015

執筆記事

#JavaScript

非同期通信（Ajax）をするときはタイムアウト処理を必ず入れてほしい（切実）

発表日：7/3/2015

執筆記事

#JavaScript

ガベージコレクションはこうすれば理解できる

発表日：2/17/2015

2021年から開発の現場で使える3つの便利CSS - aspect-ratio, gap, is()

日経ソフトウェア2021年9月号にて、CSSの記事を執筆しました💐

正式仕様リリース！ JavaScriptの最新仕様ES2021で追加された新機能まとめ

「セミハンズオンで学ぶモダンCSS」 を開催しました

CSS Nite Shift14「ウェブデザイン行く年来る年」に登壇しました

DIST.32 「まだそれ手動でやってるの？ WebStormでJavaScriptとTypeScriptの作業をサボり尽くすテクニック集」

のぞき見企画！ICS×Goodpatch Anywhere合同勉強会「古きを捨て新しきを得るためのCSS」

CSS Nite in Kobe, vol.55「モダンコーディング」

CSS Nite LP67「デザイナーとコーダーがお届けする、Adobe XDを用いたモダンなウェブ制作」

CSS Nite LP64「デザイナーとコーダーをつなぐ、Adobe XDを用いたモダンなウェブ制作」

現場で働くコーダーのためのCSS Grid + モダンコーディング

CSS Nite in Okinawa, vol.10「今見直しておきたいCSS・JavaScriptの新機能」

CSS Nite After Dark 2019 「ハンズオンで学ぶCSS Grid」

JavaScriptのES2019で追加された新機能まとめ

Frontend Conference Fukuoka 2018「2019年までに見直しておきたい CSS・JavaScriptの手法」

GitHubのmasterブランチをWebページとして公開する手順（GitHub Pages）

CSS Nite LP58「もう一歩踏み込んで現場で使うCSS Grid」

Autoprefixerが進化してCSS GridのIE 11対応がバリ楽になった（2017年〜2018年）

「今日のスダクリエイト」タグで作ったJavaScriptのコンテンツ

貂が可愛い！ 新フォント貂明朝のイラストをウェブページで表示する方法

全モダンブラウザで使えるJavaScriptのdynamic import（動的読み込み）

Frontend de KANPAI! #02「JavaScriptのプログラミング速度を爆速化するWebStormの勧め」

WPJ「鹿野壮のWebデザイナーのためのiOSアプリ開発入門」

LinkedIn Learning「Flexbox 入門」

npm 5.2.0の新機能！ 「npx」でローカルパッケージを手軽に実行しよう

macOSで画面キャプチャ効率を爆上げするSkitchを使おう

Node.jsのバージョンを自動で切り替えられるnodenvが超便利

ターミナルに毎回表示される長ったらしい表示を短くする

webのプロジェクトフォルダ直下のファイルの意味をまとめてみた

TypeScript 2ではシングルトン(Singleton)パターンが短く書ける

web制作者にもわかる、Swift 3が++と--を削除した理由

Gulpで始めるwebpack 4入門

webpackやGulpを使う時に覚えて幸せになったnpmの便利な使い方

Sassの複数のimportはglobを使って一つにまとめると幸せ

HTMLのhead内の面倒なコードはEmmetを使って鬼速でコーディングすべき

EmmetでHTML 5.1のレスポンシブイメージを効率よく記述しよう

GitHubでのコードレビューが爆速になる新機能review requestsの使い方

2016年反響が大きかったフロントエンド技術記事まとめ

DIST.13 「横並びだけじゃない！ 知って得するFlexboxの便利機能」

リガチャ（合字）を使ってコードをかっこよくしよう -WebStorm・IntelliJ IDEA編-

Schoo「Gulp入門」

CSS3の新レイアウトFlexboxハンズオン

第25回HTML5+JS勉強会「2016年の常識はこれだ！ HTML5・CSS3の イマドキコーディング技術」

FlexboxでAndroid 4未対応のボックス折り返し(flex-wrap)を実現する方法

GitHubでタスク管理ができる新機能「Project」超入門

コマ撮りアニメをHTML 5.1のpicture要素だけで作る方法(CSS、JavaScript不要)

TypeScript 2時代の型定義ファイルの取り扱い方

WebStormのマルチカーソル機能が便利すぎて鼻から牛乳が出る

無駄なコード入力を今すぐ辞められるWebStormのLive Templatesが便利

配列内の要素の存在確認にはArray.includes()メソッドが便利（ES2016新機能）

べき乗をするならMath.pow()よりもExponentiation Operatorが手軽（ES2016新機能）

XcodeでSwiftのコードヒントを正しく表示させる方法

Node.js v6.0がリリース！ 大幅にサポートされたES2015の新機能を使ってみよう

こうすれば理解できるBootstrap 4のレスポンシブWebデザインとそのCSS

Bootstrap 4のグリッドシステムの基本を学ぼう

5分で導入できるBootstrap 4 超入門 〜タブの作り方〜

Bootstrap 4を使うならSassを使って3倍幸せになろう

チャットツールやSNSで一瞬で画面キャプチャーを送る方法

Googleトレンドに見る2016年人気のCSS・JavaScript・タスクランナー

Bootstrap 4のCSSコンパイルをGulpで管理する方法

+"3"+3+"3"が"63"？ 意外に知られていないJavaScriptの単項プラス(+)演算子

iOS Safariでスクロールしただけでリサイズイベントが発生する原因と対処法

WebGLが使える環境かどうかのホントの判定方法 Android対応版

CSSベンダープレフィックス-webkit-を今この瞬間に辞める為のAutoprefixerの導入

TypeScriptでのイベント名をclickで指定するのはもう辞めよう

おじさんが若い時はね$.ajax()のオプションでsuccessとかerrorとか指定していたんだよ（追憶）

ロゴを作って学ぼうCSS3 Flexbox入門

たった3行で実現できるCSSの上下中央揃え（Flexbox）

DIST.10「HTML5 Canvasコンテンツの高解像度対応はどこまで行うべきか」

Webエンジニアに知ってほしいSwiftのスゴいところ5選

GitHubを使っているならハイライト機能を使わなきゃ損！

この1年で反響が大きかったフロントエンド技術記事まとめ 2015年版

CreateJS勉強会「オーディオスプライトを使った音声ファイルの最適化」

Microsoft Edgeのユーザーエージェントがカオスなので注意

JavaScriptで藤原竜也変換ツールを作りましたよ゛お゛お゛お゛

ブラウザのシェアを調べる時のお勧めサイトまとめ

macOSでの便利な画面キャプチャテクニック

console.log()を使うときのおすすめ記述方法

非同期通信（Ajax）をするときはタイムアウト処理を必ず入れてほしい（切実）

ガベージコレクションはこうすれば理解できる

「セミハンズオンで学ぶモダンCSS」を開催しました

DIST.32 「まだそれ手動でやってるの？　WebStormでJavaScriptとTypeScriptの作業をサボり尽くすテクニック集」

貂が可愛い！新フォント貂明朝のイラストをウェブページで表示する方法

npm 5.2.0の新機能！「npx」でローカルパッケージを手軽に実行しよう

DIST.13 「横並びだけじゃない！知って得するFlexboxの便利機能」

第25回HTML5+JS勉強会「2016年の常識はこれだ！ HTML5・CSS3のイマドキコーディング技術」

Node.js v6.0がリリース！大幅にサポートされたES2015の新機能を使ってみよう

5分で導入できるBootstrap 4 超入門〜タブの作り方〜

+"3"+3+"3"が"63"？意外に知られていないJavaScriptの単項プラス(+)演算子