初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
5月末から6月にかけて、米国出張で2週間ほどAndroid端末を使う機会があった。使ってみると、同世代のスマートフォンとして競争相手であるiPhoneとの違いにいくつか気付いた。ここでは、私が気付いた両者の違いをざっくり主観を交えてまとめてみたい。 Android端末とiPhoneは、ケータイ、あるいはスマートフォンという文脈で考えれば、違いより、むしろ似ているところのほうが多い。両者とも、主にPC向けとして進化したモダンなOSとWebブラウザを搭載していて、タッチパネルを生かしたUIも同様だ。アプリケーションプラットフォームが開放されており、個人でもアプリ開発が可能という点も同じだ。Windows MobileやSymbian OSでも個人開発者によるアプリ開発は不可能ではなかったが、SDKの入手のしやすさや取っつきやすさ、ポータル的なマーケットの有無など違いは大きかった。iPhone向
オクトバがスタートしてから3年。その間に我々がご紹介してきたアプリは、実に4,500以上。 そして今回は、その中でもたくさんの反響をいただいた殿堂入りAndroidアプリ100選の2012年度版を公開いたします! 超定番の人気アプリや最新の新着アプリの中から、オクトバ編集部が本気でオススメできるアプリを100本選びました。 殿堂入りアンドロイドアプリ100選-2014年版-を公開しました。こちらからご覧ください。 ・殿堂入りアンドロイドアプリ100選!オクトバが本気で選んだ神アプリまとめ!-2014年版- 今回の100選は、アプリの特徴によって「ツール系」「管理・設定系」」「コミュニケーション系」「ライフ系」「情報系」「マルチメディア系」「エンタメ・ゲーム系」の7種類に分類しました。
Twitterはわれわれの常識を一変させた。今やっていることや思ったことを、すべてオープンにする。「ネットは危険」というこれまでの常識の中では成立しえなかったサービスだ。しかし実際にTwitterを使い、そのオープンさが新しい楽しさや価値を生むことに多くの人が気づいた。そしてネットは新しい時代に移行した。 同様に新しい時代を築くのではないかと期待されるサービスが登場した。「Color」と呼ばれるスマートフォンアプリだ。このアプリの登場で、シリコンバレーは久々にエキサイトしている。その様子は後述するとして、まずはアプリの機能を説明していこう。 簡単に言うと、写真共有サービス、もしくは写真版Twitterである。アプリを通じて写真を撮れば自動的にネット上にアップされる。「公開」「非公開」の設定はない。写真を撮ればすべてネット上に公開されるようになっている(ただしアップした写真をネット上から削除
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く