DeNAに聞くスマートフォンサイトUI設計のポイント - MdN Design Interactive

2013/01/29 5372 users DeNA ディレクター デバイス ケータイ タッチ操作

PC、ケータイ、スマートフォンなどでアクセスできる会員制オークションサイト。会員数は100万人以上を誇り、いつでもどこでも楽しめる利便性から日々活発に取引が行われている。 急速に求められ始めたWebサイトのスマートフォン対応。狭い画面とタッチ操作という独特なデバイスに必要なUI 設計とはどのようなものだろうか？ スマートフォン向けサービスを数多く展開するDeNAでディレクターを務める鈴木哲之さんに... 続きを読む

WEBの完成度を高める76の正攻法 - MdN Design Interactive

2008/07/03 5368 users 正攻法 筋道 セオリー index 根拠

Web制作の現場では、さまざまなセオリー・考え方が要求される。筋道の通ったセオリーや理論を理解して実践することは、Webのクオリティを高めるうえでは正攻法といえるだろう。ここではセオリーや考え方などにポイントを絞り、根拠と実践への活用法を紹介していく。知らなかった内容はもちろん、あいまいに理解していた内容もきちんと理解して、Webの完成度を高めてほしい。 ［INDEX］ 続きを読む

WEBの作業が楽になるテクニック総まとめ　第2回 - 目次 - MdN Design Interactive

2010/04/12 4704 users 目次 web 作業 Fireworks ソフトウェア

Photoshop、Fireworks、Dreamwaver、etc. WEBの作業が楽になるテクニック総まとめ　第2回 「あの作業をもっと早くしたい!!」と思っても、改善できずに制作を続けている場合もあるだろう。そこで、Web制作が楽になる操作テクニックをまとめて紹介!!　ふだんから使用しているさまざまなソフトウエアを使いこなし手間どる作業をスムーズに行おう。 続きを読む

WEB制作、プロの無料サービス活用術──サイトチェックに使えるツール（１） - MdN Design Interactive

2010/10/04 4703 users ツール わか 過言 納品 プロ

作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──サイトチェックに使えるツール（１） Webサイトが完成しても即納品というわかにはいかない。不具合がないかを検証することもWeb制作の一部といっても過言ではない。ここではチェックツール活用例を紹介する。 ■バックナンバー 第1回　デザインに使えるツール（1）はこちら 第2回　デザインに使えるツール（2）はこちら 第... 続きを読む

MdN Design Interactiveにて連載した「ゼロからはじめるHTML5でのサイト制作」全12回まとめ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/30 963 users Webデザインクリップ Web制作 section要素 連載

以前MdN Design Interactiveに連載させていただいた『HTML5でサイトをつくろう！ゼロからはじめるHTML5でのサイト制作』が12回で完結しました。 この連載ではHTML5でのマークアップが初めての方向けにHTML5で変更になった点や新要素の使い方、使い方がわかりにくいといわれていたsection要素やarticle要素の使い方、ブロックレベルやインラインの変わりとなるカテゴリ... 続きを読む

第2回　HTML5で使い方が変更されたタグをまとめよう - MdN Design Interactive

2011/11/29 812 users タグ HTML5 使い方 第2回 書籍

HTML5でサイトが作られる機会が少しづつ増え、HTML5の新しいタグを覚えようというブログや書籍はよく見ますが、今までxhtml1.0で使われていたタグの中にも使い方の変更になったタグがいくつかあります。いつも使っていたタグなので何気なく使ってしまうこともありますが、まずは今まで使っていたタグの中で元々使われないタグや、昔から馴染みのあるタグで使い方の違ったものをまとめてみました。もちろん、HT... 続きを読む

WordPressでブログサイト作成と一般的なビジネスサイトを作成する際の違い｜Wordpressでブログでなくビジネスサイトをつくろう【MdN連載第1回目】 | HTML5でサイトをつくろう

2012/10/31 661 users PHP フォーマット サーバー 連載 プログラム

本日よりMdN Design Interactiveにて『WordPressでブログでなくビジネスサイトをつくろう』の連載をさせていただくことになりました。 本連載は、WordPressを使用して通常のブログのフォーマットではなく、ビジネスサイトを構築する際の考え方やよく使う表現などをまとめていきたいと思います。 WordPressは「phpを勉強しなければならない」「サーバーの設定などプログラム... 続きを読む

一度使うとやめられない!? 機能とデザインに優れたPCリュックまとめ - MdN Design Interactive - Webデザインとグラフィックの総合情報サイト

2015/06/02 501 users webデザイン デザイン 機能 総合情報サイト 一度

近年は会社勤めの人だけでなく、フリーランスのクリエイターから学生まで、実に幅広い層がノートPCやタブレットを日常的に持ち歩くようになった。比較的重い荷物であるノートPCを気軽に運べて、スポーツ自転車にも乗ることができるリュックは、そんなライフスタイルにぴったりの相棒となるだろう。今回は、ノートPCやタブレットの持ち運びにすぐれたリュックをまとめて紹介したい。 メンズ バッグ　PMT まず最初に、デ... 続きを読む

はじめてでもできる！Twitter壁紙入門 - MdN Design Interactive

2009/11/16 338 users

Web業界は、Twitterのサービス開始から使っている古参ユーザーが多いことで知られている。Twitterのページもカスタマイズされていて、見ているだけで楽しい。Twitterの画面はとてもシンプルだが、壁紙を設定したり、自由に配色を変更することができる。自分のページを魅力的でかっこいい（もしくは可愛らしい）デザインにアップデートすることが可能だ。本記事では、壁紙の作成、設定方法および注意点など... 続きを読む

HTML5のカテゴリーの種類についてまとめました【MdN連載第6回目】 | HTML5でサイトをつくろう

2012/01/24 306 users ブロック要素 ルール 要素ごと タグ MdN連載

HTML4では、要素ごとにブロック要素、インライン要素というわけ方があり、インライン要素の中にブロック要素が使えなかったりなどタグの使い方にルールがありましたが、HTML5ではブロック要素、インライン要素というわけ方はしなくなり、要素ごとに目的に応じたカテゴリーという形で分けられています。今回はそのカテゴリーについてまとめてみたいと思います。 MdN Design Interactiveの第6回目... 続きを読む

100円ショップのダイソー、Apple正規認証のLightningケーブルの取扱い開始 - デザインってオモシロイ -MdN Design Interactive-

2019/06/11 218 users かと MFi認証 サードパーティ オモシロイ Apple

DAISO SYNC & CHARGING USB CABLE 100円ショップのダイソーを手がける大創産業は、MFi認証を受けたLightningケーブル「DAISO SYNC & CHARGING USB CABLE AV12110」を500円（税別）で販売開始している。 MFi認証はMFiライセンスとも呼ばれ、サードパーティが作る製品に対して、Appleが同社の製品の仕様に準拠しているかど... 続きを読む

【祝200万人】ニコニコ動画が事業として激アツな件 - 足ることを知らず〜Don’t feel satisfied 〜

2013/06/25 194 users 〜Don’t feel satisfied ニコニコ動画

ニコニコ動画 | 18:12 | ニコニコ動画のプレミアム会員数が200万を突破、記念キャンペーンも - MdN Design Interactive - Webデザインとグラフィックの総合情報サイト遂に6/22、ニコニコのプレミアム会員数が200万人を突破しました。1人500円として、月10億、年120億の売上を誇る収益源になったわけで、375億（2013年度見込み）のdwangoにとっても、3... 続きを読む

サンコー、13.3インチフルHD液晶ペンタブレットポータブルを25,800円で発売 - デザインってオモシロイ -MdN Design Interactive-

2019/03/29 190 users サンコーレアモノショップ オモシロイ サンコー 税込 本製品

使用イメージ サンコー株式会社は、同社が運営する直営サイト「サンコーレアモノショップ」において、コンパクトサイズのフルHD液タブのエントリーモデル「液晶ペンタブレットポータブル」を発売開始した。価格は25,800円円（税込）。 「液晶ペンタブレットポータブル」 本製品は、サイズを抑えることで価格も低くするこ... 続きを読む

人工知能が「写真＋絵」を劇的アーティスティックにミックスするサービスが話題 - MdN Design Interactive - デザインとグラフィックの総合情報サイト

2016/03/15 171 users アーティスティック 人工知能 AlphaGo アルファ碁 話題

Googleの人工知能搭載囲碁ソフト・アルファ碁（AlphaGo）が、世界トップクラスのプロ棋士イ・セドルを破ってニュースになっているが、アート界では2つの画像をミックスする人工知能が話題になっている。 海外サイトに掲載された画像ミックスサービスは、2つの画像を取り込み、人間の脳神経回路と同じニューラルネットワークテクノロジーで新たな絵を生成するというもの。ベースとなるのは基本「写真」で、そこにス... 続きを読む

第9回 Webデザイナーが押さえておくべき、内部SEO施策18のポイント | Webデザインとグラフィックの総合情報サイト - MdN Design Interactive -

2015/03/24 130 users Webデザイナー webデザイン text ポイント キホン

知ってるつもりで意外と知らないSEO最新のキホン 第9回 Webデザイナーが押さえておくべき、内部SEO施策18のポイント 2015年03月24日 TEXT：押谷圭佑（ヴォラーレ株式会社） こんにちは。ヴォラーレ株式会社の押谷です。前回はリニューアルにおけるSEOの全体感の説明をしましたが、今回はより実践的で細かな施策を紹介します。 クライアントに「いま手がけているWebサイトのSEOもお願いした... 続きを読む

1年生デザイナーの1週間／その90　村田 智さん（はてな） - MdN Design Interactive

2014/01/23 123 users 村田 曜日 デザイナー 新人デザイナー 職業

1年生になったら～ 1年生になったら～♪　ということで、デザイナーという職業に憧れる読者のみなさんに先駆けて、一足早くデザイナーになった先輩デザイナーの1週間を追いかけるのが、このコーナーです。夢を現実にした新人デザイナーの仕事と生活ぶりは実際どのような感じなのでしょうか？　毎月第3週に、その曜日の出来事を毎日更新でお届けします！ 今月の1年生デザイナー 村田 智さん（はてな） 〔プロフィール〕 ... 続きを読む

キングジム、梱包用の緩衝材を必要な分だけ自分で作れるエアクッションメーカー「エアフィット」を発売 - デザインってオモシロイ -MdN Design Interactive-

2019/11/07 99 users 税抜 オフィス 隙間 本体 荷物

「エアフィット（AFM10）」 株式会社キングジムは、2019年12月6日（金）に、梱包材製造機「エアフィット」を発売する。エアクッションタイプの緩衝材を自分で作ることが可能。本体がコンパクトで場所をとらず、オフィスや家庭で気軽に利用できる。価格は9万円（税抜）。 宅配で荷物を送る際などには、隙間に緩衝材を詰め... 続きを読む

いま押さえておきたい、十代女子に人気のWebサービス - MdN Design Interactive - デザインとグラフィックの総合情報サイト

2015/08/31 95 users WEBサービス デザイン 人気 総合情報サイト

2015年8月24日（米国時間）、FacebookのDAU（1日のアクティブユーザー。24時間以内にログインしたユーザー数）が10億人を記録した。平均的に10億ユーザーが毎日使っている、というのではなく、あくまで瞬間的な最高値であるとのことだが、その日、地球人の1/7がFacebookを介してネットワーク化されたと思うと、あまりに驚異的な数字だ。 これほど巨大なソーシャルネットワークであるFace... 続きを読む

第8回 29cm - UI/UXがイケてる！おすすめスマホアプリ | Webデザインとグラフィックの総合情報サイト - MdN Design Interactive -

2015/07/23 94 users イケ text Ameba クリエイティブディレクター 工夫

Amebaのクリエイティブディレクターが徹底考察！ UI/UXがイケてる！おすすめスマホアプリ 第8回 29cm 2015年7月23日 TEXT：鬼石広海（株式会社サイバーエージェント） より良いユーザー体験を提供するうえで、スマホアプリにおけるUIの工夫やユーザーの心的効果を考慮したデザインなどを、サービスの機能ごとに紹介していく本連載。第8回目では韓国で展開されているECアプリ、29cmを取り... 続きを読む

現場でかならず使われている jQueryデザインのメソッド - MdN Design Interactive

2014/08/21 94 users メソッド 現場

ベーシックな使い方からプラグインを活用した最新手法まで、 多彩なjQueryテクニックを紹介します！ 本連載は、jQueryの“実践感覚”を身につけていただけるように、実用的な作例をベースにjQueryのコードをステップ・バイ・ステップ形式で紹介するテクニカル連載です。アコーディオンやタブパネル、ツールチップといった頻出の基礎技術から、背景全面動画、Masonry、パララックススクロールなどの現在... 続きを読む

UI/UXがイケてる！おすすめスマホアプリ - 第3回 Steller | Webデザインとグラフィックの総合情報サイト - MdN Design Interactive -

2015/02/19 93 users イケ text Ameba クリエイティブディレクター 工夫

Amebaのクリエイティブディレクターが徹底考察！ UI/UXがイケてる！おすすめスマホアプリ 第3回 Steller 2015年2月19日 TEXT：鈴木伸緒（株式会社サイバーエージェント） より良いユーザー体験を提供するうえで、スマホアプリにおけるUIの工夫やユーザーの心的効果を考慮したデザインなどを、サービスの機能ごとに紹介していく本連載。第3回目ではiOSアプリ「Steller」を取り上げ... 続きを読む

秋葉ちひろのAndroidアプリデザイン入門-目次 - MdN Design Interactive

2013/02/21 92 users 目次

当サイトを見ているWebデザイナーの中にも、いきなりスマートフォンのアプリデザインを頼まれたり、仕事でやらざるを得ない状況にいるという方も多いのではないでしょうか。私もそうでしたが、はじめてスマートフォンアプリのデザインを頼まれたときに、アプリのデザインに関する情報の少なさに嘆いたものです。 既存のアプリを見ながら真似をして作ることはできますが、体系だったガイドラインや解説などはどこにも存在せず、... 続きを読む

Gitが、おもしろいほどわかる基本の使い方33-目次 | Webデザインとグラフィックの総合情報サイト - MdN Design Interactive -

2015/06/17 78 users Git CUI SourceTree 本書 GUIツール

【転載記事】 必ず押さえておきたいGitの活用法が短時間で身につく！ Gitが、おもしろいほどわかる基本の使い方33 本書はバージョン管理システム「Git」の初心者向け入門書です。Gitをはじめて使う方でも実際の業務に取り入れやすいよう、CUIからのコマンド操作ではなく、SourceTree（GUIツール）を使った利用方法を解説しています。ここでは、本書の解説内容から抜粋した、GitおよびSour... 続きを読む

Gitが、おもしろいほどわかる基本の使い方33_Chapter1-01 | Webデザインとグラフィックの総合情報サイト - MdN Design Interactive -

2015/06/17 76 users Git text チーム webデザイン バージョン管理

Gitが、おもしろいほどわかる基本の使い方33 ［Chapter1-01］ Gitを使ったバージョン管理 チームで開発を行う上で、もはや欠かせない存在となったGit。でも、Gitを利用したことがない方、バージョン管理がよくわからない方は、Git が何をするものなのかもよくわからないでしょう。まずはGit によるバージョン管理の大まかなイメージをつかんでおきましょう。 2015年6月17日／TEXT... 続きを読む

素材サイト「写真AC」、AIが生成した架空の人物の顔写真を無料素材として提供開始 - デザインってオモシロイ -MdN Design Interactive-

2019/05/22 69 users 商用 ベータ版 オモシロイ ACワークス株式会社 AI人物素材

AI人物素材 ACワークス株式会社は、同社が運営する写真素材サイト「写真AC」において、AIが生成した実在しない人物の顔写真を、「AI人物素材」（ベータ版）として提供開始している。 「写真AC」は、フリーの無料写真素材を提供するWebサイト。利用するユーザーは、個人や商用を問わず、クレジット表記やリンクも不要なの... 続きを読む