iOS12へのアプデ、iPhone7以前の人は様子見がオススメ。バッテリーが早くなくなる可能性 - MdN Design Interactive
テストに使われた機種は「iPhone5s／6／6s／7」の4モデル。そして比較しているiOSは「iOS 11.4.1」と「iOS 12 GM（ゴールデンマスター版）」となっている。 測定時は室温などの条件を同一にして、バッテリー寿命を測定できる「Geekbench 4」というベンチマークアプリを使用した。 iPhoneのバッテリーをフル充電の状態から、バッテリー切れになるまでの時間は、4モデル全てにおいてiOS 12のバッテリーは早く切れてしまうという結果になった。 iPhone5sでは16分差（iOS 11.4.1：2時間58分、iOS12：2時間42分）、iPhone6では24分差（iOS 11.4.1：3時間、iOS12：2時間36分）、iPhone6sでは12分差（iOS 11.4.1：2時間54分、iOS12：2時間42分）、iPhone7では18分差（iOS 11.4.1：3時
【第2回】スマホ向けアプリ開発における アニメーション技術の活用 - MdN Design Interactive
「アメーバピグ」には自分のアバター自身が動いてコミュニーケションする「アクション」機能があります。「おじぎ」「うれしい」「かなしい」など、たくさんの種類が用意されており、テキストのみでの会話に比べ、より直感的に気持ちを伝えることができます。今回はこのアクションのスマートフォン対応についてご説明します。 【今回のPoint】 ・Flashは使えないが、それ以外のアニメーション技術が利用できる ・技術の選定には、互換性およびGPU処理への対応状況がポイント ・現時点ではCanvasやCSS3で対応するのがよいだろう Flashが使えないスマホ時代のアニメーション技術 ご存知の方も多いかと思いますが、現時点ではiOSでFlash（swf）コンテンツを動作させることができません。したがって、スマートフォン環境でアニメーションを使いたい場合は別の方法を探す必要があります。 筆頭はHTML5で実装され
一度使うとやめられない!? 機能とデザインに優れたPCリュックまとめ - MdN Design Interactive
近年は会社勤めの人だけでなく、フリーランスのクリエイターから学生まで、実に幅広い層がノートPCやタブレットを日常的に持ち歩くようになった。比較的重い荷物であるノートPCを気軽に運べて、スポーツ自転車にも乗ることができるリュックは、そんなライフスタイルにぴったりの相棒となるだろう。今回は、ノートPCやタブレットの持ち運びにすぐれたリュックをまとめて紹介したい。 2019年6月3日 TEXT：佐藤勝 ※当記事は2015年6月公開した内容を再編集したものです ▷ メンズ バッグ PMT／KAVまず最初に、デザインで個性を主張したい人向けのプロダクトとして、ハワイ発のサーフブランド「DAKINE（ダカイン）」をご紹介。
第3回 魅力的なタイトルとキャッチコピーのコツ - WEBライティングと文章編集の実践テクニック - MdN Design Interactive
魅せる!読ませる! WEBライティングと文章編集の実践テクニック 文＝益子貴寛 （株）サイバーガーデン 代表取締役 Webプロデューサー／コンサルタント。（社）日本能率連盟登録資格「Web検定」プロジェクトメンバー。Webデザインに関する記事執筆、講義など多 数。『月刊web creators』（MdN）、ITpro（日経BP社）、Web担当者Forum（インプレスR&D）に連載をもつ。著書に『Web標準の教科 書 ─XHTMLとCSSでつくる“正しい”Webサイト』『伝わるWeb文章デザイン100の鉄則』（ともに秀和システム）。共著に『スタイルシート・デザ イン』（MdN）、『変革期のウェブ』（マイコミ新書）など。 url. www.cybergarden.net/ 第3回 魅力的なタイトルとキャッチコピーのコツ Webライティングの真骨頂はタイトルとキャッチコピーにあり。人間を訴求する
Webデザインとグラフィックの総合情報サイト - MdN Interactive - WEBディレクションの極意 第3回
WEBディレクションの極意 文＝島元大輔 大阪のWeb制作会社でWebディレクターとして活躍後、（株）キノトロープに入社。数多くの企業Webサイト構築プロジェクトにかかわる。その後、 （株）ライブドアに入社、現在は（株）セシールに在籍。著書として「だから、Webディレクターはやめられない」（ソシム刊）。 url.blog-project.cecile.co.jp/ 第3回 Webサイトの設計 企業のWebサイトを構築するとき、制作から運用までさまざまな人物がかかわることになる。その多くの人物をまとめあげ、作業をスムーズに進行させるため にWebディレクターの存在は欠かせない。そこで、ここではWebディレクションに焦点を当てて、Webサイト構築・運用の進め方、コツ、心得などをそれ ぞれの場面ごとに解説していこう。 前回は、Webサイト構築の戦略的な部分である「現状分析」と「企画」について紹介
AKB48の前田敦子氏・大島優子氏がiPhoneアプリで登場！ - MdN Design Interactive
株式会社サイバードは、国民的アイドルグループAKB48の大島優子氏が登場するiPhoneアプリ「AKB48大島優子 ボクの彼女」と、前田敦子氏が登場するiPhoneアプリ「AKB前田敦子 Maeda-1グランプリ」を公開した。価格はそれぞれ800円で、ダウンロードはiTunes App Storeから行える。 同アプリは大島優子氏と前田敦子氏が登場する、iPhone/iPod touch/iPad向け動画アプリだ。「AKB48大島優子 ボクの彼女」は全6話構成で、彼氏気分になって秘密のデートを体験できるアプリ。「AKB前田敦子 Maeda-1グランプリ」は、前田敦子氏と人気芸人がタッグを組んだコント集となっている。 （左）AKB48大島優子 ボクの彼女 （右）AKB前田敦子 Maeda-1グランプリ 「AKB48大島優子 ボクの彼女」（iPhone/iPod touch/iPad対応、80
mixiがFacebookに対抗するために必要なたったひとつのこと - MdN Design Interactive
2011年2月7日 TEXT：小川 浩（株式会社モディファイ CEO 兼クリエイティブディレクター） mixiとFacebookは、その成り立ちも、サービスそのものもよく似ている。 （株）ミクシィは日本の最高学府である東京大学出身の笠原社長が創業、米Facebook社は米国の最高学府であるハーバード大学出身のマーク・ザッカーバーグCEOが創業、と、どちらも学生ベンチャーだ。サービスも、原則としてクローズドなコミュニティサービスであり、設立当初はmixiは完全登録制、Facebookは大学のメールアドレス（.edu）を必要とする登録制と、強力な排他性を武器として成長してきた。 両者のもっとも大きな違いは、mixiは匿名もしくは実名での登録を必ずしも必要としないが、Facebookは実名以外は許さない、ということだ。これはたとえていえば日本人が信仰心においてあいまいで、神仏は信じるかもしれない
Facebookがmixiを追い抜くための“秘策” - MdN Design Interactive
2011年1月17日 TEXT：小川 浩（株式会社モディファイ CEO 兼クリエイティブディレクター） Facebookはmixiを追い抜き、2012年末には日本最大のSNSになる。これは予言と言っていい。 根拠としては、日本人には使いづらいと酷評されるUI（ユーザー・インターフェイス）も、実名制も、Twitterの普及によって受け入れられる素地ができていることにある。また、アーリーアダプターやイノベーター層がmixiからすでにFacebookに関心を完全に移していることなどがある。もっとも、Facebookの国内における成功予測をいちばん裏付けるのは実は（株）ミクシィ自身にある。Facebookの機能やサービスをそのまま取り込む、コピーキャット戦略をとっている（株）ミクシィの行動そのものが、彼らがFacebookが日本国内でも成功する考えている最大の証拠だろう。 実際、Facebookは
あらためてiPhone 4のデザインを考える（前編） - MdN Design Interactive
2010年8月17日 TEXT：小川 浩（株式会社モディファイ CEO 兼クリエイティブディレクター） 最近街中でiPhone 4のユーザーが増えてきた。同時に、カフェなどでのコンピューティングをiPadで行うビジネスマンの姿も良く見るようになったが、今回はiPhone4に話を絞ろう。 いまさらながら、Appleのモノづくりのすばらしさに感動するのだが、iPhoneは外見上は非常にシンプルな携帯電話でありながら、画面を見ながら歩いている多くのユーザーとすれ違うたびに、それがiPhoneであることを瞬時に知覚できることがスゴい。そして、iPhone 3Gと3GSの区別は外観からはわからないが、iPhone 4はわずかなデザインの変更でしかないのに、その違いがわかる。iPhoneというアイデンティティを継続したまま、シリーズの違いを見事に認識させるのはクリエイターの非常な技量の高さだ。 翻って
MdN Design｜総合情報サイト
スタイルの付与・常套テクニックを使う CSSを分けて記述する 次にスタイルを定義していく。このようにシンプルなデザインの場合は、常套（じょうとう）的に使われているテクニックで効率的に制作できる。 CSSを設定するには＜link＞要素を用いて、href属性にパスを指定する。ここではほかに、type属性とrel属性・media属性を指定している。これらの属性について説明すると、＜link＞のtype属性はhrefで指定されるコンテンツ（この場合はCSSファイル）のMIMEタイプに関する情報を与えることができる。rel属性は、そのコンテンツとの関係性を述べ、media属性は意図する出力メディアを指定できる。ここでは「all」と指定しているので、すべてのメディアに対してこのCSSが適用されることになる。 この＜link＞属性に割り当てられているのは、CSSをインポートするのみの役割を持ったCSSで
iPadの文字入力を“ちょっとでも”快適にするワザ7選 - MdN Design Interactive
5月28日にiPadが日本に上陸。すでに多くの方が手にされていろいろいじっていることかと思います。ノートPCの代わりに持ち運んで使用する用途を模索している方も少なくないですが、そこまでおおげさでなくとも、文章を書いたりTwitterでつぶやいたりと、文字を入力する機会は多いものです。しかしいまひとつ日本語変換が使いにくいと言われるiPhone OSですし、iPhoneと違ってフリック入力もありません。ワイヤレスキーボードは使用できますが、わざわざそこまでしなくても、という人のために、ここではiPadでの文字入力を“ちょっとでも”快適にするテクニックを紹介します。 【1】文章は長めに入力する ふだんケータイを使っていると単語や文節単位で入力、変換、確定していくことが多いかと思いますが、iPhoneやiPadでは入力を細切れにせず、やや長めの文章を入力して、一気に変換していくほうが変換精度が向
MdN Design｜総合情報サイト
ケータイサイト制作がアツくなっている理由 企業が本気で携帯端末向けWebサイト（以下、ケータイサイト）をつくり始めている。それに呼応するかのようにPC向けWebサイト制作をしていたクリエイターたちが次々とケータイサイト制作に参入している。数年前まで“ケータイ”と言えば「専門ノウハウが必要」、「手間がかかる」、「表現力に乏しい」、「予算がきちんと付かない」と制作側からはあまりよくない評判を耳にしたものだが、昨年あたりからは完全に風向きが変わった。 もっとも大きな要因は企業の意識の変化だろう。生活者のマスメディア離れが決定的になり、補完手段としてPC向けWebサイトに加え、“ケータイ”を重視する企業が増えた。数年前はケータイサイトが流行っているからと設置していたものだが、ここ最近は生活者と向かい合うための重要なチャネルとして活用しようという動きが加速している。 サイト制作環境の進化という追い風
“ソーシャル”と“リッチ”がこれからのケータイコンテンツのキーワード - 今“ 知っておくべき”ケータイサイト制作事情 第4回 - MdN Design Interactive
米国での成功事例を模範として、日本でもソーシャルサービスを活用する企業Webサイトが増え、ケータイサイトの企画やその立案にも影響を及ぼし始めている。まだ水面下での動きではあるが、近くソーシャルサービスによってもたらされる影響を実感することになるはずだ。 まずは関連書籍が続々登場し、現在話題のミニブログサービス「Twitter（ツイッター）」（twitter.com/）とケータイコンテンツの相性の良さについて説明しよう。Twitterは、日本では2008年春ごろから急成長したサービスで、国内の利用者は2009年9月時点で約200万人にも上る（（株）ビデオリサーチインラクティブ9月発表の推計値）。米Adobe Systems社、米Hewlett-Packard（HP）社などといった海外の大手企業だけでなく、（株）朝日新聞社や（株）ユニクロなどの国内企業も次々とTwitterでの情報発信を始めて
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（2） [technique 18] 黄金比計算機を使って手早くデザインに生かす 文＝タサキカズナリ（㈲ムーニーワークス） Tool Phiculator URL http://www.thismanslife.co.uk/ 黄金比を計算するとき、毎回その都度計算し直すのは少しめんどうな作業である。そんなとき便利なのがすぐに黄金比を算出してくれる「Phiculator」だ。 だれでも簡単に使えるのが特徴で、入力した値の黄金比を計算してくれるので手早く扱える。Webサイトのメニューからphiculatorページへ移動し、右上の見出し“Try it online”の下のボタン［Phiculator］をクリックすると計算機が立ち上がる。上下の領域いずれかに任意の値を入力すると、その値の黄金
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今“ 知っておくべき”ケータイサイト制作事情 第5回 - MdN Design Interactive
ドワンゴ、ニコニコ生放送が視聴できるiPhoneアプリ - MdN Design Interactive - Webデザインとグラフィックの総合情報サイト
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選