サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド
ともかく、時代の変化が早い。 まったく、早過ぎる。 きのうはじめて使うことになったある求人媒体の担当者Aくんが来てくれたのだが、いままでお願いしていたBくんの会社との違いに愕然とした。 Aくんの会社は後発で、紙媒体なし、メインはスマホである（PCサイトもあるが）。 Bくんの会社は紙媒体とPC,スマホ対応。 Bくんには、いつも求人内容と写真を1枚か2枚渡していた。 Aくんは自分のスマホを取り出すと、さっさと、動画を撮り始めた。みんながPCに向かっているところ、発送作業をしているところ、倉庫の様子、写真撮影をしているところ、などなど。 写真ではなく、それを、動画で撮る。 それで充分かと思えば、「おもに来て欲しい人材のイメージってありますか？」というので何かと思えば、その写真で応募者の層がかなり変わるというのである。僕は急遽、とくににこやかで楽しそうな表情をしたスタッフを3人召集して、思いっきり
ニールセンは12月16日、2014年の国内インターネットサービス利用者数ランキングを発表した。各サービスのPCからの利用が前年から10％以上落ち込む一方、スマートフォンからの利用が最大6割増に。楽天やAmazonなどはスマートフォンユーザーがPCユーザーを超えている。PCからの利用者の多いサービスのトップ5は「Yahoo！」「Google」「FC2」「YouTube」「Microsoft」。トップ10のすべてが前年比で2けたの減少率となっており、比較的PC利用の多い「楽天」（15％減）「Amazon」（14％減）などのECサイトや動画サイト「YouTube」（18％減）も大きく減少を見せている。 一方、スマートフォンからのネット利用者数は10月時点で約4400万人にのぼり、前年同期から約900万人増加。1位「Google」と2位「Yahoo！」はスマートフォンからそれぞれ月間約3400万
「ぼっち起業」で、楽天やヤフーのスマホサイトが10秒でつくれる「スマオウ」を開発した安部遥子さんにインタビュー 「スマオウ」を開発した安部遥子さん楽天やヤフーのテナント店舗が、わずか10秒でスマホサイトを作成できる「Sumaou! （スマオウ）」。一度作成したスマホサイトは自動更新されるため、店舗は最小限の負荷でユーザーにスマホサイトを提供できます。9月18日のリリースから、すでに導入社数は200社を超えています。 スマオウを立ち上げたのは、大阪の会社「fcafe」でウェブディレクターとして働いていた安部遥子さん。たくさんの人に使われるサービスを一から自分で作りたいと考え、会社から与えられた資金を元手に単身で東京に上京しました。 サービスを軌道に乗せるまでに与えられた猶予は約1年。人を雇う予算もなく、独学でプログラミングを習得して、必要な箇所はクラウドワークスで外注しました。キャッシュが
What to expect at Meta Connect 2025: 'Hypernova' smart glasses,AI and themetaverseMeta Connect, the company's annual event dedicated to all things AR,VR,AI and themetaverse isjust days away. And once again,it seems likeit will be a big year for smart glasses andAI. Instagram fixed an issue that caused posting multiple Stories totank your reachInstagram fixed a bug that made posting multi
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
NTTドコモは21日、昨年から続く一連の通信障害を受けた再発防止策で、全国に201台ある「パケット交換機」と呼ばれるデータ通信の中継設備について、処理能力の総点検を19日に完了したと発表した。点検の結果を踏まえ、4月末までに必要性の高い地域から優先的に、新型パケット交換機40台を増設することも明らかにした。スマートフォン（高機能携帯電話=スマホ）の利用急増に対応する。11年12月にスマホのメー
電気自動車（EV）にコネクテッド（つながる）、自動運転――。新技術を搭載するクルマが続々と登場しているが、大ヒットを記録しているものは少ない。どうすれば普及期に突入できるのか。 「…続き エコカーに「無関心の壁」 米自動車市場の現実 ［有料会員限定］ ＥＶ時代はまだ来ない 現実解は「マイルドＨＶ」
NTTコミュニケーションズが提供するアプリケーション「050plus（ゼロ・ゴー・ゼロ プラス）」が人気だ。このアプリはソフトバンクモバイルが国内で独占販売する米アップルの「iPhone」利用者向けのもの。ダウンロード数こそ明かさないが、7月1日に公開されてからアップルのアプリサイトで上位をキープしている。 インターネット回線を利用する050plusの売りは通話料の安さ。利用料として月額315円かかるものの、050plus同士であれば通話料が無料で、固定電話への通話料金は3分で8.4円と割安だ。iPhoneの場合は、「ホワイトプラン」に加入すればソフトバンク同士の国内通話が午前1時～午後 9時までは無料となるが、他社携帯や固定電話に電話した場合は30秒で21円（3分で126円）かかる。つまり、他社携帯や固定電話への通話機会が多いiPhoneユーザーなら、3分間通話の料金を15分の1に抑え
スマートフォンサイトをデザインする上で知っておくべき10のTIPSiPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
2011/10/1最新情報を公開しました http://d.hatena.ne.jp/itog/20111001/1317438659AndroidDeviceInfoShareを公開してから早一ヶ月、あっという間にFINGERPRINTベースで100以上のデバイス情報がシェアされてます。 その中で、多くの人が一番気にしてるディスプレイサイズ、DPIに関する情報を表にしてみました。 最新の情報はアプリで見てください。インストールは以下から https://market.android.com/details?id=com.itog_lab.android.adis MODEL MANUFACTURER BRAND widthPixels heightPixels xdip ydpi density 001DLDell Incdell 800 480 160.42105 160 1 A
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがきiPhoneiPad向けサイトを制作するためのいろ
リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？ 以下引用を参考に。 smart4me（スマート フォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス！ ブログ感覚で、ユーザー自身のスマホサイト（スマートフォン向けサイト）を簡単に公開が可能。TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール
CSS3だけで、iOS風のBackやNextの尖ったナビゲーションボタン作る方法ないかな〜と探していたところ、良記事があったので紹介します。Androidで確認してませんが、webkit向けなのでたぶんAndroidでも大丈夫だと思います。Androidはひと工夫必要そうです。CSS3 Wizardry -Back and Next Buttons Revisited-CSS3 Wizardry -Subpixel Rendering- Buttons Revisitedの方が改良版で疑似要素バージョンみたいです。原理はSubpixel Renderingの方がわかりやすいです。 ポイントとなるHTML ボタンを構成する要素はこれだけ。 <!--ボタン要素--> <div class="button bordered back"> <span class="label">Back</s
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
