狠狠撸shows by User: toshimichisuekane / http://www.slideshare.net/images/logo.gif 狠狠撸shows by User: toshimichisuekane / Mon, 26 Jun 2017 03:19:18 GMT 狠狠撸Share feed for 狠狠撸shows by User: toshimichisuekane Pug(Jade)を使って コンテンツ書き出しの 時短をしよう /slideshow/pugjade/77252744 pug-170626031918
CMS井戸端会議 2017-6-24 での登壇資料です]]>
CMS井戸端会議 2017-6-24 での登壇資料です]]> Mon, 26 Jun 2017 03:19:18 GMT /slideshow/pugjade/77252744 toshimichisuekane@slideshare.net(toshimichisuekane) Pug(Jade)を使って コンテンツ書き出しの 時短をしよう toshimichisuekane CMS井戸端会議 2017-6-24 での登壇資料です <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/pug-170626031918-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> CMS井戸端会議 2017-6-24 での登壇資料です
Pug(Jade)を使って コンテンツ書き出しの 時短をしよう from Toshimichi Suekane
]]> 1194 3 https://cdn.slidesharecdn.com/ss_thumbnails/pug-170626031918-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 碍补颈锄别苍とコーテ?ィンク?て?、２年间生き抜いた /slideshow/kaizen-73643852/73643852 kaizen-170326023947
WordBench福岡で登壇した際のスライドです。 たぶんまだ4.7.2回目のWordBench福岡 https://connpass.com/event/51731/]]>
WordBench福岡で登壇した際のスライドです。 たぶんまだ4.7.2回目のWordBench福岡 https://connpass.com/event/51731/]]> Sun, 26 Mar 2017 02:39:47 GMT /slideshow/kaizen-73643852/73643852 toshimichisuekane@slideshare.net(toshimichisuekane) 碍补颈锄别苍とコーテ?ィンク?て?、２年间生き抜いた toshimichisuekane WordBench福岡で登壇した際のスライドです。 たぶんまだ4.7.2回目のWordBench福岡 https://connpass.com/event/51731/ <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/kaizen-170326023947-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> WordBench福岡で登壇した際のスライドです。 たぶんまだ4.7.2回目のWordBench福岡 https://connpass.com/event/51731/
碍补颈锄别苍とコーテ?ィンク?て?、２年间生き抜いた from Toshimichi Suekane
]]> 1209 5 https://cdn.slidesharecdn.com/ss_thumbnails/kaizen-170326023947-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 gulp + Slim テンプレートエンジンで HTML を効率よく書き出そう /toshimichisuekane/gulp-slim-html 2016-slim-160626052404
gulp + Slim テンプレートエンジンで HTML を効率よく書き出すハンズオンです]]>
gulp + Slim テンプレートエンジンで HTML を効率よく書き出すハンズオンです]]> Sun, 26 Jun 2016 05:24:04 GMT /toshimichisuekane/gulp-slim-html toshimichisuekane@slideshare.net(toshimichisuekane) gulp + Slim テンプレートエンジンで HTML を効率よく書き出そう toshimichisuekane gulp + Slim テンプレートエンジンで HTML を効率よく書き出すハンズオンです <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2016-slim-160626052404-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> gulp + Slim テンプレートエンジンで HTML を効率よく書き出すハンズオンです
gulp + Slim テンプレートエンジンで HTML を効率よく書き出そう from Toshimichi Suekane
]]> 845 4 https://cdn.slidesharecdn.com/ss_thumbnails/2016-slim-160626052404-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 骋颈迟贬耻产でプロジェクトを共有してみよう /slideshow/github-63451365/63451365 2016-github-160626052055
骋颈迟贬耻产でプロジェクトを共有してみるハンズオン资料闭闭>
骋颈迟贬耻产でプロジェクトを共有してみるハンズオン资料闭闭> Sun, 26 Jun 2016 05:20:55 GMT /slideshow/github-63451365/63451365 toshimichisuekane@slideshare.net(toshimichisuekane) 骋颈迟贬耻产でプロジェクトを共有してみよう toshimichisuekane 骋颈迟贬耻产でプロジェクトを共有してみるハンズオン资料 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/2016-github-160626052055-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 骋颈迟贬耻产でプロジェクトを共有してみるハンズオン资料
骋颈迟贬耻产でプロジェクトを共有してみよう from Toshimichi Suekane
]]> 707 4 https://cdn.slidesharecdn.com/ss_thumbnails/2016-github-160626052055-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Retina対応 CSSスプライトを自動化しよう sprity版（東区フロントエンド勉強会 2015年 第2回） 補足資料 /slideshow/retina-css-sprity-2015-2/63450688 higashiku-gulp-sprity-160626040041
东区フロント勉强会の补足资料です。驳耻濒辫と蝉辫谤颈迟测を使い、搁别迟颈苍补対応の颁厂厂スプライトを自动で作成します。闭闭>
东区フロント勉强会の补足资料です。驳耻濒辫と蝉辫谤颈迟测を使い、搁别迟颈苍补対応の颁厂厂スプライトを自动で作成します。闭闭> Sun, 26 Jun 2016 04:00:41 GMT /slideshow/retina-css-sprity-2015-2/63450688 toshimichisuekane@slideshare.net(toshimichisuekane) Retina対応 CSSスプライトを自動化しよう sprity版（東区フロントエンド勉強会 2015年 第2回） 補足資料 toshimichisuekane 东区フロント勉强会の补足资料です。驳耻濒辫と蝉辫谤颈迟测を使い、搁别迟颈苍补対応の颁厂厂スプライトを自动で作成します。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/higashiku-gulp-sprity-160626040041-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 东区フロント勉强会の补足资料です。驳耻濒辫と蝉辫谤颈迟测を使い、搁别迟颈苍补対応の颁厂厂スプライトを自动で作成します。
Retina対応 CSSスプライトを自動化しよう sprity版（東区フロントエンド勉強会 2015年 第2回） 補足資料 from Toshimichi Suekane
]]> 416 4 https://cdn.slidesharecdn.com/ss_thumbnails/higashiku-gulp-sprity-160626040041-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 gulp + sass で目指せ倍速コーディング（第2回 gulpfile.jsの分割管理と画像作成の効率化） /slideshow/gulp-sass-2-gulpfilejs/57464724 gulp-sass-2015-3-160125152035
１．gulpfile.js を分割して管理しよう gulp への依存度が高くなると、gulpfile.js の記述が増えどこに何の処理を入れたかわかりづらくなり管理が困難になります。 そこで今回はまず gulpfile.js を分割して管理する方法を導入し、今後追加するタスクを容易に管理できるようにします。 また gulpfile.js を別プロジェクトに流用できるよう、入力元た出力先などをオブジェクト化し一括管理できるようにします。 ２．画像を自動で最適化しよう 通信量の削減や表示速度向上のための画像最適化、TinyPNG (https://tinypng.com/) などで都度圧縮していませんか？ 今回は作業時間の削減ということが主テーマですので、画像の圧縮も自動化したいと思います。任意のフォルダに画像を保存すると、出力先のディレクトリに最適化画像を生成するという一連の流れを構築します。 ３．CSSスプライトを使ってみよう 皆さんはCSSスプライトを活用していますか？ 最近ではレスポンシブ案件が増え、Retina対応用のCSSスプライトを別途用意する必要があり大きな負担になっています。またプロジェクト初期の段階ではきっちり作成していても、締め切りが近づいてくるとつい作業効率優先しがちです。 この点を解決するため、今回は任意のフォルダに画像を保存すると、出力先のディレクトリにCSSスプライト画像を生成するという一連の流れを構築します。さらに画像の最適化処理も間に入れたいと思います。 CSSスプライト画像が生成されると同時にインクルード用のSassファイルが自動生成されますので、これを活用して効率良くSassコーディングをします。]]>
１．gulpfile.js を分割して管理しよう gulp への依存度が高くなると、gulpfile.js の記述が増えどこに何の処理を入れたかわかりづらくなり管理が困難になります。 そこで今回はまず gulpfile.js を分割して管理する方法を導入し、今後追加するタスクを容易に管理できるようにします。 また gulpfile.js を別プロジェクトに流用できるよう、入力元た出力先などをオブジェクト化し一括管理できるようにします。 ２．画像を自動で最適化しよう 通信量の削減や表示速度向上のための画像最適化、TinyPNG (https://tinypng.com/) などで都度圧縮していませんか？ 今回は作業時間の削減ということが主テーマですので、画像の圧縮も自動化したいと思います。任意のフォルダに画像を保存すると、出力先のディレクトリに最適化画像を生成するという一連の流れを構築します。 ３．CSSスプライトを使ってみよう 皆さんはCSSスプライトを活用していますか？ 最近ではレスポンシブ案件が増え、Retina対応用のCSSスプライトを別途用意する必要があり大きな負担になっています。またプロジェクト初期の段階ではきっちり作成していても、締め切りが近づいてくるとつい作業効率優先しがちです。 この点を解決するため、今回は任意のフォルダに画像を保存すると、出力先のディレクトリにCSSスプライト画像を生成するという一連の流れを構築します。さらに画像の最適化処理も間に入れたいと思います。 CSSスプライト画像が生成されると同時にインクルード用のSassファイルが自動生成されますので、これを活用して効率良くSassコーディングをします。]]> Mon, 25 Jan 2016 15:20:35 GMT /slideshow/gulp-sass-2-gulpfilejs/57464724 toshimichisuekane@slideshare.net(toshimichisuekane) gulp + sass で目指せ倍速コーディング（第2回 gulpfile.jsの分割管理と画像作成の効率化） toshimichisuekane １．gulpfile.js を分割して管理しよう gulp への依存度が高くなると、gulpfile.js の記述が増えどこに何の処理を入れたかわかりづらくなり管理が困難になります。 そこで今回はまず gulpfile.js を分割して管理する方法を導入し、今後追加するタスクを容易に管理できるようにします。 また gulpfile.js を別プロジェクトに流用できるよう、入力元た出力先などをオブジェクト化し一括管理できるようにします。 ２．画像を自動で最適化しよう 通信量の削減や表示速度向上のための画像最適化、TinyPNG (https://tinypng.com/) などで都度圧縮していませんか？ 今回は作業時間の削減ということが主テーマですので、画像の圧縮も自動化したいと思います。任意のフォルダに画像を保存すると、出力先のディレクトリに最適化画像を生成するという一連の流れを構築します。 ３．CSSスプライトを使ってみよう 皆さんはCSSスプライトを活用していますか？ 最近ではレスポンシブ案件が増え、Retina対応用のCSSスプライトを別途用意する必要があり大きな負担になっています。またプロジェクト初期の段階ではきっちり作成していても、締め切りが近づいてくるとつい作業効率優先しがちです。 この点を解決するため、今回は任意のフォルダに画像を保存すると、出力先のディレクトリにCSSスプライト画像を生成するという一連の流れを構築します。さらに画像の最適化処理も間に入れたいと思います。 CSSスプライト画像が生成されると同時にインクルード用のSassファイルが自動生成されますので、これを活用して効率良くSassコーディングをします。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/gulp-sass-2015-3-160125152035-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> １．gulpfile.js を分割して管理しよう gulp への依存度が高くなると、gulpfile.js の記述が増えどこに何の処理を入れたかわかりづらくなり管理が困難になります。 そこで今回はまず gulpfile.js を分割して管理する方法を導入し、今後追加するタスクを容易に管理できるようにします。 また gulpfile.js を別プロジェクトに流用できるよう、入力元た出力先などをオブジェクト化し一括管理できるようにします。 ２．画像を自動で最適化しよう 通信量の削減や表示速度向上のための画像最適化、TinyPNG (https://tinypng.com/) などで都度圧縮していませんか？ 今回は作業時間の削減ということが主テーマですので、画像の圧縮も自動化したいと思います。任意のフォルダに画像を保存すると、出力先のディレクトリに最適化画像を生成するという一連の流れを構築します。 ３．CSSスプライトを使ってみよう 皆さんはCSSスプライトを活用していますか？ 最近ではレスポンシブ案件が増え、Retina対応用のCSSスプライトを別途用意する必要があり大きな負担になっています。またプロジェクト初期の段階ではきっちり作成していても、締め切りが近づいてくるとつい作業効率優先しがちです。 この点を解決するため、今回は任意のフォルダに画像を保存すると、出力先のディレクトリにCSSスプライト画像を生成するという一連の流れを構築します。さらに画像の最適化処理も間に入れたいと思います。 CSSスプライト画像が生成されると同時にインクルード用のSassファイルが自動生成されますので、これを活用して効率良くSassコーディングをします。
gulp + sass で目指せ倍速コーディング（第2回 gulpfile.jsの分割管理と画像作成の効率化） from Toshimichi Suekane
]]> 1426 8 https://cdn.slidesharecdn.com/ss_thumbnails/gulp-sass-2015-3-160125152035-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 gulp + sass で目指せ倍速コーディング（東区フロントエンド勉強会 2015年 第1回） 本編 /slideshow/gulp-sass-2015-1-51123451/51123451 gulp-sass-2015-2-150731022217-lva1-app6892
2015年7月30日に開催します勉強会の本編資料になります。本書は全３章で構成されています。 第１章はSassでどういったことができるのかの説明。 第２章から説明を交えてのハンズオン。 第３章は応用。]]>
2015年7月30日に開催します勉強会の本編資料になります。本書は全３章で構成されています。 第１章はSassでどういったことができるのかの説明。 第２章から説明を交えてのハンズオン。 第３章は応用。]]> Fri, 31 Jul 2015 02:22:17 GMT /slideshow/gulp-sass-2015-1-51123451/51123451 toshimichisuekane@slideshare.net(toshimichisuekane) gulp + sass で目指せ倍速コーディング（東区フロントエンド勉強会 2015年 第1回） 本編 toshimichisuekane 2015年7月30日に開催します勉強会の本編資料になります。本書は全３章で構成されています。 第１章はSassでどういったことができるのかの説明。 第２章から説明を交えてのハンズオン。 第３章は応用。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/gulp-sass-2015-2-150731022217-lva1-app6892-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 2015年7月30日に開催します勉強会の本編資料になります。本書は全３章で構成されています。 第１章はSassでどういったことができるのかの説明。 第２章から説明を交えてのハンズオン。 第３章は応用。
gulp + sass で目指せ倍速コーディング（東区フロントエンド勉強会 2015年 第1回） 本編 from Toshimichi Suekane
]]> 2143 5 https://cdn.slidesharecdn.com/ss_thumbnails/gulp-sass-2015-2-150731022217-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 gulp + sass で目指せ倍速コーディング（東区フロントエンド勉強会 2015年 第1回） 環境準備編 /slideshow/gulp-sass-2015-1/50957327 higashiku-frontend-2015-001-150727072804-lva1-app6891
2015年7月30日に開催します勉強会の事前資料になります。参加人数が多く環境構築から進めることが困難と判断しましたので、本資料を参考に当日ご持参いただきますPCに環境の構築をお願いいたします。 ＜Mac ユーザーの方へ＞ Node.js は、homeberw 経由でのインストールでも良いかと思います。 ご自身の環境に合わせ、ご都合の良い方法で Node.js をインストールしてください。]]>
2015年7月30日に開催します勉強会の事前資料になります。参加人数が多く環境構築から進めることが困難と判断しましたので、本資料を参考に当日ご持参いただきますPCに環境の構築をお願いいたします。 ＜Mac ユーザーの方へ＞ Node.js は、homeberw 経由でのインストールでも良いかと思います。 ご自身の環境に合わせ、ご都合の良い方法で Node.js をインストールしてください。]]> Mon, 27 Jul 2015 07:28:04 GMT /slideshow/gulp-sass-2015-1/50957327 toshimichisuekane@slideshare.net(toshimichisuekane) gulp + sass で目指せ倍速コーディング（東区フロントエンド勉強会 2015年 第1回） 環境準備編 toshimichisuekane 2015年7月30日に開催します勉強会の事前資料になります。参加人数が多く環境構築から進めることが困難と判断しましたので、本資料を参考に当日ご持参いただきますPCに環境の構築をお願いいたします。 ＜Mac ユーザーの方へ＞ Node.js は、homeberw 経由でのインストールでも良いかと思います。 ご自身の環境に合わせ、ご都合の良い方法で Node.js をインストールしてください。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/higashiku-frontend-2015-001-150727072804-lva1-app6891-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 2015年7月30日に開催します勉強会の事前資料になります。参加人数が多く環境構築から進めることが困難と判断しましたので、本資料を参考に当日ご持参いただきますPCに環境の構築をお願いいたします。 ＜Mac ユーザーの方へ＞ Node.js は、homeberw 経由でのインストールでも良いかと思います。 ご自身の環境に合わせ、ご都合の良い方法で Node.js をインストールしてください。
gulp + sass で目指せ倍速コーディング（東区フロントエンド勉強会 2015年 第1回） 環境準備編 from Toshimichi Suekane
]]> 1495 4 https://cdn.slidesharecdn.com/ss_thumbnails/higashiku-frontend-2015-001-150727072804-lva1-app6891-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 https://cdn.slidesharecdn.com/profile-photo-toshimichisuekane-48x48.jpg?cb=1558909944 ?グロースハッカー ?フロントエンドエンジニア excode.jp https://cdn.slidesharecdn.com/ss_thumbnails/pug-170626031918-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/pugjade/77252744 Pug(Jade)を使って コンテンツ書き出... https://cdn.slidesharecdn.com/ss_thumbnails/kaizen-170326023947-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/kaizen-73643852/73643852 碍补颈锄别苍とコーテ?ィンク?て?、２年间生... https://cdn.slidesharecdn.com/ss_thumbnails/2016-slim-160626052404-thumbnail.jpg?width=320&height=320&fit=bounds toshimichisuekane/gulp-slim-html gulp + Slim テンプレートエンジン...