こんにちはMUUUUU.ORGの中の人こと、QUOITWORKS Inc.のムラマツです。 最近はWebデザインと、グラフィックデザインが同時に発生する案件を絶賛募集しております！（宣伝） えーと今回は、Webのディレクションというのは正直決まったやり方が存在していないのが現状でありまして、 今の時代の業界標準を確認し直そうと思いまして「第一線のプロがホンネで教える 超実践的 Webディレクターの教科書」を参考に、改めてWebディレクションとは何をする仕事なのか、 Webデザインを始める前段階というところにフォーカスしてまとめました。 目次 前段：コミュニケーションはディレクターのメイン商品 1.ヒアリングをする 2.リニューアルの場合、現サイトの課題だしをする 3.コンセプトを作る（共通言語となる目標を決める） 4.ポジション設定をする（競合に対しての強みを見つける） 5.ペルソナ作り（

ここでは、バナー制作の副業に関する情報をまとめています。バナー作成の仕事探しから、おすすめ本や参考サイト、そして実際のバナーの作り方の実例まで解説しているので、初心者の人でも読める内容です。 ● ● ● バナー制作（インターネット広告）ができれば、ネット上で仕事をもらって簡単に副業できる。仕事の依頼をくれるクラウドソーシングや広告業者はたくさんある。（詳しくは後述） バナー作成は、ホームページデザインより時間がかからない。慣れてくれば1本1時間弱で作れてしまう。自宅でできて、スキマ時間を有効活用できるというメリットが大きく、主婦でもバナー作成を習いはじめる人は増えている。人気のある副業だ。 実際に僕もWebデザインを始めた頃は、バナー制作の仕事を大量に請けて実績を積んでいた。おそらく1年で2,000個以上のバナーデザインは作成したと思う。いい練習になった。 初期の頃に作っていたバナーはこん

ワイヤーフレームづくりに便利なキット40「40 Free Wireframe Templates for Mobile App, Web and UX Design」 本制作をする前にワイヤーフレームで制作して、UIやUXなどをクライアントと確認するというのはWEB業界では慣習的になっていますが、今回紹介するのは、そんなワイヤーフレームづくりに便利なキットを集めたエントリー「40 Free Wireframe Templates for Mobile App, Web and UX Design」です。 Carbon Material Design eCommerce Wireframe Kit (PSD & Sketch) WEBからiOS、AppleWatchまで様々なタイプのワイヤーフレームが紹介されています。今日はその中から特に気になったワイヤーフレームをピックアップして紹介したい

【2017年3月31日】 いまやホームページは誰でも、もの凄く簡単に作れる。ホームページ作成サービスがあり、無料で始められるものもある。 正直なところ、個人の商店や中小規模の企業レベルならコレで十分なケース多い。 ホームページを作るための言語（HTML）やデザインの知識も全く要らない。キーボードを叩けて、マウスをクリックできれば十分だ。 この記事では、誰でも使える便利なホームページ作成サービスを紹介する。日本語対応で無料から始められるもののみに限る。 この記事の後半では、実際に無料で簡単にホームページを作る手順を解説する。実際に無料のサービスを使ってホームページを一つ作ってみたので、興味のある人はのぞいてみてほしい。 目次 目次 ビジネス用のホームページなら少し投資を ホームページ作成サービスを利用するときの注意点 グーペ BiND クラウド BASE（ベース） Jimdo（ジンドゥー）

2024 著作権. 不許複製 プライバシーポリシー

ぼくがWebデザインに携わってからこれまで約5年半、Web上の多くの優良なサイトから知恵を借りて、ド素人からなんとかフリーで仕事を貰えるまでになった。そして常々、Webから与えてもらった知識や情報を還元したいと思っていた。 こうしてブログを始め自ら情報を発信する場を得たので、一度Web制作に関する良質な情報をまとめて提供してみたい。 このエントリーでは、Web制作の初心者もしくはWeb制作に興味があってこれから始めてみたいという人が、うまくWebの世界に入っていくのに役立つような情報を厳選して紹介している。 一人でWeb制作全般を見れるようになるための基礎的な情報を広く列挙してあるが、必要な箇所だけ断片的に取り上げてもらっても役立つと思う。またできるだけ日本語の中で閉じるよう、海外サイトは最低限にとどめた。 目次 とにかく１ページに詰め込むことを優先したのでかなり長いが、下の目次から必要な

あれ何だっけ？ という時にさっと分かるWeb制作の実装や勉強に役立つチートシートがあると便利です。 BootstrapのさまざまなUIエレメントの実装、FlexboxでUIコンポーネントを実装、CSSの各ブラウザのサポート状況、Gitのコマンド、React.jsやAngular.jsなどのチートシートを紹介します。 必要なものは全部、ダウンロード・ブックマークしておきたいですね。

たくさんあるWeb制作会社。1,000人以上のプロダクションから、フリーランスのクリエイターまで選択肢は様々です。 数多くある中から、目的にハマッたWeb制作会社をどのように見つければ良いのでしょうか？以下の方法をご紹介します。 1.Web制作会社年鑑を活用する 2.Webクリエイター向けの求人サイトを活用する 3.ポートフォリオサイトを活用する 4.クライアント側に直接聞いてみる 5.メディアやアワード、団体などを参考にする 1.Web制作会社年鑑を活用する http://www.weblab.co.jp より マイナビさんから出版されている『Web制作会社年鑑』では、大小様々なWeb制作会社が100社以上掲載されています。 実績一覧はもちろんのこと、従業員数や、受注額の目安、所在地などもわかりやすく記載されているので、「Web制作会社年鑑で探しています」という方は多いかと思います。 「

Webディレクターの毎日は、協力的でものわかりのいいクライアントとスムーズにやりとりしながら、クオリティの高い制作物を完成させていく…なんて順風満帆なことばかりではありません。むしろ「クライアントの要望がどんどん増えて困った」「言った、言わないでモメた」「炎上した」、挙句の果てに、スタッフは徹夜でボロボロ、お金も請求できなかった…そんなトラブルの数々に頭を抱えることのほうが多いかもしれません。 しかし、『失敗しないWeb制作 プロジェクト監理のタテマエと実践』（ワークスコーポレーション）の著者・みどりかわえみこさんによると、トラブルを避けながら制作物のクオリティを上げるためには、「きちんと要件定義を行う」こと重要とのこと。要件定義をしたことがない人も、してはいるけど本当に必要なのかイマイチ分からないという人も、今一度要件定義について学んでみましょう。 目次 今さら聞けない!?イロハのイ～そ

WEB制作で使えるJavascriptを使わない制作テクニック集「32 Javascript Alternatives with Pure CSS – Updated」 様々なWEBサイトで利用されているjavascript。様々なライブラリなども開発され幅広い表現が可能になっていますが、今日紹介するのはJavascriptを使わない制作テクニックを集めた「32 Javascript Alternatives with Pure CSS – Updated」です。 CSS Image Maps: A Beginner’s Guide | Noobcube マップ、グラフなどを始め、様々なテクニックがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■NealGrosskopf.com l Create a JQuery Cont

少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン 読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考える ウェブデザインでこれは気をつけたいの35のポイント デザインQRコードの作り方 非デザイナーのための

作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──サイトチェックに使えるツール（1） クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための82の活用術を紹介する。Webサイトが完成しても即納品というわけにはいかない。不具合がないかを検証することもWeb制作の一部といっても過言ではない。ここではチェックツール活用例を紹介する。 ■バックナンバー 第1回　デザインに使えるツール（1）はこちら 第2回　デザインに使えるツール（2）はこちら 第3回　デザインに使えるツール（3）はこちら 第4回　コーディングに使えるツール（1）はこちら 第5回　コーディングに使えるツ

検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力

なかなか面白いツール！ 現在デスクトップ画面を撮影する、『プリントスクリーン機能』をもう少しレベルアップさせて使い勝手を向上させたもの。 早速ダウンロードして使ってみた。こういうツールって結構いっぱいあるし、英語っていうのがどうも気になったんだけど、使ってみると意外と便利すぎてヤバイかもしれない。 ダウンロード 主な機能 このツールを使う上で最も優秀なのは自由なサイズのカッティングと、そのリサイズ能力にあるといっても過言ではありません。 実際に起動すると以下のような半透明な枠が起動する。 はやる気持ちを抑えて、何が出来るかを把握して欲しいと思います。 見てわかるとおりですが、撮影するピクセルサイズが出るのと、このサイズはもちろん変更できます。 右クリックするとメニューが現れます。 Output ここでは、保存する画像の種類を選べます。 デフォルトではBmpになってるので変更するのを強く推奨

ドットインストール代表のライフハックブログ

ECサイトやブログなどで「この商品を買っている人はこのような商品も購入しています」「この記事を読んでいる人はこの記事も読んでいます」といった推薦（レコメンデーション）する機能は売上やPV増に大きく貢献してくれる。興味の範囲が近ければそれだけ役立つ可能性が高いのだ。 ピックアップベース そうしたレコメンデーションシステムを構築するのは推薦度になるスコアの計算式が肝になる。それはまさにノウハウであって、門外不出だ。だがライブドアは違う、そんな不可能を可能にしてしまうのだ。 今回紹介するオープンソース・ソフトウェアはCicindela、ライブドアの提供するWebサービスで実際に使われているレコメンデーションエンジンだ。 CicindelaはPerl + MySQLで提供されるシステムで、HTTPで通信するためシステム依存しないという特徴がある。データもIDのみでやり取りされる。あるユーザがあるオ