ynabokunのブックマーク - はてなブックマーク

『フロントチューニンガソン最速を目指すには』
11:10～課題ページの確認＆PageSpeed Insightsの実行目的：チューニング対象のウェブサイトの改善の余地を調査上記のgruntプラグインをインストールする npm install コマンドを実行しながら、ブラウザやIDEでチューニング対象のウェブサイトを確認し始めました。少し見ただけでもCSSの構文エラーがあったり、使っていないJavaScriptライブラリがインポートされていたり…。まるで無茶な運用を数ヶ月続けたかのような、カオスなファイル群でした。ここで実行した PageSpeed Insights に画像サイズの最適化をオススメされたので、まずはそこから行うことにしました。 11:20～画像ファイルの最適化目的：画像ファイルサイズの削減 30 x 30pxで表示している画像ファイルが実際には150 x 150pxで保存されていたりする画像がそこそこあったの
ynabokun 2014/09/17
リンク
『ガールフレンド（仮）におけるボーンアニメーション実装』
はじめまして。ガールフレンド(仮)でアニメーションを担当しています。峯岸と申します。本日はガールフレンド(仮)のぷちガールアニメーションの制作に関してご紹介したいと思います。ぷちガールちゃんとは？ガールフレンド(仮)ではぷちガールちゃんという機能があり、ゲーム内でバトルをしたりイベントに参加したりするときに応援してくれる小さなガールがいます。 "会いに行く"機能では、ぷちガールちゃんにアニメーションをつけて可愛く動くよう実装されています。ボーンアニメーションとは？体にボーンを階層的に設置してゆき、その骨格のつなぎ目を基準にキーフレームで動きをつけてアニメーションをつけていく技法のことです。スケルタルアニメーションや、スキンドメッシュアニメーションとも呼ばれています。ガールフレンドでは、アニメーション制作にFlashを使用しているため、ガールの各パーツを関節ごとにムービークリ
ynabokun 2014/08/28
リンク
『AngularJSを使用したゲーム開発』
1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。こんにちは。オトギアでフロントエンジニアをやってます。atsumoです。今回は、現在オトギアで使用中のフレームワークAngularJSのお話を少しさせていただければと思います。 ※ AngularJSのバージョンに関してはオトギアで使用中のバージョンである、1.2.16をベースに書かせていただきます。AngularJSとは https://angularjs.org/ Googleとコミュニティによって開発されているオープンソースのMV*系のJavaScriptフレームワークです。同じような種類のフレームワークとして、Backbone.jsやKn
ynabokun 2014/07/10
リンク
1