デザイナーの大西です。 Android ユーザーの皆さん、Sleipnir Mobile for Android はお使いいただけていますか？まだの方はぜひお試しくださいね。 Sleipnir Mobile – ウェブブラウザ – Android マーケット 本題ですが、Android 端末は様々な解像度があるので、ボタンなどが拡大されても汚くならないよう、画像素材を引き伸ばし可能な形にする必要があります。 Android OS 用に画像の引き伸ばしを指定したものが NINE Patch 画像です。 NINE Patch 画像の基本的な構造と作り方、応用編を紹介します。 NINE Patch 画像の作成には、Android の SDK で draw9patch というツールが提供されているのでそれを使います。 draw9patch は <Android SDK フォルダ>/tools 内に

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた

FlashのアニメーションをHTML5に変換するツールとして、3月8日「Wallaby (ワラビー)」のプレビュー版がAdobe Labsにて公開されました。 Download Wallaby – Adobe Labs 結論から言うとブラウザ互換など懸念点がありますが、思った以上に変換精度が高いです。そして真っ先に感じたのは、WallabyによってHTML5出力が可能になったという点で、アドビが提供しているFlash ProfessionalはHTML5時代が万が一到来してもオーサリングツールとしてのポジションを保ち続けるだろうということです。 速報として「インストール方法と使い方」と「変換したデモ」を紹介してみます。以下詳細です。 インストール方法と使い方 ①まずはAdobe Labsからアプリケーションをダウンロードします。アプリケーションはAdobe AIR製ですので、事前に最新のA

Kinectを買ったので、最近熱いWebGLの入力として使ってみた。 遊び・デモ用で汎用的には作ってない。 デモムービー ムービーではChrome10のWebGLでKinect入力の棒人間が動いてます。 Firefox4 / Safari5とかでも動きます。 Firefox3でも動かなくはないですが、WebGL非対応なので檄重です。 やってることとそれぞれのソースコード 1.Kinect --> 2.OpenNI(PC用のKinect対応フレームワーク)を使ったアプリ --[TCP]--> 3.ローカルNode.jsサーバー --[WebSocket(SocketIO)]--> 4.ブラウザでWebGL(three.js)を使って表示 最初はDepthJSを使おうとしたけど、特定のブラウザでしか動かない拡張らしく、OpenCVとかも面倒だと思っていた時に、下記のサイトでOpenNIから簡単

Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に

ぽんこつ（東京・港区）は3月14日、Webブラウザ・オーバーレイ技術「Nayuta」の試験運営を始めたと発表した。 Nayutaは、同社代表取締役の山中仁さんがIPA未踏ソフトウェア創造事業の支援を受けて開発したブラウザ拡張技術。Internet Explorerとデスクトップスクリーンの間に仮想的な中間レイヤーを作成。各種のオブジェクトをレイヤー上に挿入することで、Webページ上にオーバーレイする形で表示できるという。 Webページ上の任意の位置にメモを追加できる「Nayuta.Memo」、Webページの任意の位置をクリップとして切り出し、Web上で共有できる「Nayuta.Clip」──を公開。Nayuta.Memoで作成したメモは、他のユーザーが同じページを訪問した際にも表示可能で、メモを追記するなどして議論を進めることも可能だ。 利用は無料。ツールバーのインストールが必要だが、ID

ブログ界には次のウェブの基本性質に関する議論が浮上している。Tim O'Reillyは何にでもバージョンを付け、「Web 3.0」などと呼ぶ流行を批判するシグナルを送っているが、とにかく次に何が来るかについては合意は得られていないのが現状だ。わたしは、次に来るのは1つのものではなく、いくつかの大きなテーマによって特徴づけられると考えている。 ウェブの新しい進歩には、セマンティクス、アテンション（無意識的な行動）、個人化がある。次のウェブをどう呼ぶかはともかくとして、そこでの情報はより意味があり、より自動的で、われわれひとりひとりに合わせた動きをするものになる。 次のウェブの進化で欠かせないのは、構造化された情報の取り込みという要素だ。この概念はわれわれ人間にとってはあたりまえのものだが、コンピュータにとってはそうではないという事実を完全に見過ごしてしまっている。人間がAmazonで書籍を見

Apacheのアクセスログから、自サイトへ到達した訪問者がGoogleなどで使った検索フレーズを、Perlを使ってタグクラウド風に表示するというもの。 自分のサイトがどのような検索語でよく訪問されているかがビジュアル的にわかりやすくなるのでなかなかおもしろい。 設置方法の詳細などは以下の通り。 Google Search Cloud 上記ページに書いてある1つめのコードを「gscloud.pl」として保存し、2つめのコードを「gscloud.css」として保存。最後に「Examples of usage」に空いてあるようなコマンドを定期的に実行するようにすれば、アクセスログを解析してタグクラウドの書かれたHTMLファイルを吐き出してくれるという仕組みらしい。割とシンプルなので、いろいろと応用ができそうな予感。

Applications mobiles et services innovants Conseil, conception design UX et UI, expertise technique pour le développement d'applications mobiles et objets connectés Depuis 2010, Webwag Mobile est un pure-player 100% orienté mobilité. Design de services, design de produit UX et UI, notre vision est centrée utilisateur mobile, tant sur une cible professionnelle BtoB que pour le grand public. Nous vo