レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
DeNAのスマートフォン向け開発はngCoreでどう変わる？｜【Tech総研】
スマートフォン向けソーシャルゲーム開発エンジン「ngCore」を、自社アプリ開発だけでなく、サードパーティのゲーム開発企業にも提供し、プラットフォームのグローバル戦略を急ピッチで進めるDeNA。その開発の面白さを現場のエンジニアの声で紹介する。 DeNAおよびそのグループ企業であるngmocoが開発・提供する「ngCore」は、スマートフォン向けクロスプラットフォームゲームエンジンである。通常iOSやAndroidではそれぞれObjective-C,Javaなど別々のプログラミング言語でアプリケーションを記述する必要があるが、「ngCore」を使うとJavaScriptで記述されたプログラムが両プラットフォームで動作する。また、ゲームに特化した高い性能を実現する構造を持ち、ブラウザ上でJavaScriptを動作させるより、ゲームに適したなめらかな描画やクイックなレスポンスが提供される。 今
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
クックパッドでのスマートフォン開発
Visual Summary of Egocentric Photostreams by Representative KeyframesMarc Bolaños Solà
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
グリー、マルチOS開発を支援する3Dゲーム開発ツール「Unity」を提供するUnity Technologiesと技術提携 グリー株式会社 | ニュースリリース | プレスリリース 2011年 | グリー、マルチOS開発を支援す�
グリー、マルチOS開発を支援する3Dゲーム開発ツール「Unity」を提供するUnity Technologiesと技術提携〜 「Unity」で開発したiPhoneアプリ「CosmoLightning」も3月中旬に登場 〜 グリー株式会社（本社：東京都港区、代表取締役社長：田中良和、以下グリー）は、3Dゲーム開発ツール「Unity」を提供するUnity Technologiesと技術提携を行い、2011年3月1日より、「Unity」向けのプラグイン「Unity Plugin for GREE」を、開発パートナー（以下GREEパートナー）様向けに正式に提供開始します。これにより、GREEパートナー様は、Unityで開発するアプリに対し、GREE SDK（※1）が提供する機能を簡単に組み込むことが可能になり、iOS（iPhone/iPod touch ※2）とAndroid（※3）の両OSに対
スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 （jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を
モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ
モバイルアプリケーションをHTML/CSS/JavaScriptなどのWeb標準技術を用いて開発するためのさまざまなツールや環境が登場しています。1つ前の記事で紹介した「jQuery Mobile」もその1つですが、それ以外のものもここでまとめて紹介しましょう。 jQuery Mobile jQuery Mobileは、JavaScriptライブラリとして知られるjQueryのプラグインです。オープンソースで提供されています。 「マークアップドリブン」をコンセプトとし、HTMLを記述していくことで、あらかじめ用意されているボタン、メニュー、ダイアログボックス、などのモバイル対応のタッチユーザーインターフェイスを備えたアプリケーションを開発できます。 クロスプラットフォームに対応し、iOS、Android、WebOS、Windows Phone、Symbianなど多数のデバイスでそのまま動作
「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
スマートフォン ウイルスに注意 技術情報公開がリスクに（産経新聞） - Yahoo!ニュース
ｉＰｈｏｎｅ４が発売された６月、販売店には大勢の人が行列をつくった。日本でもスマートフォンの人気は急速に高まっている＝６月２４日、東京都渋谷区（松本健吾撮影）（写真：産経新聞） 米アップル社の「ｉＰｈｏｎｅ（アイフォーン）」をはじめとする高機能携帯電話「スマートフォン」の人気が高まる中、コンピューターウイルス感染が懸念されている。従来の携帯電話に比べ、スマートフォンは基本ソフトの技術情報が公開されており、ユーザーが自由にアプリケーションをダウンロードして機能を拡張できる。このため、安易にダウンロードすれば感染の恐れがある。普及が進む海外では被害も報告されており、専門家は警戒を呼びかけている。（森本昌彦） ［フォト］これがウイルスに感染したスマートフォン ◆これまでに７００個 「スマートフォンについては、これから非常に危険な状態になってくるでしょう」。平成１４年から携帯電話のセキュリテ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Parse Platform