Takeshi Kano

Frontend Developer

es2021

執筆記事

  • #CSS

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

日経ソフトウェア2021年9月号

執筆記事

  • #CSS

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

es2021

執筆記事

  • #JavaScript

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

cssnite-2021-sp-kanosan-v2

登壇

  • #CSS

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

CSSNiteShift14-logo

登壇

  • #CSS

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

DIST32

登壇

  • #ツール

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

のぞき見企画!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 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の新機能」

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

登壇

  • #CSS

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

執筆記事

  • #JavaScript

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

Frontend Conference Fukuoka 2018

登壇

  • #JavaScript
  • #CSS

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

執筆記事

  • #ツール
  • #git

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

CSS Nite LP58「Coder’s High 2018」

登壇

  • #CSS

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

執筆記事

  • #CSS
  • #Node.js

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

執筆記事

  • #JavaScript

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

執筆記事

  • #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 入門」

執筆記事

  • #Node.js

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

執筆記事

  • #ツール

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
  • #ツール

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

執筆記事

  • #HTML
  • #ツール

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

執筆記事

  • #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)を実現する方法

執筆記事

  • #git

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

執筆記事

  • #HTML

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

執筆記事

  • #TypeScript

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

執筆記事

  • #WebStorm

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

執筆記事

  • #WebStorm

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

執筆記事

  • #JavaScript

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

執筆記事

  • #JavaScript

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

執筆記事

  • #swift

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

執筆記事

  • #TypeScript
  • #Node.js

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

執筆記事

  • #CSS

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

執筆記事

  • #CSS

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

執筆記事

  • #CSS

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

執筆記事

  • #Sass

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

執筆記事

  • #ツール

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

執筆記事

  • #JavaScript
  • #CSS
  • #ツール

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

執筆記事

  • #Sass
  • #ツール

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

執筆記事

  • #JavaScript

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

執筆記事

  • #JavaScript

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

執筆記事

  • #JavaScript

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

執筆記事

  • #CSS
  • #ツール

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

執筆記事

  • #TypeScript

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

執筆記事

  • #JavaScript

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

執筆記事

  • #CSS

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

執筆記事

  • #CSS

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

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

登壇

  • #JavaScript

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

執筆記事

  • #swift

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

執筆記事

  • #git

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

執筆記事

  • #JavaScript
  • #CSS

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

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

登壇

  • #JavaScript

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

執筆記事

  • #ツール

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

執筆記事

  • #JavaScript

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

執筆記事

  • #ツール

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

執筆記事

  • #ツール

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

執筆記事

  • #JavaScript

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

執筆記事

  • #JavaScript

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

執筆記事

  • #JavaScript

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