サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
アメリカ大統領選
nulldesign.jp
About SkyNet is a project to visualize aviation information in Japan. Based on the flight schedule obtained in real time, we simulate the current Japanese sky situation. SkyNetは日本における航空情報を視覚化するプロジェクトです。リアルタイムに取得したフライトスケジュールをもとに、アクセス時点での日本上空をシミュレートしています。 Time Scale Reset ResetTime Works Cited 東京公共交通オープンデータチャレンジ 国土交通省国土政策局「国土数値情報(海岸線データ)」
metrogramは東京の地下鉄に関するデータ(路線/位置/時刻表などの情報)をもとに、普段見る事の出来ない人と電車の流れを視覚的にとらえるプロジェクトです。 ※ 当コンテンツは、WebGLという技術を用いております。最新のブラウザ環境でご覧ください。 metrogram is a Metro-based information visualized project. Including the metro lines, location and so on that normally the object which can not be visualized such as people and metro flow. ※ This work is using the WebGL web technology. Please use the latest version of your
metrogram について metrogramは東京の地下鉄に関するデータ(路線/位置/時刻表などの情報)をもとに、普段見る事の出来ない人と電車の流れを視覚的にとらえるプロジェクトです。 ※ 各データは2014年9月時のを利用しており、必ずしも現状の地下鉄状況を正確にに再現している訳ではありません。 created by nulldesign.jp at 2014.09.11
Profile Hiroshi KOI. Design Engineer. Contents ambitious_kenya SkyNet metrogram3d metrogram .log SNS Twitter Instagram Awards The Webby Awards 2016 NETART winner. Yahoo! JAPAN internet creative award 2015 innovation: Silver. W3 Awards etc....
高速化の中でずっと気になっていた、dispatchEventとcallBackでどちらが早いか? これはインスタンスが特定の状態になった時に任意のメソッドを実行するということになるのですが、これもクラスを書く中でかなりお世話になる部分でしたので検証を行ってみました。驚きの結果。 dispatchEvent版の検証コード // インスタンス生成とリスナーの登録 var _sp:CustomSprite = new CustomSprite(); _sp.addEventListener( Evnet.COMPLETE, _onComp ); // イベント発行 _sp.dispatchEvent( new Event( Event.COMPLETE ) ); function _onComp( e:Event ):void{} callBack版の検証コード // インスタンスの生成と、コ
最近高速化に興味津々です。そんな中、Mathクラス遅いよね、遅くね?。ってことで、高速エンジン書くときによく使う最適化の一部(Mathクラス中心)を備忘録的に。ちょこっとだけ検証もしました。 内容的には既に既出のものばかりですが、備忘録ということで。 検証方法ですが、単純な式を1,000,000回繰り返し、そのタイムを10回計測。 平均値をもとにパフェーマンスを時間ベースで評価しています。 Math.max var k:Number = Math.max( a, b ); var k:Number = ( a > b )? a : b; // 46.4ms -> 3.5ms Math.min var k:Number = Math.min( a, b ); var k:Number = ( a 3.5ms Math.round var k:Number = Math.round( a
サイト内の人気のあるポストをリスト形式で表示してくれるプラグイン[ Popular Posts ]ですが、カスタマイズのための日本語資料があまりないようだったので、調べてみました。 私の場合かなりの確率でこのプラグインを利用しているのですが、使えば使うほど便利なプラグインだなと感心してしまいます。 今回の内容は少し長くなってしまうようなので、4回に分けてのエントリーにします。 予定としては・・・(タイトルは仮です) #1 管理画面での設定各種 (今回のポストですね) #2 よく使いそうなカスタマイズ方法 #3 ちょっと突っ込んだカスタマイズ方法 #4 PHPと連動してみる 同じくよく使うプラグイン[ Similar Posts ]についても備忘録としてまとめようと思ったのですが、同じフォーマットでカスタマイズが可能なようです。 あわせてご覧ください。 管理画面について Gene
[ Popular Posts ]のカスタマイズまとめです。 過去記事は以下から! プラグイン [ Popular Posts ] / [ Similar Posts ] のカスタマイズまとめ #1 プラグイン [ Popular Posts ] / [ Similar Posts ] のカスタマイズまとめ #2 プラグイン [ Popular Posts ] / [ Similar Posts ] のカスタマイズまとめ #3 まとめの最後としてコンテンツに挿入してある画像を出力したり、カスタムフィールドの内容を扱う、phpの挿入やifによる条件判別の方法をまとめました。 ここまでくればかなりのカスタマイズが可能になってくると思います。 ※このカスタマイズですが、WordPress管理画面の [設定] -> [Popular Posts] -> [Output Settings]と進むこ
WordPressカスタマイズの醍醐味(大げさ!?)と言えば、プラグインの開発に目が行きがちですが、もうひとつ忘れてはいけない要素である「カスタムフィールド」があります。このカスタムフィールドを使うことで、ページあたりに入力できる情報量が格段に増え、様々なコンテンツを作り出すことができます。 このカスタムフィールドですが、基本的にカスタムフィールドをはじめとする各ポストあたりの情報はループの中で取得するような設計になっています。こちらをループの外でも使えるよう簡単な例をまとめました。 <?php #カスタムフィールドをすべてグローバル変数に変換 ?> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <?php #タイトル系 $the_title = single_post_title("", 0); $the_
よく使うWordPressページ一覧表示についのまとめです。 ページ一覧の表示は、通常のブログではかなりシンプルにまとめることが出来るのですが、企業サイトなどを構築するときなどはかなり重要な要素になってきます。たとえば静的な会社概要や沿革といった更新性の低いコンテンツをページで構築し、ニュースリリースやお知らせなどはブログ形式でテンプレートを用意するといったケースです。 ここではよく使うと思われるwp_list_pages()をまとめました。 もっともシンプルな基本形。見出し+リストを表示します [php] <ul> <?php wp_list_pages(); ?> </ul> [/php] 単純なリストのみでページ一覧を表示します [php] <ul> <?php wp_list_pages(‘title_li=’); ?> </ul> [/php] 任意の見出しとあ
iPhone用のサイト制作の仕事が来そうなので、前もって情報をさっくりと集めておいたのですが、せっかくなので公開してしまおうと。特に目新しい情報という訳ではなくて、いろいろと散らばっていた物をまとめた物です。 iPhone対応と最適化(提案ベース) iPhoneの仕様的な部分 実相時のiPhoneの判別方法 html実装まわり viewport設定 ホーム画面にアイコンを表示 manifestファイルの設定 iPhone対応と最適化(提案ベース) ・iPhone対応 → iPhone搭載のSafari4対応 ・iPhone最適化 → ・3G通信、Wifi通信を考慮 ・UIのカスタマイズ ・ブラウザキャッシュの最適化もしくは調整等々 ・manifestファイルの設定 ・ローカルストレージによるデータの保存 iPhoneの仕様的な部分 ディスプレイサイズ 320px * 480
カスタムウィジェットを利用すると、WordPress内部のレイアウトを管理画面より直感的に行うことができます。決まったHTMLパターンさえ決められれば、レイアウトはすべて管理画面上でおこなえるということで、業務で扱うにももってこいの機能ではないでしょうか。これは使えるようにならねば!と思ったものの、ファイルアップロード・レジストリへの登録などで手間取ってしまったのでまとめてみました。 以下チュートリアル形式で、Twitterの発言をサイドバーに出力するウィジェットを作成してみようと思います。 ウィジェットの基本形 コンストラクタの記述 管理画面入力フォームの記述 登録内容のアップデート 登録内容の表示 レジストリへの登録 サイドバーのカスタマイズ 作制したファイルのアップロード 使用方法 サンプルファイルダウンロード ウィジェットの基本形 WordPressのウィジェットはWP_Widge
WordPressに限ったことではないのですが、ブログは記事情報をはじめとするすべてのデータをデータベースで保存しています。テスト環境で作ったテーマを本番環境に移すなどといったことに関してはWordPressの場合問題ないのですが、データベースを含めたサーバの引っ越しや、ドメイン・URLの変更があった場合その情報を書き換えなければいけません。書き換えないと管理画面にアクセスすることさえできない状態になってしまいます。 そのデータベースを書き換える作業ですが、PHPからSQLを実行するか、もしくはPhpMyAdminなどでデータベースの中にあるURL情報を書き換える必要があります。おもだったデータベースの操作(MySQL)になりますが、まとめてみました。 管理画面情報、URL情報を置換します。 まずはこれを行わなければ管理画面URL情報が古いものを参照するので、管理画面にアクセスすることさえ
WordPressのプラグイン作成についてエントリーを考えていたのですが、まとめる項目が膨大であったこと、そして少なからずPHPの専門的な知識が必要だったことなどがあり、複数回に分けてまとめることにしました。 初回はプラグイン作成において必要な前提知識をまとめ、次回より本格的なものを作っていこうと思います。 プラグインの書式 簡単なプラグイン作成 - wp_post_barcode プラグインファイルのアップロードと使い方 サンプルファイルのダウンロード プラグインの書式 WordPressのプラグインには簡単な書式があります。以前カスタムウィジェットの作成例をエントリーしたのですが、それと同様に以下のテンプレートを作成します。 <?php /* Plugin Name: プラグインの名前 Plugin URI: プラグイン配布元のURI Description: プラグインの説明 Ver
今かかわってる仕事でSNSへの共有ボタンを付ける作業がありちょっと面白かったので一気にご紹介。国外のものが多いのですが色いろありますね。 個人的にはposterous.comが衝撃的でした。 ■hatena <a href="http://b.hatena.ne.jp/append?[URL]"><img src="http://b.hatena.ne.jp/favicon.ico" width="16" height="16" alt="このエントリーを含むはてなブックマーク" /></a> ■del.icio.us <a href="javascript:location.href='http://del.icio.us/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.
IA / フラッシュデベロッパー。渋谷のの片隅でウェブデザインやらせてもらってます。今かかわってる仕事でSNSへの共有ボタンを付ける作業がありちょっと面白かったので一気にご紹介。国外のものが多いのですが色いろありますね。 個人的にはposterous.comが衝撃的でした。 ■hatena <a href="http://b.hatena.ne.jp/append?[URL]"><img src="http://b.hatena.ne.jp/favicon.ico" width="16" height="16" alt="このエントリーを含むはてなブックマーク" /></a> ■del.icio.us <a href="javascript:location.href='http://del.icio.us/post?url='+encodeURIComponent(location.hr
表題の通りです。 今まで実をいうとProgressionの勉強会なる物に行ったことがなく、情報収集はもっぱら有志の方のブログもしくはオンラインAPIリファレンスだったりしました。先日Flash案件の物を一つ納品したのですが、ふと「Progression使っている人たちで集まってソースを共有とかできないかな?」と思ってTwitterでふらりと発言したのがきっかけ。 すごく長くなるので先にまとめてしまうと、「やっぱりみんな興味があったんだ!」ということでしたwこれは予想通りのことだったのですが、自分の制作方法(CastObject)をメインに使う方法は実は少数派だったということ。皆さんSceneObject中心のよう。これは猛勉強させていただくしかありません! ということで9月末〜10月頭を狙って、小規模な野良勉強会を画策中です。 場所を探さねば! 以下そのときのTwitterの流れをまとめて
ちょっとリアルお仕事がぱたぱたと舞い込んできていたので更新滞ってました。いつか落ち着いたらまとめます!と、のたまわっていたParticle祭りのコードですが、3パターンほど起こしてみたので実際のコードをアップしつつ検証したいと思います。とは言えそのままやっていたのではと思い、先日の結婚式パーティーの画像でやってみることにしました。(写真はiPhoneのToyCameraだよ!) study 1 教科書的にやってみる。 教科書的記述。多くのフラッシュ参考書的な記述で特にテクニカルな内容は使っていません。写真サイズが270px*360pxなので97200パーティクルを動かしていますが、とてももっさりとなっています。私の環境ではFPSが4まで落ちました。 This movie requires Flash Player 9.0.0 swfobject.embedSWF("/blog/study/
このページを最初にブックマークしてみませんか?
『nulldesign.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く