2014年8月17日 Webサイト制作, 便利ツール WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基本の流れはちゃんと説明していないな…ということで、「連載！実践で学ぶWebサイト制作ガイド」として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は「ワイヤーフレームの作り方」です。これも過去に「Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する」という記事を書いていたのですが、私の使用するツールも変わったので、改めて記事にすることに。 ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その3 目標：わかりやすいワイヤーフレームを作成することができる 必要なもの：紙とペン 対象レベル：超初心者OK
2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ
Webデザインを苦手とするプログラマも多いけれど、「覚えたい」という人も多いはず。そんなエンジニアは必見です。Perlギークのゆーすけべーさんに楽で簡単な「コツ」を聞きました。内緒（？）で教えちゃいましょう。 今年11月から「Japan Perl Association」の新理事と、YAPC運営委員会の委員長に就任した、Perlハッカーの和田裕介さん。というより、ゆーすけべーさん。「ボケて」や「君のラジオ」の開発者として知られる和田さんは、実はWebデザインにもこだわりを持つ。 「僕は開発者なので、Webデザインは本職ではありません。ただ、Webを作るときに色やフォントはシビアに見ていますね。とはいえ、基本的に面倒くさがりです（笑）」 色の設計に便利なツールとして和田さんオススメなのが「ColorSchemer Studio 2」。有償のMac用アプリで、実際に使っているという。 「ひとつ
作った理由最近、小さなWebサイトをローンチしたわけですが、「自分でもサイトを作れるんだ！」という自信が持てた。 -今度は、世の中の人のためになるようなWebサイトを作ろうと思った。 アイデア髪を切りたい場合、美容室単位でしか予約できないので、スタイリストから選んでピンポイントで予約できたら良いのでは。 -スタイリストから髪を切りたい人を見つける場を作れたら、新人スタイリストはカットモデルを探しやすいのでは。 -家にいながらにして、自分の現状の髪型と理想の髪型をスタイリストと共有できたらなぁ～ テーマなるべくシンプルなサイトにする。他の美容室検索サイトはごちゃごちゃしすぎ。 コンセプトなるべくシンプルに -登録が簡単 -他の美容室サイトで有料のオプションは無料。(全ての機能を無料で提供) -画像を用いてスタイリストとやり取りができるサイトを目指す。 システム構成VPSサーバAWS EC2言
（応募は終了しました。当選者へはメールを送りました） こんにちは、結城浩です。いつも応援ありがとうございます。 2013年9月に、講演集『数学ガールの誕生 理想の数学対話を求めて』がソフトバンククリエイティブさんから刊行されます。 恒例になりましたが、みなさんへの感謝を込めて、本書を無料プレゼントいたします。 このエントリをよくお読みの上、どうぞご応募ください！ 当選者に送られるプレゼント：講演集『数学ガールの誕生 理想の数学対話を求めて』 当選人数：7人 応募〆切：2013年8月26日(月) 応募条件：以下の(A)(B)(C)のうち少なくともいずれか1つを実行してください。 (A) あなたのWebサイトやブログに「数学ガールの誕生」という文字列を含むエントリを書く。またはTwitterやFacebookで「数学ガールの誕生」という文字列を含むつぶやきを行う。内容はどんなことでもかまいませ
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
Mozillaは8月8日（現地時間）、パスワード不要のログイン認証システム「Mozilla Persona（コードネーム：BrowserID）」で、米GoogleのGmailのアドレスを利用できるようにしたと発表した。Personaに対応したWebサイトでは、Gmailのアドレスでサインインできる。 Personaは2011年7月にBrowserIDというコードネームで発表された、メールアドレスと1つのパスワードだけで対応サイトにログインするシステム。新たなログイン名とパスワードを作成しないでサービスにサインインでき、Webサイトにメールアドレスのパスワードを渡さずに済むので安全でもある。大まかな仕組みは、Mozillaのサーバに保存されたメールアドレスと暗号化されたパスワードをクライアント側の暗号化証明書と照合することで、ユーザーのメールアドレスを証明する。 既に米Yahoo!のメールア
[Å]【要注意!!】パクリサイト発見！Googleに削除依頼、依頼ミス、取消し、削除完了に至るまでの苦悩の1週間を晒します
![[Å]【要注意!!】パクリサイト発見！Googleに削除依頼、依頼ミス、取消し、削除完了に至るまでの苦悩の1週間を晒します](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc6d7d50db6e72db9d9b95f781c1f6743bef425c/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttp%2Fwebmemo.biz%2Fwp-content%2Fuploads%2Fgoogle130621-eye-1.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
