Webデザイナーがデザイン提出時に添える｢デザイン趣意書｣について、少し掘り下げてみた | Mnemoniqs Web Designer Blog
ここでいう「デザイン趣意書」はそんな大それたものではなく、テキストエディタにちょいとデザインの要点を箇条書きした程度のものです。 完成したデザインをディレクターに提出するときや、ディレクターがクライアントや代理店にデザインを確認するときに使うアレです。これが改めて大事だなって思ったので書き留めておきます。 「デザイン趣意書」に書くこと この趣意書の一番の目的は「なぜこのデザインにしたか」を、ディレクターやクライアントにわかりやすく伝えること。Webに関して素人のクライアントも多くいるので、どんな細かいディティールよりも、はっきりとしたわかりやすい理由のほうが納得してもらえることが多いです。 趣意書に含めている内容としては、 ・なぜこのデザインにしたのか (サイトの目的やターゲットユーザーなどから) ・どんなところを工夫したのか (デザインの付加価値) ・ユーザーに対してどんな効果を狙
CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer - かちびと.net
一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。 こういう形で学べるのは面白いですねー。はじめてみるタイプのチュートリアルサイトです。よく、書いたコードがインタラクティブに反映されるサービスがありますが、そのチュートリアル版という感じ。 ブログ形式でチュートリアルを公開しています。 説明するより見た方が早いですね。以下のようなチュートリアルです。Play Walkthroughをクリックするとコードを打っているのが分かります。右はビューエリア。 Make a simple cloud in CSS3 こういう発想は全然なかったですけど、Youtube等の動画で見るより分かりやすい気はします。動画は音声も使ええるのが魅力でしょうけど
ブログを毎月30万PVにするために僕が行なっている15の戦略 | ゴリミー
ブログを書いている人もこれから書こうとしている人も「どうせならば1人でも多くの人に読んでもらいたい」と思っているはず。あなたはどうだろうか？ 2012年になってから毎月のアクセス解析を公開しているが、今年に入ってからはありがたいことに毎月30万PVのアクセスを頂いている。 「1人でも多くの人に自分の記事を読んでもらいたい。」 この思いを持って悩み続けた僕自身が、それを実現するために日々行なっていることをまとめてみた！かなり長いが、同じ悩みを持っている人がいれば、是非参考にしてもらえればと思う。 それではいってみよう！ はじめに 今回書いているのは「ブログのPV数を毎月30万にするための戦略」である。 PV数は閲覧されたページ数の総数を意味する。逆に、よく対比で使われるUA数とは、ブログにアクセスしたユーザーの総数を意味する。僕が2つ記事を読んだとすればそれは2PV、1UAである。 今回書い
【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
全12カテゴリー。分野別で見る、Webサイトを構築する上でそれぞれ注意すべきポイント / Maka-Veli .com
やはりサイトの存在目的は必ずあります。デザインやシステム的な部分も重要ですが、 その前にもう一度目的を考えなければなと・・・ そう思ったので書いてみました。 色々と皆さん、それぞれに考え方があると思いますが、個人的に注意したいポイントを以下の分野別に書いていきます。 大体サイトとしては ブログ 一般企業 Webサービス IT・プロダクト・ゲーム オンラインショップ 教育・学校 病院・老人ホーム 飲食 デザイン・ファッション・音楽 金融・証券・保険 美容・健康 アダルト とか、その他色々ありますがこのような感じでしょうか？ ※ちょっとカテゴライズが不思議な感じですが、説明しやすくしたい為です。すいません。 これらのサイトはもちろんケースバイケースで設計や装飾などが変わってきますが、 共通する注意点があると思います。 それぞれ、コンバージョンは必要ですよね。 ゴールを必ず決
文系リーマンでも、半年でFacebookアプリを１人で作れるようになった - maeharinの日記
私は文系リーマンで、半年前まではプログラミングができませんでした。けれど、独学で少しずつプログラミングをしたり、勉強会に参加したりすることで、先日「友達Tube」というFacebookアプリを、１人で作ってリリースすることができました。 その過程で学んだことの一部を、HatchUp様主催の「第2回渋谷facebookアプリ勉強会」で発表してきましたので、スライドを上げておきます。 作ったFacebookアプリ 友達Tube HatchUp様の勉強会で発表したスライド 文系リーマンでも半年でFacebookアプリを作れるようになった View more presentations from maeharin 講師をやることになりました 僭越ながら、HatchUp様からお声がけいただき、Facebookアプリ勉強会の講師をやる事になりました。私自身、プログラミングはじめてまだ半年の身なので、「
10秒で2chまとめブログ作成・更新が可能なソフト「2chまとめビルダー」
わずか10秒で「2ちゃんねる」のレスをまとめてブログに掲載するだけで月間1億ページビュー以上・1ヶ月で300万円も稼ぐことが可能だと称するとんでもないソフトがこの「2chまとめビルダー」です。2chまとめブログの作成作業自体は今までも「ほぼ自動化可能ではないか？」と言われており、いつか誰かが作るかもしれないとは予想されていましたが、その実物らしきものがついに登場した、という感じになっています。 2chまとめブログを10秒で作成・投稿できるツール | 2chまとめビルダー http://www.internal.co.jp/products/marketing/2chmatome/about/ まとめを効率的に作成するため、以下のような機能が搭載されている、とのこと。 ・勢いランキングから取得：書き込みの勢いが多いスレッドを簡単に取得可能 ・自動レスアンカー並び替え：レスをアンカー先の下へ自
Sidengo : 洗練されたデザインのビジネスサイトが手間なく作れるサービス
カッコいい個人の紹介ページを簡単に作成でき、あわせてホスティングしてくれるサービスとしてはabout.meやFlavors.meあたりが有名になっていますが、こちらのSidengoは小規模な企業や店舗をターゲットにステップバイステップで簡単に洗練されたウェブサイトが作成できるサービスです。 運用するサイトのURLとして希望する名前でアカウントを作成すると、サイト制作のための編集ボックスが開きます。 すでにサイトとしてのひな形が出来上がっているので、基本的には必要な情報を当てはめていくだけです。 お店やブランドの名前、キャッチコピー、ロゴ、背景画像というような基本情報を適宜入力、『SECTION1~3』は左側のメニューから呼び出されるサブページで、お店の説明や商品・サービス内容その他必要な情報を収めるページとして編集可能です。 （ページが必要でなければチェックを外すことでメニューから外すこと
HTML5 開発者に便利なツール 14 個
先日 Google+で Addy Osmani 氏が紹介していたオンラインツールが便利そうだったので紹介します。 DocHub.io # CSS, HTML, JavaScript, DOM, jQuery, PHP, Python の API リファレンス。インクリメンタルサーチできるので、開発中は常に開いておきたい。 Dillinger.io # 最近 GitHub 関連で使われるようになって流行り始めた Markdown 記法を、視覚的に確認しながら入力できるツール。Dropbox や GitHub のアカウントで繋ぐと、アップロードできるようです。Mac 用デスクトップアプリの Mou というのも合わせて紹介されていました。 HTML5Please # 今から使える HTML5 機能のリストとブラウザの対応状況に応じたアドバイス、そして Pollyfill (未対応ブラウザ向けに機
制作会社の人がやってしまいがちなSEO基本中の基本のミス など10+2記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
SEOに重要な基本的要素で、ウェブ制作会社が大切なことを見逃して失敗しがちなことを指摘した記事。Webディレクターとしてサイトの制作に携わっていたときに発見したというもので、次の4つの失敗パターンを挙げている。 titleタグにキーワードを入れないtitleタグやmeta descriptionの重複を気にしないrobots.txtやsitemap.xmlを設置しないデザインを優先して隠しテキストを使ってしまう1つ目と2つ目は実際に多いと筆者も実感している。SEOとしては基本中の基本であるし、titleタグにキーワードを入れることと各ページにユニークなtitleタグとmeta descriptionタグを設定することは、ユーザーにページの内容を伝えるうえでも重要だ。 3つ目のrobots.txtとXMLサイトマップは大切ではあるが必須ではない。robots.txtはクロールをブロックするペ
Javaすら知らなかった私が5日間でAndroidアプリをリリースするためにやったこと。 | Last Day. jp
Javaすら知らなかった私が5日間でAndroidアプリをリリースするためにやったこと。 最終更新日： 2015/09/03 Android開発 久々にプログラミングをしました@sayobsです。表題にある通りはじめてリリースしたiPhoneアプリ「iOkinawa!」をAndroidでも5日間で作ってみました。 題名は前回iPhoneアプリをリリースした時と同じようにしました。 C言語すら知らなかった私が２ヶ月でiPhoneアプリをリリースするまでにやった事。 | Last Day. jp２ヶ月間独学で勉強したiPhoneアプリが遂にリリースされました。今日は私が実際にどのように２ヶ月でiPhone… 作ろうと思ったきっかけ✔GALAXY S II LTE SC-03Dを買って前々からAndroidアプリを作ろうと思っていた。 ✔先日沖縄に行った際Androidユーザーの方に「iOkin
[CSS]セレクタの便利な使い方も学べる、一枚の画像で写真を重ねたように見せるスタイルシートのテクニック
Demo 1 まずは、HTMLから。 HTML img要素をdiv要素で内包したシンプルなHTMLです。 divにclassを付与するのがポイントです。 <div class='stackone'> <img src="image.jpg" /> </div> デモでは下記の画像を使用しました。 Tinkerbell 画像のサイズ：200x130 [ad#ad-2] CSS CSSはステップごとに、説明します。 まずは、margin, paddingをリセットし、bodyの背景カラーをセットします。 * {margin: 0; padding: 0;} body {background: #ccd3d7;} 画像に少しスタイルを加えます。 画像の周りに写真のような縁取りをし、シャドウを加えます。 ※height, widthは画像のサイズに合わせて変更してください。 .stackone {
SEOに最適なサイト構造と内部リンクの全て - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 検索エンジンからのトラフィックを増やすためにはサイトに内部リンクを適切に設置することも重要。頭では分かっていても外部リンク頼みのSEOに偏りがちだった日本のSEO業界、Google先生の有料リンク取締り強化で内部リンクの重要性が改めて注目されつつある最近かもしれません。そんなあなたに今回、サーチエンジンランドからSEOに最適なサイト構造と内部リンク設置に関する記事が配信されていたのでここに紹介します。 — SEO Japan ウェブサイトの構造と内部リンクは、SEO業界で意見が最も食い違う分野である。SEO業者同士の意見が食い違うだけでなく、それぞれ目標が異なるため、デザイナー、ユーザビリティの
WEB制作者になりたいと言う人が見ると良さ気な、様々なことを学べるサイト15選！ | バンクーバーのうぇぶ屋
しつもーん。『北米でWEB制作者になりたいです！専門学校に通うお金とか無いんですが、何か良さ気なサイトとかあったら教えてください！』 「なめんなよこの野郎。そんな都合の良いサイトあるわけ…ｺﾞｺﾞｺﾞｺﾞｺﾞ」とかっこよく拒絶するのは簡単なんですが、思えば今や通信学習やらオンラインコースやらと結構色々あるんですね。それどころか、「あぁ、もし僕が今からWEB制作学びますって時に、このサイト見てたらなぁ」なんて思うサイトや記事も正直多いわけです。 もちろん、WEB制作と一概に言っても多岐に渡るのは皆さんご存知の通りかなと。僕も含め、周りのWEB制作者な皆さんの多くは専門学校やら大学やらでWEB制作を学んだ方が多いので、オンラインのソースや教材だけでWEB制作を学ぶとどうなるか、僕にはわかりませんが、多少なりとも羨ましい世の中だと思う部分もあるわけで、今日はそんな今からWEB制作を学ぼうとする人
モノクローム・タイポグラフィ・デスクトップ～究極のデスクトップを求めて | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
Android 開発初心者向け めちゃくちゃ役に立つ無料動画チュートリアル200個! | Last Day. jp
Android 開発初心者向け めちゃくちゃ役に立つ無料動画チュートリアル200個! 最終更新日： 2013/07/15 Android開発 こんにちは@sayobsです。iPhoneアプリを2ヶ月で作った時もYouTubeにある無料動画チュートリアルを多いに活用しました。 C言語すら知らなかった私が２ヶ月でiPhoneアプリをリリースするまでにやった事。 | Last Day. jp２ヶ月間独学で勉強したiPhoneアプリが遂にリリースされました。 … Androidのチュートリアルもあるかな?と思いYouTubeで検索してみると沢山出てきました。僕がiPhoneアプリ制作の時にお世話になったthenewbostonさんは200個もAndroidの無料チュートリアル動画も作っていました! これを見た時は感動しました!!チュートリアルの内容は英語ですが簡単な英語です。 Eclipseでの環
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
text-indent-9999pxによる画像置換えと隠しテキストスパム(ペナルティ)について | SEOテンプレート比較
text-indent-9999pxによる画像置換えと隠しテキストスパムについて ツイートする 先週TwitterのWeb界隈で、「text-indent-9999pxによる画像置き換え」が話題になりました。定期的に話題になる事ではあるのですが、改めて利用の是非と現時点でのGoogleの見解をまとめておきたいと思います。 先に結論というか私の見解を述べておくと「適切な使い方であればペナルティを受けることは無いが、使わないで済むなら使わない方が良い」というなんとも中途半端な感じです。 Googleは過去に問題ないという見解を示しており、これだけ浸透した手法に対して、ある日突然ペナルティを科すという事はまず無いと思いますが、現在のGoogleは非推奨というか、中の人は使うな！と言っている状況なので、積極的に使うような物ではないという印象です。 CSSの画像置き換えとしては、text-inden
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プロとしての行為 Act as Proffesional
新着記事
