tonkotsuboy
Webサイト制作やモバイルアプリ開発、ブログ執筆を行っているフロントエンドエンジニアです。
ICS MEDIA で技術記事を執筆しています。
https://ics.media/entry/author/kano
Qiita
http://qiita.com/tonkotsuboy_com
https://twitter.com/tonkotsuboy_com
Flickr
https://www.flickr.com/photos/tonkotsuboy_com/
Works
CreateJS × TypeScriptのパーティクルデモ
jsdo.it初投稿です。 CreateJSをTypeScriptで記述してパーティクルのデモを作りました。 フリック操作でパーティクルが発生します。 TypeScript(JavaScriptのコンパイル前のコード)はこちら https://github.com/tonkotsuboy/140106_cjsparticle/blob/master/src/js/main.ts ブログ記事「Node.jsとSocket.IOによるPCとスマホブラウザのペアリングデモ」 http://ics-web.jp/lab/archives/4320 のパーティクル表現の復習を兼ねて作りなおしました。 作成にあたってはclockmaker氏の「Particle Emitter (using facebook flow)」 http://jsdo.it/clockmaker/createjs-particle-emitter を参考にさせていただきました。
Sass(SCSS) × CompassでおしゃれなCSS3パーティクル
Sass(SCSS)とCompassでおしゃれなCSSパーティクルを作ってみました。 色、図形、アニメーション等はすべてCSSのみで表現されています。 JavaScriptはクラス名の切り替えのみに用いており、 画面をタップすることで、図形が切り替わります。 ブログ記事 「SCSSとCompassでおしゃれなCSSパーティクルを作ってみた – ICS LAB 」 http://ics-web.jp/lab/archives/1808 のデモを、jsdo.it向けに一部手を加えたものです。 ※ Firefoxはちょっとアニメーションがおかしいようです。Chromeなどで御覧ください。
藤原竜也変換ツールJS版
あ゛あ゛あ゛あ゛あ゛あ゛1゛0゛万゛び゛ゅ゛ー゛ー゛ー゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛！゛！゛！゛ 解説→JavaScriptで藤原竜也変換ツールを作りましたよ゛お゛お゛お゛ - Qiita http://qiita.com/tonkotsuboy_com/items/f5aecb241b66bb9705e7
Font Awesomeでパーティクル
ICS MEDIA「HTML5 CanvasとWebGLでアイコンフォント集Font Awesomeを扱う方法」 https://ics.media/entry/8385 で紹介されていたFont Awesomeがとてもおもしろそうなので試してみた。 画面をフリックするとFont Awesomeのブラウザのアイコンフォントのパーティクルが発生する。 フルスクリーンで見た方が迫力があるかと。 コードはCreateJSを使ってTypeScriptで記述。元ソースはこちら。 https://github.com/tonkotsuboy/RainbowBubbles/blob/600b6db793105b73bcc8b7d1f36fc16693850e07/src/js/main.ts ※ スマホでも動きます。http://jsrun.it/tonkotsuboy/1OGr をご覧ください。
クレナイ
[手軽にテキストシャッフル演出ができるJSライブラリ「shuffle-text」を公開 - ICS MEDIA](https://ics.media/entry/15498)で紹介されていた、[shuffle-text](https://github.com/ics-ikeda/shuffle-text)を使用しました。
Skills
- Wordpress
- Photoshop
- Fireworks
- Dreamweaver
- Flash
- Illustrator
- iOS Browser
- Android Browser
- jQuery
- HTML5
- XHTML
- CSS
- CSS3
- JavaScript
- SCSS
- ActionScript
- node.js