サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3（+α）回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン／おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道：サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines（埋め込みタイムライン） トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す

TL;DR クライアントさんとの打ち合わせや会議の後は、必ず議事録を書いて社内共有します。座った位置や発言なども、思い出しながら簡潔に書きます。おかげで「何を話したっけ？」「言った、言わない」を防げてます。フリーランスの人は、見積書、請求書、契約書、法律などのテンプレや知識があると、スムーズに先へ進めます。その他、ヒアリングシート、契約書など Web 制作業でリアルで必要だった書類系テンプレや知識をまとめました。 企画／提案 １．企画書 企画書はどれくらいのコストで効果（売上）を得るかというのが一番大切。とはいえ、上司を説得できる企画書も大切。以下は企画書の作り方と資料作成サービスなどのまとめです。 [保存版] 最強の企画書の作り方と資料作成サービス完全まとめ | 世界ろぐ “通る企画書”作りの基本／上司を説得できる企画資料の作り方講座#1 | Web 担当者 Forum ２．提案書 提案

この前日本に一時帰国していてWEB制作の学校とか顔出す機会があったんですが、日本だろうが、海外だろうが『色』に関する悩みはやっぱ万国共通のようですね。 配色一つでセンスが問われますし、配色一つの為に膨大な時間を使ったりする、デザインをする上で考える『色』についてはセンスも時間も必要な非常にデザイナーとして神経使うとこなんじゃないでしょうか？ しっかし、僕がそうだったんですが、配色って本当に意識していないと何が良くて何が悪いのか中々判断つかない、デザインしていても一つの色ばかり見ていたらその色が何か気に食わなくなってきて、違う色を試してみたり。いくつかの色を併用してみたり、でもやっぱり戻してみたり。行ったり来たりで何が”良い配色”なのかがわからなくなったりすることが多いんですね。 んなことしていたら、『色』について悩む時間だけで丸一日過ごすなんてこともざらにあったりしたわけです。デザインしだ

web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも

女性モデルの写真素材・フリー画像 女性モデルのフリー画像 無料人物写真素材の model.foto（モデルドットフォト）では、 プロのカメラマンが撮影した女性モデルの人物写真を 無料でフリー画像素材として公開しています。 女性モデルのフリー画像 無料人物写真素材のモデル・フォト 女性モデルのフリー画像 無料人物写真素材の model.foto（モデルドットフォト）では、プロのカメラマンが撮影した女性モデルの人物写真を無料でフリー画像素材として公開しています。 広告素材・Web素材・デザイン素材として商用利用も可能な高画質・高解像度のフリー画像が今すぐ無料でダウンロードできます。 model.foto の写真素材は、ご利用規約の範囲内で、商業広告・出版物・冊子のデザイン、Webサイトやホームページのデザイン制作、TV番組やCMの映像製作、店舗や看板の装飾などに画像のトリミングや合成など、自由

今日は、世の中の人がどんなお金の使い方をしているのかを全国で調査したデータを紹介します。市場調査を行うにあたって参考になるかなり詳細なデータを入手できます。しかも無料で。 「30代の男性は書籍や雑誌に1か月あたり何円使っているのか」「ケータイの通信費は、年齢層でどれくらい違うのか」「緑茶と紅茶とコーヒーと、それぞれいくらぐらい使っているのか」「靴やシャツや下着に使っているお金は？」「CD・DVDやゲームにはどれくらいお金を使っているのか」「映画や遊園地や温泉にはみんなどれくらい行っているのか」こんなデータがあればいいと思いませんか？ それがあるのです。 そのデータとは、総務省統計局が行っている「全国消費実態調査」。 平成21年全国消費実態調査（統計局）全国消費実態調査とは、国民生活の実態について、家計の収支や貯蓄・負債、耐久消費財、住宅・宅地などの家計資産を総合的に調査し、世帯の消費・所得

「ＩＴに、もはや戦略的価値はない」「ウェブ2.0の無道徳性」などの論文で有名な米国のテクノロジー思想家、ニコラス・カー氏がふたたび過激な書を世に問うている。今回の主題は、『THE SHALLOWS（浅瀬）』（邦題『ネット・バカ』青土社刊）。インターネットへの過度な依存が、わたしたちの脳に与える影響についてさまざまな学問を総動員して真正面から検証を試みた。ネット以前の世界を懐かしむ単純な議論ではけっしてない。電子書籍の普及などオンライン化へのシフトを不可逆的な流れとして捉え、それでもわれわれの思考が浅瀬に陥らないためには何をなすべきか、という考察に溢れている。グーグル、アップルをはぐくんだ現代米国において異彩を放つ著述家に、「ネット・バカ」論の真意を聞いた。 （聞き手／ジャーナリスト、大野和基） ニコラス・カー（Nicholas Carr） 米国を代表するテクノロジー思想家の一人。「ハーバー

先日、日本経済新聞社は、2010年3月23日に「日本経済新聞 電子版」を創刊することを発表しました。大手新聞が記事すべてをデジタル化すること、また有料での提供であることなど、ネット上でも発表と同時に大きな反響がありました。しかしやはり本当に気になるのは、「その対価を払いたくなる価値が、日経の電子版にはあるか！？　どんな新しいことが待っているのか！？」ということ。なので、実際に日経電子版を使ってみた感想などを皆様にお伝えすべく、はてな代表取締役の近藤淳也が日本経済新聞社に話を聞きに行ってきました。 ▽ 日経電子版 広報部｜日本経済新聞のWeb刊です。 ■日経、愛読しています そもそも近藤は、紙の方の新聞を読んでいるのかを事前にちょっと聞いてみました。「日経は10年以上は購読しています。最初は『会社やるなら日経くらいは読んでおかないと』というミーハーな気持ちで購読しはじめましたけど（笑）、今は

内容：「VirusTotal」は、トレンドマイクロやシマンテック、マカフィー、カスペルスキーなど数十種類のアンチウィルスソフトを用い、不審なファイルを多角的にスキャンできるオンラインサービスだ。メールに添付されていた不審なファイルや、ネットからダウンロードした出所がわからないファイルを徹底的にスキャンするのに向いている。 「VirusTotal」は、複数のアンチウィルスソフトのエンジンを用いたオンラインスキャンサービスだ。トレンドマイクロやシマンテック、マカフィー、カスペルスキーなど数十種類のアンチウィルスソフトを併用し、不審なファイルを多角的にスキャンして安全性を検証できる。 俗に「オンラインウィルススキャン」と呼ばれるサービスには主に2種類ある。1つはPC内のローカルファイルをまるごとスキャンしてくれるサービス。もう1つは特定のファイルのみをスキャンしてくれるサービスだ。「VirusT

自分が見てみたいウェブサイトのURLを入れるだけで、1996年からアーカイブされている約850億ものウェブサイトを見ることが出来ます。12年前の1996年のホームページはとてもさびしい感じがしますが、現在見ているサイトも10年後にはさびしく感じてしまうのでしょうか。 詳細は、以下から。 使い方はとても簡単。ページ上部の検索窓に目的のURLを入れるだけ。 Wayback Machine URLを入れるとこんな感じの検索結果。ちなみに「http:/www.mcdonalds.com/」と入れると、1243件も。 運営元は「インターネット・アーカイブ」という団体で、その目的は「人類の知識と遺産を保存してそのコレクションを公開する」とのこと。 ということで、いくつか有名どころを検索してみました。 1996年のマクドナルドのホームページ。とてもシンプル。 McDonald's Splash 現在のマ

海外では昨年あたりからオンラインで物々交換する場を提供するネットサービスがいろいろと本格的に認知されるようになってきましたが、気づけば日本でもいろいろと物々交換してくれるサービスが増えてきました。 というわけで、お金はないけどブツはあるという人のためのオンライン物々交換サイトをまとめてみました。 diglog | 音楽CD交換コミュニティ http://dig-log.jp/ 自分が所有するCDと欲しいCDを登録するだけで交換相手が自動的にみつかり、ユーザー間で簡単に音楽CDを物々交換できるうのがこの音楽CD交換コミュニティサイト「diglog」。ユーザー登録は無料で、CDを1枚あげると、diglogより「CDをもらえる権利」が付与され、その権利を行使することで、別のユーザから欲しかったCDが1枚もらえるわけですが、もらうには300円分の「diglogポイント」が必要。ヤフオクのシステム利

デスクトップの壁紙は表示しない方が起動なども若干早くなり、パフォーマンスもアップするのですが、殺風景なデスクトップはイヤだという方のために、デスクトップ用の壁紙配布サイトをまとめてみました。 リストは以下の通り。 All Best Wallpapers、High Resolution Wallpapers for your Desktop 全部で16個のジャンルがあり、それぞれについて1024×768のサイズの壁紙がいくつか置いてあります。 Backgrounds Archive: quality desktop wallpapers and myspace backgrounds 通常の1枚絵タイプの壁紙が21ジャンル、タイルのように並べて使用するタイプの壁紙が18ジャンルあります。ジャンル名や明るさ、色、レートによって並べ替えが可能で、検索して探すこともできます。とにかくめちゃくちゃ数

Wikipediaと言えばオンライン上の大辞典が売り文句で、誰でも好きに項目を編集できるというのが特徴でしたが、実際には編集合戦に陥ってしまい、まともに機能しなくなって凍結されてしまったりと、いろいろと問題が起きているのも事実なワケでして。 そんなわけで、Wikipediaから削除されてしまったものを集めたのがこのWikitruthというわけ。 Wikitruth http://www.wikitruth.info/ サイト設立の経緯などは以下に書かれています。 Wikitruth:Introduction - Wikitruth http://www.wikitruth.info/index.php?title=Wikitruth:About これによると、Wikipediaはもはや誰もが自由に編集できる解放的な百科事典ではない、としています。自分自身の都合の良いようにねじ曲げられている