これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
東京駅舎などのプロジェクションマッピングを手のひらサイズで再現するバンダイのオマケ付きお菓子「ハコビジョン」がわずか500円なのに本気すぎ
CGの映像を建物などに投影するプロジェクションマッピングは東京駅舎や東京国立博物館などで大きなイベントが行われましたが、スマートフォンで再生する映像を使って簡単・安価にプロジェクションマッピングを可能にしよう、ということで発売された食玩が「ハコビジョン」。実際に発売前の試作品を借りることができたので、どんなものなのかじっくり見てみました。 世界初の驚きを目撃せよ！｜バンダイキャンディトイ公式サイト http://www.bandai.co.jp/candy/hakovision/ 実際にハコビジョンを使って東京ミチテラス2012の「TOKYO HIKARI VISION」を再現している様子は以下のムービーから見ることが可能。 スマホでプロジェクションマッピングを行う「ハコビジョン」 - YouTube 実際の東京ミチテラス2012のプロジェクションマッピングは以下のような感じとなっており、
プラチナでも不安？ ソフトバンク見限った大口顧客 - 日本経済新聞
ソフトバンク社長、孫正義の悲願だった新サービスが25日始まる。携帯電話がつながりやすくなるという周波数帯「プラチナバンド」でのサービス。ソフトバンクモバイルはこれを機に契約の大幅積み増しをもくろむが、足元では先行きへの不安を抱かざるを得ない事態が起こっている。ライバル、KDDIへの大口顧客の流出だ。「世の中が変わる」と笑顔の孫氏「電波はつながらないと、ずっとお叱りを受けてきた。でも25日から
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スマートフォン戦争の勝敗はついたのか - My Life After MIT Sloan
もう一週間も前のことになるが、今回のゴールデンウィークは、いろいろなニュースが流れてきた。特に一番印象的だったのは、夜中に私のTwitterに飛び込んできたCNETのこちらのニュース。分かっていたこととはいえ、今更グラフでちゃんと見せられると結構ショックだった。 Apple, Samsung put hammerlock on smartphone profits－CNET (2012/5/4) 携帯電話市場における「プロフィットプール」つまりその業界の企業が出している利益全体を、誰がどのように分け合っているのか。Asymco社が算出した結果、2011年第四四半期において、アップルが全体の73%、サムスンが26％、台湾のHTCが1％を取っているという報告がされたという。 そのニュースに掲載されていた、2007年からの業界のプロフィットプールのシェア変遷を描いたグラフがこちらである。 このプ
「にゃんこ型のイヤホンジャックパーツが欲しい」旨をTwitterでつぶやいたらなんと商品化へ
「誰か作ってください」ということでアイディアをメモした画像をTwitterに投げたところ、そのあまりのかわいさから、何がどうなったのか訳が分からなくなるほどあっという間に爆速拡散して事態が進展していき、気がついたら商品化することになったそうです。 そもそもの発端はコレ。 ◆2012年4月20日 - 0:48 誰か作ってください http://twitpic.com/9bnn03 それから2時間もしないうちに事態は急転、商品化へ。 ◆2012年4月20日 - 2:09 投稿から一時間半もしないうちに880favと2500以上の公式RTを頂きました、こちらのにゃんこイヤホンジャック。投稿後すぐに知り合いの業者さんから連絡がきて商品化する事になりましたよおおお続報をお待ちくだされ！ さらに16時間後、いかにもそれっぽいのが登場。 ◆2012年4月20日 - 18:47 仕事中暇なんで可愛かったか
スマホアプリ 情報大量漏洩か NHKニュース
人気ゲームを動画で紹介するスマートフォンの複数のアプリが、利用者の電話帳に登録されていた名前やメールアドレス、電話番号などの個人情報を勝手に外部に送信していたことがセキュリティ会社の調査で分かりました。 このアプリは１３日に削除されましたが、少なくとも６万人以上が利用していたとみられ、セキュリティ会社では、のべ数十万人から数百万人の個人情報が流出したおそれもあるとみています。 東京のセキュリティ会社「ネットエージェント」によりますと、問題のアプリはいずれもアンドロイドのスマートフォン向けに特定の作者が開発したもので、分かっているだけで１６種類あります。 アプリの名前は、「連打の達人 ｔｈｅ Ｍｏｖｉｅ」「桃太郎電鉄 ｔｈｅ Ｍｏｖｉｅ」などまったく関係のない人気ゲームに「ｔｈｅ Ｍｏｖｉｅ」などというタイトルをつけて、無料で配布されていました。 これらのアプリは、いずれもタイトルにある一般
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
PCサイトを簡単にスマホサイトに変換できる「shutto」
手前味噌になるけど、ほんとにかなーり良いサービスなので紹介します。 うちの会社で作ってる「shutto」というサービスです。 shuttoは、PCのウェブサイトをスマートフォンサイトに変換できるサービスです。 「誰でも簡単にスマートフォン対応」ということを考えて、非常に直感的に操作できるインターフェイスを実現してます。使ってもらえればわかるけど、本当にかなり簡単です。でも、慣れてきてコツを掴むと、けっこう細かい制御もできます。 こんな感じで、PCの要素をドラッグ＆ドロップでスマートフォンサイトに変換できるんです。 こうやってスマートフォン用のページを作成したら保存すると、JavaScriptコードが発行されるんで、これをPCサイトに貼り付けるだけ。スマートフォンでサイトにアクセスすると、先程、Shuttoで作成したスマートフォンページが表示される、という仕組みです。 JavaScriptで
スマートフォン用ページがドラッグ＆ドロップで簡単に作成できるサービス「shutto」 | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
【URL移動しました】スマホアプリの作り方【超まとめ】基本編：スマホアプリを作り始めるのに役立つ記事35選 - ＠IT
編集部注：こちらの記事は諸事情によりURLを http://www.atmarkit.co.jp/fsmart/index/matome/smapho.html に移動しました。ブックマークなどは移動先URLでお願いします（2012年1月6日） 夏休みの自由研究にマイコンボードで「電子サイコロ」を作ったり、音楽プログラミングをしたりしてみよう （2017/7/24） 子ども向け電子工作＆プログラミング用マイコンボード「chibi:bit」の基本的な使い方を紹介する企画。夏休みの自由研究に「電子サイコロ」を作ったり、音楽プログラミングをしたりしてみよう 子ども向け電子工作＆プログラミング用マイコンボード「chibi:bit」の基本的な使い方 （2017/7/20） 子ども向け電子工作＆プログラミング用マイコンボード「chibi:bit」の基本的な使い方を紹介する。夏休みの子どもの自由研究など
Youtubeの動画を背景に
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ページを開く
振り分けQR／QRコード作成【無料】QRのススメ
「INFOBAR A02」のユーザーインターフェースの特徴はこんな感じ
Engadget | Technology News & Reviews
東方地鎮祭 Free版 - 攻略＆美少女アプリ紹介 | 萌えドロイド
Engadget | Technology News & Reviews
これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper
iPhone,iPad,Androidなどの高品質フリー素材20個 [PSD形式]![iPhone,iPad,Androidなどの高品質フリー素材20個 [PSD形式]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8588ba89a87a123c6b61adaf6288268b64264648/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEhyZnadTdgdWevVy-03UCJ3P9jHSv-W6eH0NRGR09ar_Zf2kZLGFu-JXHki5BBMV_y_6BHgEJXYe3IfwsgOmlZmq9rrkGIc7sN5PJE1_E-JGhusPN9SyAgnsjMyNrgPukra_R6IX4I7Cj4%2Fw1200-h630-p-k-no-nu%2F0.png)
