Takeshi Kano

Frontend Developer

配列を征する者はJSを制す。 JavaScriptのスマートな配列操作テクニック

執筆記事

  • #JavaScript
  • #TypeScript

配列を征する者はJSを制す。 JavaScriptのスマートな配列操作テクニック

DIST32

登壇

  • #ツール

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

JavaScriptの次の仕様ES2020で追加されることが決定した新機能まとめ

執筆記事

  • #JavaScript

JavaScriptの次の仕様ES2020で追加されることが決定した新機能まとめ

のぞき見企画!ICS×Goodpatch Anywhere合同勉強会 風景

登壇

  • #CSS

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

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

登壇

  • #CSS
  • #HTML

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

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

登壇

  • #CSS
  • #ツール

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

全モダンブラウザ対応のCSS機能が爆増。Chromium版Edgeのもたらす次世代CSS表現

執筆記事

  • #CSS

全モダンブラウザ対応のCSS機能が爆増。Chromium版Edgeのもたらす次世代CSS表現

CSS Nite LP64「Coder's High 2019」

登壇

  • #CSS
  • #ツール

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

CSS Nite in Osaka, vol.52

登壇

  • #CSS

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

CSS Nite in Okinawa, vol.10

登壇

  • #JavaScript
  • #CSS

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

TypeScriptのビルドにオススメ! Parcel入門

執筆記事

  • #TypeScript
  • #ツール

TypeScriptのビルドにオススメ! Parcel入門

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

登壇

  • #CSS

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

執筆記事

  • #JavaScript

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

「JavaScriptコードレシピ集」を執筆しました!

執筆記事

  • #JavaScript

「JavaScriptコードレシピ集」を執筆しました!

Sassの変換にオススメ! Parcel入門

執筆記事

  • #Sass
  • #ツール

Sassの変換にオススメ! Parcel入門

Frontend Conference Fukuoka 2018

登壇

  • #JavaScript
  • #CSS

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

npmから乗り換えてわかった Yarnの4つのメリット

執筆記事

  • #ツール

npmから乗り換えてわかった Yarnの4つのメリット

執筆記事

  • #ツール
  • #git

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

CSS Nite LP58「Coder’s High 2018」

登壇

  • #CSS

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

CSSで円グラフや集中線が描ける conic-gradient入門

執筆記事

  • #CSS

CSSで円グラフや集中線が描けるconic-gradient入門

上下中央揃えのCSSまとめ Flexboxがたった3行で最も手軽

執筆記事

  • #CSS

上下中央揃えのCSSまとめ Flexboxがたった3行で最も手軽

執筆記事

  • #CSS
  • #Node.js

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

2018年に見直した 現代的なJavaScriptの記法を紹介するぜ

執筆記事

  • #JavaScript
  • #TypeScript

2018年に見直した 現代的なJavaScriptの記法を紹介するぜ

執筆記事

  • #JavaScript

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

使用歴5年目のエンジニアが送るWebStormの厳選神業集

執筆記事

  • #WebStorm
  • #ツール

使用歴5年目のエンジニアが送るWebStormの厳選神業集

執筆記事

  • #CSS
  • #HTML

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

執筆記事

  • #JavaScript

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

Frontend de KANPAI! #02

登壇

  • #WebStorm
  • #ツール

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

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

執筆記事

  • #swift

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

LinkedIn Learning「Flexbox 入門」

登壇

  • #CSS

LinkedIn Learning「Flexbox 入門」

Adobe XD Meeting #07

登壇

  • #ツール

Adobe XD Meeting #07「ドキュメントやブログ記事に役立つ! 図版作成で使えるAdobe XD活用術」

UI改善にキラリと役立つ! SVGアニメーションの作り方まとめ

執筆記事

  • #CSS

UI改善にキラリと役立つ! SVGアニメーションの作り方まとめ

執筆記事

  • #Node.js

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

SVGで始めるマイクロインタラクション入門

執筆記事

  • #CSS

SVGで始めるマイクロインタラクション入門

SVGアニメーションで始めるマイクロインタラクション

登壇

  • #CSS

SVGアニメーションで始めるマイクロインタラクション

執筆記事

  • #ツール

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

執筆記事

  • #Node.js

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

執筆記事

  • #ツール

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

執筆記事

  • #JavaScript

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

執筆記事

  • #TypeScript

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

執筆記事

  • #swift

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

執筆記事

  • #Node.js

Gulpで始めるwebpack 4入門

執筆記事

  • #Node.js

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

執筆記事

  • #Sass
  • #Node.js

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

執筆記事

  • #HTML
  • #ツール

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

執筆記事

  • #HTML
  • #ツール

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

2016年に見直した HTML5・CSS3コーディング手法6選

執筆記事

  • #CSS
  • #HTML

2016年に見直した HTML5・CSS3コーディング手法6選

執筆記事

  • #git

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

執筆記事

  • #JavaScript
  • #CSS

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

DIST.13 「トクするCSS」

登壇

  • #CSS

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

執筆記事

  • #WebStorm
  • #ツール

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

Schoo「Gulp入門」

登壇

  • #JavaScript

Schoo「Gulp入門」

登壇

  • #CSS

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

10/7 第26回HTML5+JS勉強会 in 代々木

登壇

  • #CSS
  • #HTML

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

執筆記事

  • #CSS

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

HTML 5.1のsrcset・sizes属性とpicture要素の使い方

執筆記事

  • #HTML

HTML 5.1のsrcset・sizes属性とpicture要素の使い方

執筆記事

  • #git

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

ヒカラボ「Webデザイナーが今覚えておくべきFlexboxとレスポンシブイメージ」

登壇

  • #CSS

ヒカラボ「Webデザイナーが今覚えておくべきFlexboxとレスポンシブイメージ」

執筆記事

  • #HTML

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

執筆記事

  • #TypeScript

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

執筆記事

  • #WebStorm

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

執筆記事

  • #WebStorm

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

Photoshop CCで注目した新機能 | マッチフォント機能、ゆがみツール、コンテンツに応じた切り

執筆記事

  • #ツール

Photoshop CCで注目した新機能 | マッチフォント機能、ゆがみツール、コンテンツに応じた切り

執筆記事

  • #JavaScript

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

執筆記事

  • #JavaScript

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

執筆記事

  • #swift

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

執筆記事

  • #TypeScript
  • #Node.js

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

執筆記事

  • #CSS

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

執筆記事

  • #CSS

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

執筆記事

  • #ツール

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

執筆記事

  • #Sass

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

執筆記事

  • #CSS

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

執筆記事

  • #JavaScript
  • #CSS
  • #ツール

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

執筆記事

  • #Sass
  • #ツール

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

執筆記事

  • #JavaScript

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

執筆記事

  • #JavaScript

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

執筆記事

  • #CSS
  • #ツール

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

執筆記事

  • #JavaScript

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

執筆記事

  • #TypeScript

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

執筆記事

  • #JavaScript

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

執筆記事

  • #CSS

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

SCSSとCompassでおしゃれなCSSパーティクルを作ってみた

執筆記事

  • #CSS
  • #Sass

SCSSとCompassでおしゃれなCSSパーティクルを作ってみた

執筆記事

  • #CSS

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

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

登壇

  • #JavaScript

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

CreateJS勉強会 (第7回)「CreateJSで開発するクロスプラットフォームなアプリ開発〜ElectronとPhoneGapで広がる可能性〜」

登壇

  • #JavaScript

CreateJS勉強会 (第7回)「CreateJSで開発するクロスプラットフォームなアプリ開発〜ElectronとPhoneGapで広がる可能性〜」

執筆記事

  • #swift

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

執筆記事

  • #git

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

執筆記事

  • #JavaScript
  • #CSS

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

HTML5の音声ファイル最適化技術オーディオスプライトとは?―CreateJS勉強会/鹿野発表資料

執筆記事

  • #JavaScript

HTML5の音声ファイル最適化技術オーディオスプライトとは?

HTML5の音声ファイル最適化技術オーディオスプライトとは

登壇

  • #JavaScript

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

執筆記事

  • #ツール

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

Web用保存は古い!? JPEG画質が改善したPhotoshop CC 2015の新方式の画像保存機能まとめ

執筆記事

  • #ツール

Web用保存は古い!? JPEG画質が改善したPhotoshop CC 2015の新方式の画像保存機能まとめ

執筆記事

  • #JavaScript

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

執筆記事

  • #ツール

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

執筆記事

  • #ツール

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

執筆記事

  • #JavaScript

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

執筆記事

  • #JavaScript

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

WatchKitで作るApple Watchアプリのアニメーション制作入門

執筆記事

  • #swift

WatchKitで作るApple Watchアプリのアニメーション制作入門

10分で試せる! SwiftではじめるiOSアプリ開発入門

執筆記事

  • #swift

10分で試せる! SwiftではじめるiOSアプリ開発入門

WebエンジニアのためのSwift言語入門

執筆記事

  • #swift

WebエンジニアのためのSwift言語入門

執筆記事

  • #JavaScript

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

CreateJSとNode.jsを使ってサーバーサイドでCanvasを扱おう

執筆記事

  • #JavaScript
  • #Node.js

CreateJSとNode.jsを使ってサーバーサイドでCanvasを扱おう

TypeScriptで始めるNode.js入門

執筆記事

  • #TypeScript
  • #Node.js

TypeScriptで始めるNode.js入門

Node.jsとSocket.IOによるPCとスマホブラウザのペアリングデモ

執筆記事

  • #JavaScript
  • #Node.js

Node.jsとSocket.IOによるPCとスマホブラウザのペアリングデモ

執筆記事

  • #Node.js

ブラウザ確認が一瞬! Gulp・Gruntと始めるBrowsersync入門

絶対つまずかないGulp 4入門(2019年版) インストールとSassを使うまでの手順

執筆記事

  • #Node.js

絶対つまずかないGulp 4入門(2019年版) インストールとSassを使うまでの手順