スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という３点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。 基本 スマートフォン向けサイトの作り方｜ユージック サイトの幅、高さ viewportによるズーム指定の方法 便利なJSライブラリ ユーザエージェント シュミレーター 等の有用情報 Androidサイトは横幅
好きなものは空と緑とS2000とガンダムとラジコン・ミニ四駆、Perfume（かしゆか）。ときどき子育てとキャンプ。 現在のリンクはこちらからどうぞ⇒iTunesを移行・バックアップ、新しいPCへライブラリを移動 以下、アーカイブ iTunesのライブラリを他のPCに移行する手段です。簡単な方法ではmp3ファイルなど音楽ファイルをコピーしてドラッグ＆ドロップすれば移るのですが、これだとプレイリストやレート、再生回数などが全部なくなってしまいます。そこでプレイリストやレート、再生回数などを維持しながら比較的（ここポイント）簡単に移行する手段をまとめました。 iTunesライブラリ移行ソフト： プレイリストや再生回数、iOSのバックアップなどiTunesの全てのデータを他のPCへ移行するならCopyTrans TuneSwiftという専用のソフトを使うと便利です。 このソフトで簡単に iTun
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-03-26 >
ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随
Flashを閃光のごとく高速化するための基礎知識：速いFlash/ActionScriptチューニング入門（1）（1/2 ページ） Flash/ActionScriptチューニングの基礎知識から実践的テクニックまでを紹介する連載。読みながら試せるオンライン・サンプルもあります。Adobe AIR/Flexにも応用可能です Flashを徹底的に軽く作るための3カ条 本連載では、これから数回にわたり、Flash/ActionScript 3.0（以下、AS3）のチューニングの考え方や方法について解説します。 筆者が初めてFlash/AS3のチューニングと本格的に向き合ったのは、2007年の冬の「サグールテレビ」の開発においてでした。当時、開発チームでは「徹底的に軽く作る」という鉄の目標を掲げており、チューニングのためのさまざまな調査を積み重ねていました。結果、2000年に発売された古いPCなど
さてさて、節目節目にはお約束のまとめエントリーです。これをやらねば新しい年は迎えられません。 さっそく行ってみましょう！ level0.年間人気注目エントリー ベスト25 Flash HTML設定のまとめ 受託案件で制作チーム全員が心得ておきたい4つのポイント。 FlashでiPhoneアプリ開発。に向けて準備しよう！ 爆速!!!"歩く"アニメーションの作り方 新PCに移行した際に手放せなかったAIRアプリ Flash制作に欠かせない3つのツール・まとめ編 はじめてのGoogleMapAPI 不要なメンバー変数・メンバー関数を減らすコツ 【wonderfl】Particle特集 おすすめBitmapFont 携帯Flash さらなる軽量化 最近のmobileサイト もうみんなProgressionやればいいのに、と思う今日この頃。 3Dの実装を1からやってみる Flashでのアニメーション
Progression4で便利なところはシーン構造を手軽に作れることです。 が、シーンの中にロジックが集中しすぎると結局わけわかんないことになっちゃったりします。 どのシーン内の機能が増えてきて、どの機能まで含めるかという設計とか意味的なところで迷ったりすることがあります。 たとえばシーン移動が終わってから外部サイトへの遷移したいときや、シーンを出る演出が終わってから(ログなどの)通信処理やExternalInterfaceの操作が必要な場合です。(普通はあんまりないかもですが) そういう場合、似たような通信処理があちこちにあったり、通信を意識したシーン移動処理をかかなければいけなかったり、切り分けがうまくいってない感じできもち悪いなと思ったりします。 そこで考えたのが以下の2つ。 冗長な部分の処理を、そもそもシーンとして切り出してしまうという方法です。 外部サイトもシーンの1つとして定義
最近、getBoundsの存在と、Matrxの便利さにようやく気づきました。 基準点と違う場所を基準にオブジェクトを変形したい場面に遭遇して、 widthやheight、rotationにsin,cosまで持ち出して悩んでたんですが getBounds + Matrixを使うことでさくっと簡単にできちゃうんですね。 手順は (1).Matrix.translate でオブジェクトを移動して、基準点を変えて (2).Matrix.scale,Matrix.rotateでオブジェクトに任意の変形を加えて (3).Matrix.translate でオブジェクトを元の位置に移動してあげる の３STEP。 ここで、基準点を変えるときに役に立つのがgetBounds。 getBoundsは表示オブジェクトの領域を、矩形（Rectangle）で返してくれるメソッドで、 基準点の位置や、オブジェクトの変
FITC楽しかったですね！大満足のMuraiです。 Flashの神様たちが一同に集い、生のお話が聴ける貴重なイベントだったので、多くの方が足を運ばれたと思います。 そのFITCで、FlashIDEのビルトインコンポーネントまで作られているGrantSkinner先生の超絶スライド。即実践でつかえる高速化手法 Quick as a Flashがとてもというか、勉強にしかならないのでご紹介。 http://gskinner.com/talks/quick/ 内容は、大体下記の様な感じです。（ごめんなさいかなり荒いです） 一般的な最適化の方法Player毎のスピードの差異、型の扱いの違い etcベンチマークの方法や、環境の違いによるベンチマークの結果の違い etc体感スピードと実行スピード etc1フレーム間で何が行われているか、処理落ちの仕組み etcコードレベルでの最適化手法割り算よりかけ算
Flashの3Dライブラリ Papervision3D(ペーパービジョン3D) 2.1 のデモ。高速に実行できるフラットシェーディング(テクスチャに陰影を付ける方法)を試してみました。陰影をつけることで質感に味がでてくるので、ブラッシュアップの一手法として紹介してみます。 demo (要Flash Player 9) source 技術的な解説は以下から。今回は当ブログ初登場の3D行列計算を試してみました。 ライブラリにはFlatShaderクラスという汎用的なシェーディング機能が備わってますが(関連記事：Papervision3Dでビットマップのテクチャにライトを適用する方法)、込み入ったモデリングデータに適用しようとすると、速度がでない上に破綻することがあります。ビルドインのFlatShaderで試したのは次のデモ。 立方体の面が三角ポリゴンに分割され、破綻しているのが確認できます。
先日、昔の後輩からJSON(ジェイソン)について教えて欲しいとリクエストをもらったので、JSON のメリットと使い方(AS3)をまとめてみます。 JSONとは何か？ XMLのようにデータを文字列で格納するファイル形式。Flashの外部データには一般的にはXMLが使用されることが多いですが、JSONはECMA標準のObject/Array形式で保存するため、解析の手間が少なく扱いやすいという利点があります。 JSONのメリット EMCA標準のObject/Array形式で保存するため、解析後のデータが扱いやすい ファイル容量が少なくてすむ JSONのデメリット 人が読んで分かりにくい(手更新するならXMLのほうがいいかも) 書式が正しいかのチェックが面倒(XMLならブラウザに放り込めば、バリッドかどうか簡単にチェックできます) ActionScriptでの使い方 ライブラリ「as3corel
クラスライブラリやASDocsを読んでないと気付かないかもしれないのですがProgressionにはさまざまな便利なクラスやUtilityメソッドが存在します。 その中のひとつで何気に強力なプロパティを6つ紹介します。 CastDocument.topCastDocument.bottomCastDocument.leftCastDocument.rightCastDocument.centerCastDocument.middleこれらのプロパティはステージの四辺の座標を取得するためのものなのですが、StageAlignやStageScaleModeの組み合わせで微妙に変わってくる面倒な計算を行ってくれます。 topが上辺のY座標、bottomが下辺のY座標、leftが左辺のX座標、rightが右辺のX座標。またcenterがX方向の中心、middleがY方向の中心となります。 たとえば
おはようございます、來島です。 フリーの波形編集ソフト、「Audacity」をつかって、ボタンに使える効果音を3分で作ってみます。 【用意するもの】 ・フリーの波形編集ソフト「Audacity」 以上です！ それではまいりましょう。ホントに3分で作りました。しかも二種類（笑） 1.Audacityを起動します。 2.「ClickTrack」を作成しますツールバーの「製作」メニューから、「ClickTrack」を選択します。これはいわゆるメトロノーム機能ですね。 すると、曲のテンポや拍子を設定するウィンドウが現れます。今回は効果音作成のためだけにこの機能を使うので、適当な設定でOKです。とりあえずデフォルトの設定で作成します。 OKボタンを押すと、画面上にオーディオトラックが作成されます。 定規のような部分が、音の波形です。3つおきに大きく振れているのが、小節のアタマです。 実際にどんな音か
ここでは、プログラムなどでよく使用されるアルゴリズムについて紹介したいと思います。 元々は、自分の頭の中を整理することを目的にこのコーナーを開設してみたのですが、最近は継続させることを目的に新しいネタを探すようになってきました。まだまだ面白いテーマがいろいろと残っているので、気力の続く限りは更新していきたいと思います。 今までに紹介したテーマに関しても、新しい内容や変更したい箇所などがたくさんあるため、新規テーマと同時進行で修正作業も行なっています。 アルゴリズムのコーナーで紹介してきたサンプル・プログラムをいくつか公開しています。「ライン・ルーチン」「円弧描画」「ペイント・ルーチン」「グラフィック・パターンの処理」「多角形の塗りつぶし」を一つにまとめた GraphicLibrary と、「確率・統計」より「一般化線形モデル」までを一つにまとめた Statistics を現在は用意していま
Wonderfl とかにアップする時、別々に SWF を作れたら後で見るときよさそうと思ったので、 そのやり方を紹介。 Tools -> Application Files… を開いて、\Templates\ProjectFiles\AS3Project の Class.as.fdt.wizard を エディタで適当に開いて、中を以下に書き換える。 package $(Package) $(CSLB){ $(Import) /** $(CBI)* ... $(CBI)* @mxmlc -o bin/$(FileName).swf -load-config+=obj\$(ProjectName)Config.xml $(CBI)* @author $(DefaultUser) $(CBI)*/ $(Access)class $(FileName)$(Extends)$(Implement
Deprecated: Assigning the return value of new by reference is deprecated in /home/sites/heteml/users/m/u/r/murakenstyle/web/blog/wp-settings.php on line 472 Deprecated: Assigning the return value of new by reference is deprecated in /home/sites/heteml/users/m/u/r/murakenstyle/web/blog/wp-settings.php on line 487 Deprecated: Assigning the return value of new by reference is deprecated in /home/site
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
