狠狠撸shows by User: sakusan393

狠狠撸shows by User: sakusan393 / http://www.slideshare.net/images/logo.gif 狠狠撸shows by User: sakusan393 / Thu, 12 May 2016 15:17:25 GMT 狠狠撸Share feed for 狠狠撸shows by User: sakusan393 奥贰叠骋尝入门者の会　尝罢スライド资料 /slideshow/webgllt-61953170/61953170 kurimanju-160512151725
奥贰叠骋尝でバイバイン闭闭>
奥贰叠骋尝でバイバイン闭闭> Thu, 12 May 2016 15:17:25 GMT /slideshow/webgllt-61953170/61953170 sakusan393@slideshare.net(sakusan393) 奥贰叠骋尝入门者の会　尝罢スライド资料 sakusan393 奥贰叠骋尝でバイバイン <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/kurimanju-160512151725-thumbnail.jpg?width=120&height=120&fit=bounds" /><br> 奥贰叠骋尝でバイバイン

WEBGL入門者の会 LTスライド資料 from 393 Hiroyuki

]]> 1317 4 https://cdn.slidesharecdn.com/ss_thumbnails/kurimanju-160512151725-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 Dist4 勉強会発表資料そろそろ私もタスクランナー使ってみようかしら /slideshow/dist4-38356066/38356066 dist4-140826014113-phpapp02
#タスクランナーとはなんぞやざっくりいろんな処理を(自動で)してくれるツール --- ##とりあえずどんなものか:casestudyなデモ ###シチュエーションオシャレでやばいアニメーションするWebサイト作ってね! もちろんスマホでもうごいてね! オシャレでやばいアニメーション! FlashProfessionalのHTML5 Canvas書き出しを使おう！ FlashProfessionalで作ったアニメーションから jsとhtmlを生成してくれる --- ##デモの構成 canvasアニメーションを使ったwebサイト canvasuアニメはcreatejsで書き出し。 createjsで自動生成されるjsで個々のアニメパーツをアセットとして使用。各パーツは別途jsで制御したい。 ###デモソース一式 * [zip](http://393.bz/grunt-sample/grunt_sample.zip) * [github](https://github.com/sakusan393/grunt_sample) --- ##タスクランナーが行ったこと ###起動時 * 出力フォルダの削除 * coffeescriptのコンパイル * compass(sass)のコンパイル * jadeのコンパイル * Flashが生成したファイルから必要なものをコピー * jsファイルの結合 * ローカルでWEBサーバー起動 * ブラウザの起動(Google Chrome Canary) * ファイルの監視 ###ファイル監視 * jade/sass/coffee更新毎 * 各ビルド→ブラウザリロード ###Flashでパブリッシュ毎 * 生成されたpng画像の圧縮 * flaから生成したjs/imageファイルをコピー * jsファイルの結合 →ブラウザリロード ###そのた * アップロード日時のフォルダを作ってアップロード --- ##タスクランナーについて有名どころはこの3つでしょうか。（有名＝使ったことがある） * grunt * gulp * middleman(上の2つとはちょっと意味合いが違うかも） ###grunt * 恐らくこの中で一番メジャー * ぐぐるとブログ記事など多数あり ###gulp * 流行ってるのでより高いオシャレ度 * gruntほどブログ記事はなさげ ###middleman * 前述のタスクランナーとはちょっと違うかも * Rubyに慣れてる人にはよさげ * 細かい設定不要だけどお作法は覚える必要あり --- ##導入手順（ざっくり） ###grunt * nodejsが必要 (インストラーでインストール可能） * npm経由でGRUNTをインストール `npm install grunt-cli -g` ※npmはコマンドプロンプト(いわゆる黒い画面） * 各種便利機能は個別にプラグインをDL 例) coffeescriptのプラグイン `npm install grunt-contrib-coffee --save-dev` ###DEMOで使用したプラグイン * grunt-contrib-coffee//coffeeコンパイル * grunt-contrib-compass//compassコンパイル * grunt-contrib-jade//jadeコンパイル * grunt-contrib-uglify//jsの圧縮 * grunt-contrib-concat//jsの結合 * grunt-contrib-copy//ファイルのコピー * grunt-contrib-clean//ファイルの削除 * grunt-contrib-watch//ファイルの監視 * grunt-contrib-connect//サーバー起動 * grunt-open//ブラウザを開く * grunt-pngmin//png画像の圧縮 * grunt-ftp-deploy//ftpへのアップロード ###gruntfileの作成(jsでもcoffeeでも可） DLした各タスクの設定をここに記述書き方は、ぐぐると良い記事たくさんありますのでコピペしましょう。意味がよくわからなくてもとりあえずお作法通りにかけば動きます。実行はコマンドプロンプトで grunt "登録タスク名" で実行 * 例) * `grunt start` //もろもろ起動 * `grunt ftp-deploy` //ftpにアップロード --- ##gulp grunt同様nodejsなので作法はほとんど一緒 GRUNT同様、nodejsが必要 * npm経由でGRUNTをインストール `npm install gulp ]]>
#タスクランナーとはなんぞやざっくりいろんな処理を(自動で)してくれるツール --- ##とりあえずどんなものか:casestudyなデモ ###シチュエーションオシャレでやばいアニメーションするWebサイト作ってね! もちろんスマホでもうごいてね! オシャレでやばいアニメーション! FlashProfessionalのHTML5 Canvas書き出しを使おう！ FlashProfessionalで作ったアニメーションから jsとhtmlを生成してくれる --- ##デモの構成 canvasアニメーションを使ったwebサイト canvasuアニメはcreatejsで書き出し。 createjsで自動生成されるjsで個々のアニメパーツをアセットとして使用。各パーツは別途jsで制御したい。 ###デモソース一式 * [zip](http://393.bz/grunt-sample/grunt_sample.zip) * [github](https://github.com/sakusan393/grunt_sample) --- ##タスクランナーが行ったこと ###起動時 * 出力フォルダの削除 * coffeescriptのコンパイル * compass(sass)のコンパイル * jadeのコンパイル * Flashが生成したファイルから必要なものをコピー * jsファイルの結合 * ローカルでWEBサーバー起動 * ブラウザの起動(Google Chrome Canary) * ファイルの監視 ###ファイル監視 * jade/sass/coffee更新毎 * 各ビルド→ブラウザリロード ###Flashでパブリッシュ毎 * 生成されたpng画像の圧縮 * flaから生成したjs/imageファイルをコピー * jsファイルの結合 →ブラウザリロード ###そのた * アップロード日時のフォルダを作ってアップロード --- ##タスクランナーについて有名どころはこの3つでしょうか。（有名＝使ったことがある） * grunt * gulp * middleman(上の2つとはちょっと意味合いが違うかも） ###grunt * 恐らくこの中で一番メジャー * ぐぐるとブログ記事など多数あり ###gulp * 流行ってるのでより高いオシャレ度 * gruntほどブログ記事はなさげ ###middleman * 前述のタスクランナーとはちょっと違うかも * Rubyに慣れてる人にはよさげ * 細かい設定不要だけどお作法は覚える必要あり --- ##導入手順（ざっくり） ###grunt * nodejsが必要 (インストラーでインストール可能） * npm経由でGRUNTをインストール `npm install grunt-cli -g` ※npmはコマンドプロンプト(いわゆる黒い画面） * 各種便利機能は個別にプラグインをDL 例) coffeescriptのプラグイン `npm install grunt-contrib-coffee --save-dev` ###DEMOで使用したプラグイン * grunt-contrib-coffee//coffeeコンパイル * grunt-contrib-compass//compassコンパイル * grunt-contrib-jade//jadeコンパイル * grunt-contrib-uglify//jsの圧縮 * grunt-contrib-concat//jsの結合 * grunt-contrib-copy//ファイルのコピー * grunt-contrib-clean//ファイルの削除 * grunt-contrib-watch//ファイルの監視 * grunt-contrib-connect//サーバー起動 * grunt-open//ブラウザを開く * grunt-pngmin//png画像の圧縮 * grunt-ftp-deploy//ftpへのアップロード ###gruntfileの作成(jsでもcoffeeでも可） DLした各タスクの設定をここに記述書き方は、ぐぐると良い記事たくさんありますのでコピペしましょう。意味がよくわからなくてもとりあえずお作法通りにかけば動きます。実行はコマンドプロンプトで grunt "登録タスク名" で実行 * 例) * `grunt start` //もろもろ起動 * `grunt ftp-deploy` //ftpにアップロード --- ##gulp grunt同様nodejsなので作法はほとんど一緒 GRUNT同様、nodejsが必要 * npm経由でGRUNTをインストール `npm install gulp ]]> Tue, 26 Aug 2014 01:41:13 GMT /slideshow/dist4-38356066/38356066 sakusan393@slideshare.net(sakusan393) Dist4 勉強会発表資料そろそろ私もタスクランナー使ってみようかしら sakusan393 #タスクランナーとはなんぞやざっくりいろんな処理を(自動で)してくれるツール --- ##とりあえずどんなものか:casestudyなデモ ###シチュエーションオシャレでやばいアニメーションするWebサイト作ってね! もちろんスマホでもうごいてね! オシャレでやばいアニメーション! FlashProfessionalのHTML5 Canvas書き出しを使おう！ FlashProfessionalで作ったアニメーションから jsとhtmlを生成してくれる --- ##デモの構成 canvasアニメーションを使ったwebサイト canvasuアニメはcreatejsで書き出し。 createjsで自動生成されるjsで個々のアニメパーツをアセットとして使用。各パーツは別途jsで制御したい。 ###デモソース一式 * [zip](http://393.bz/grunt-sample/grunt_sample.zip) * [github](https://github.com/sakusan393/grunt_sample) --- ##タスクランナーが行ったこと ###起動時 * 出力フォルダの削除 * coffeescriptのコンパイル * compass(sass)のコンパイル * jadeのコンパイル * Flashが生成したファイルから必要なものをコピー * jsファイルの結合 * ローカルでWEBサーバー起動 * ブラウザの起動(Google Chrome Canary) * ファイルの監視 ###ファイル監視 * jade/sass/coffee更新毎 * 各ビルド→ブラウザリロード ###Flashでパブリッシュ毎 * 生成されたpng画像の圧縮 * flaから生成したjs/imageファイルをコピー * jsファイルの結合 →ブラウザリロード ###そのた * アップロード日時のフォルダを作ってアップロード --- ##タスクランナーについて有名どころはこの3つでしょうか。（有名＝使ったことがある） * grunt * gulp * middleman(上の2つとはちょっと意味合いが違うかも） ###grunt * 恐らくこの中で一番メジャー * ぐぐるとブログ記事など多数あり ###gulp * 流行ってるのでより高いオシャレ度 * gruntほどブログ記事はなさげ ###middleman * 前述のタスクランナーとはちょっと違うかも * Rubyに慣れてる人にはよさげ * 細かい設定不要だけどお作法は覚える必要あり --- ##導入手順（ざっくり） ###grunt * nodejsが必要 (インストラーでインストール可能） * npm経由でGRUNTをインストール `npm install grunt-cli -g` ※npmはコマンドプロンプト(いわゆる黒い画面） * 各種便利機能は個別にプラグインをDL 例) coffeescriptのプラグイン `npm install grunt-contrib-coffee --save-dev` ###DEMOで使用したプラグイン * grunt-contrib-coffee//coffeeコンパイル * grunt-contrib-compass//compassコンパイル * grunt-contrib-jade//jadeコンパイル * grunt-contrib-uglify//jsの圧縮 * grunt-contrib-concat//jsの結合 * grunt-contrib-copy//ファイルのコピー * grunt-contrib-clean//ファイルの削除 * grunt-contrib-watch//ファイルの監視 * grunt-contrib-connect//サーバー起動 * grunt-open//ブラウザを開く * grunt-pngmin//png画像の圧縮 * grunt-ftp-deploy//ftpへのアップロード ###gruntfileの作成(jsでもcoffeeでも可） DLした各タスクの設定をここに記述書き方は、ぐぐると良い記事たくさんありますのでコピペしましょう。意味がよくわからなくてもとりあえずお作法通りにかけば動きます。実行はコマンドプロンプトで grunt "登録タスク名" で実行 * 例) * `grunt start` //もろもろ起動 * `grunt ftp-deploy` //ftpにアップロード --- ##gulp grunt同様nodejsなので作法はほとんど一緒 GRUNT同様、nodejsが必要 * npm経由でGRUNTをインストール `npm install gulp <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/dist4-140826014113-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds" /><br> #タスクランナーとはなんぞやざっくりいろんな処理を(自動で)してくれるツール --- ##とりあえずどんなものか:casestudyなデモ ###シチュエーションオシャレでやばいアニメーションするWebサイト作ってね! もちろんスマホでもうごいてね! オシャレでやばいアニメーション! FlashProfessionalのHTML5 Canvas書き出しを使おう！ FlashProfessionalで作ったアニメーションから jsとhtmlを生成してくれる --- ##デモの構成 canvasアニメーションを使ったwebサイト canvasuアニメはcreatejsで書き出し。 createjsで自動生成されるjsで個々のアニメパーツをアセットとして使用。各パーツは別途jsで制御したい。 ###デモソース一式 * [zip](http://393.bz/grunt-sample/grunt_sample.zip) * [github](https://github.com/sakusan393/grunt_sample) --- ##タスクランナーが行ったこと ###起動時 * 出力フォルダの削除 * coffeescriptのコンパイル * compass(sass)のコンパイル * jadeのコンパイル * Flashが生成したファイルから必要なものをコピー * jsファイルの結合 * ローカルでWEBサーバー起動 * ブラウザの起動(Google Chrome Canary) * ファイルの監視 ###ファイル監視 * jade/sass/coffee更新毎 * 各ビルド→ブラウザリロード ###Flashでパブリッシュ毎 * 生成されたpng画像の圧縮 * flaから生成したjs/imageファイルをコピー * jsファイルの結合 →ブラウザリロード ###そのた * アップロード日時のフォルダを作ってアップロード --- ##タスクランナーについて有名どころはこの3つでしょうか。（有名＝使ったことがある） * grunt * gulp * middleman(上の2つとはちょっと意味合いが違うかも） ###grunt * 恐らくこの中で一番メジャー * ぐぐるとブログ記事など多数あり ###gulp * 流行ってるのでより高いオシャレ度 * gruntほどブログ記事はなさげ ###middleman * 前述のタスクランナーとはちょっと違うかも * Rubyに慣れてる人にはよさげ * 細かい設定不要だけどお作法は覚える必要あり --- ##導入手順（ざっくり） ###grunt * nodejsが必要 (インストラーでインストール可能） * npm経由でGRUNTをインストール `npm install grunt-cli -g` ※npmはコマンドプロンプト(いわゆる黒い画面） * 各種便利機能は個別にプラグインをDL 例) coffeescriptのプラグイン `npm install grunt-contrib-coffee --save-dev` ###DEMOで使用したプラグイン * grunt-contrib-coffee//coffeeコンパイル * grunt-contrib-compass//compassコンパイル * grunt-contrib-jade//jadeコンパイル * grunt-contrib-uglify//jsの圧縮 * grunt-contrib-concat//jsの結合 * grunt-contrib-copy//ファイルのコピー * grunt-contrib-clean//ファイルの削除 * grunt-contrib-watch//ファイルの監視 * grunt-contrib-connect//サーバー起動 * grunt-open//ブラウザを開く * grunt-pngmin//png画像の圧縮 * grunt-ftp-deploy//ftpへのアップロード ###gruntfileの作成(jsでもcoffeeでも可） DLした各タスクの設定をここに記述書き方は、ぐぐると良い記事たくさんありますのでコピペしましょう。意味がよくわからなくてもとりあえずお作法通りにかけば動きます。実行はコマンドプロンプトで grunt "登録タスク名" で実行 * 例) * `grunt start` //もろもろ起動 * `grunt ftp-deploy` //ftpにアップロード --- ##gulp grunt同様nodejsなので作法はほとんど一緒 GRUNT同様、nodejsが必要 * npm経由でGRUNTをインストール `npm install gulp

Dist4 勉強会発表資料そろそろ私もタスクランナー使ってみようかしら from 393 Hiroyuki

]]> 921 2 https://cdn.slidesharecdn.com/ss_thumbnails/dist4-140826014113-phpapp02-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 Air for iOSでiPhoneアプリ作ったよの話 /slideshow/air-for-iosiphone/15024135 fsiteslide-121104191106-phpapp02
2012.11.3 Fsite Demo1 ]]>
2012.11.3 Fsite Demo1 ]]> Sun, 04 Nov 2012 19:11:03 GMT /slideshow/air-for-iosiphone/15024135 sakusan393@slideshare.net(sakusan393) Air for iOSでiPhoneアプリ作ったよの話 sakusan393 2012.11.3 Fsite Demo1 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/fsiteslide-121104191106-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds" /><br> 2012.11.3 Fsite Demo1

Air for iOSでiPhoneアプリ作ったよの話 from 393 Hiroyuki

]]> 18067 5 https://cdn.slidesharecdn.com/ss_thumbnails/fsiteslide-121104191106-phpapp02-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 Stage3D勉強会#2 発表資料 /slideshow/stage3d2/14054920 slide11-pdf-120823165200-phpapp01
]]>
]]> Thu, 23 Aug 2012 16:51:57 GMT /slideshow/stage3d2/14054920 sakusan393@slideshare.net(sakusan393) Stage3D勉強会#2 発表資料 sakusan393 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/slide11-pdf-120823165200-phpapp01-thumbnail.jpg?width=120&height=120&fit=bounds" /><br>

Stage3D勉強会#2 発表資料 from 393 Hiroyuki

]]> 19963 5 https://cdn.slidesharecdn.com/ss_thumbnails/slide11-pdf-120823165200-phpapp01-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-sakusan393-48x48.jpg?cb=1523396164 https://cdn.slidesharecdn.com/ss_thumbnails/kurimanju-160512151725-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/webgllt-61953170/61953170 奥贰叠骋尝入门者の会　尝罢スライド资料 https://cdn.slidesharecdn.com/ss_thumbnails/dist4-140826014113-phpapp02-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/dist4-38356066/38356066 Dist4 勉強会発表資料そろそろ私もタス... https://cdn.slidesharecdn.com/ss_thumbnails/fsiteslide-121104191106-phpapp02-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/air-for-iosiphone/15024135 Air for iOSでiPhoneアプリ作...