これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
web高速化のためのコーダー向け圧縮ツール・サービスまとめ | バシャログ。
ゴールデンウィークは、ディズニーランドに連れていくと娘に約束してしまった ishida です。いったいどのくらい混雑するんだろう、どうせオイラはパレードの席取りでひたすら待つのさ。 さてさてweb高速化においてサーバー側ではなくフロントエンド側で対応できることもかなりあります。 CSSのセレクタ構文の最適化やCSSスプライトによる画像リクエスト数の削減であったり。 今回は、ファイル容量を削減に焦点を当てて圧縮ツール・サービスをまとめてみます。 Javascriptの圧縮 /packer/ http://dean.edwards.name/packer/ とってもシンプルな圧縮サービス。オプションで難読化することもできます。 JavascriptとCSSの圧縮 Compress javascript and css http://compressor.ebiene.de/ こちらもシンプルな
Adobe Edge: 2008年12月 Flash Catalyst：PhotoshopデザインがそのままFlexアプリのViewへと変わる！
Flash Catalyst：PhotoshopデザインがそのままFlexアプリのViewへと変わる！ Adobe MAX 2007でコンセプトデモされた「Thermo」（コードネーム）が、2008年11月米国サンフランシスコで開催されたAdobe MAX 2008で、ついにMAX 2008 Preview版（ベータ未満のバージョン）として初披露されました。正式名称は「Flash Catalyst」。次世代のFlex開発ワークフローを大きく変えると期待されているこのツールをAdobe MAX Japan 2009に先駆けて、少しだけご紹介しましょう。 一般的なFlex開発ワークフロー Flexアプリケーションを開発する際の一般的なワークフローを見てみましょう。まず、デザイナがPhotoshopやIllstratorなどの描画ツールで画面をデザインします。次に、FlexのMXMLの知識が
商用・個人サイトで利用可能なロイヤリティフリーの写真素材サイト集 | コリス
Freeziqのエントリーから、商用・個人サイトで利用可能なロイヤリティフリーの20の写真素材サイトを紹介します。 20 Best Places to get Free Stock Photography ライセンスは再販以外はフリーのものが多いですが、利用する際には個別に確認してください。
サイト制作に役立ちそうなWeb 2.0的ツールが400以上まとまっている『Web2Rain』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
ただのリンク集といえばそうなのだが、うまいことカテゴリー分けされていて使いやすそうなのでご紹介。 Web2Rainはサイト制作に役立ちそうな2.0っぽいツールを集めたサイトである。全部で400を超えるツールがまとめられているようだ。 サイトはゼロから作ってもいいが、便利なツールが日々登場しているのでこうしたツールをうまく使ってスピーディに仕上げたいところだ。 紹介されているツールはきちんと機能別にタグ付けもされているので、ピンポイントな要望にも応えてくれるだろう。またタグクラウドやキーワード検索にももちろん対応している。 日々登場するネットツールの全容をつかむことは難しい。こうした探しやすいサイトは知っておいても悪くないですな。
webサイト製作中に俺が陥りがちなこと11 - the cycles of activity
一週間でできるなーとか見積もっちゃうできない！できるのは骨組みだけだ！修正とかエラーチェックとかしてると時間だけは無駄に食う！おまえに一週間でできる仕事はない！トップページのデザインをして終わりだと思うリーフなんてトップの焼き増しだし、リーフなんて適当にあとでやりゃいいやと思いがち。んなこたない、リーフのデザインはどれだけそのサイトに時間がかかっているかを見極めるポイントである。CSSだけで構築された「このサイトについて」なんてコンテンツは寂しすぎる。グラフとか絵が必要、であればしっかりと書き下ろすべきなのだ！スタイルシートの名前を適当につけるDIV.column DIV.leftとかやっておきながら、後でDID.column DIV.inner DIV.leftとか作っちゃう、すると前に書いた奴を引きずっちゃう、ウザイ。ちゃんと考えろ構造を、ちゃんと後先考えろ！なんでそんな名前つけてんだ
Web制作者は自分の背中をもっと見せて欲しい。
404 Blog Not Found:極意より作品を - 書評 - 受託開発の極意 受託開発というのがそれに相応しい存在感を示せないでいるかの根源的な理由でもあるのだ。「どう」作るかは公開しても、「なにを」作ったかは公開しない。日本の受託開発にまつわる最大の謎がこれなのである。 これは、ソフトウェア受託開発の常識かも知れないが、開発においてはむしろ非常識である。建築であれば、誰が発注し、誰が設計し、誰が施行したかというのはよほどの場合を除けば明らかで、少なくとも元請けが誰かはそうである。 これは僕は同意 以前書いた「F's Garage：受託のWeb屋はもっとアウトプットを増やした方が良い。」に関して、以前、ある制作会社の人に直接会ったときに異論を唱えられたことがあって、要するに ・受託でオープンにできないのは当たり前 ・「例えば僕に」、アピールするメリットがない。 飲みの場だったりもした
IRC 開設のお知らせだよ！ - double-team.org
hamashun さんが「マークアップエンジニアって IRC 使ってなくね？」（意訳）と言ってたので、勢い余ってチャンネル開設してしまった。今は反省してない。 と言うわけで irc://irc.freenode.net:6667#markupper にてみんなが待ってます！ 来るといいよ！ 結構テキトーだし、むしろオレ管理なんてやってないし、bot 常駐してないし、みんなの業務時間外（夜中）とか入ると誰もいない可能性アリだけど、その辺はこれから考える（だけで終わりそうｗ） IRC 以外にも hiloki さんが Skype のオープンチャットを開設したので、こっちもどぞ！ （自分はまだ Skype を入れてないのでこれからダウンロードしに。。。） 追記 2008年4月4日 10:50 irc://irc.freenode.net は IRC クライアントの文字コードを UTF-8 に設
HTMLとかCSSで仕事してる人達のIRCチャンネルってあるのかな | Blog hamashun.com
IRCのチャンネルってみんなどうやって探してるんだろう。 クチコミ？ あったら是非入りたいです。 コメントとかブクマコメントとかTwitterとかで教えて貰えると嬉しいです。 なかったら勝手に作ろうと思います。 この前のCSS Niteの打ち上げで「知りませんかー」って聞いてみたんですけど、そもそもIRC自体、利用している人が少ないようでした。 やっぱりWeb制作側よりシステム開発側の文化なのかな。 IRCは便利だし色々と楽しいので、使った事ない人は使ってみるといいと思います！ 「IRCってなんぞ？」という人は枯れた技術で社内を潤す IRCを使おう！ - livedoor ディレクター Blogを読むといいと思います。
ITクオリティ - web2.0サイトのレイアウト
web2.0なサイトのレイアウトをphotoshopで作る方法が掲載されていました。 問題はここからどうやってCSSを作るかなんですけど、しっていて損はなさそうですね。 ClarkLab » Photoshop Tutorial: Web 2.0 Layout 2008/04/01(火) 14:30:41| ウェブ開発 | トラックバック:0 | コメント:0
40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート | Web担当者Forum
40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編 2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ？」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、
無料アクセス解析ツール「Woopra」のダウンロード版がすごすぎる｜WEBマーケティングブログ
アクセス解析ツールを開くと、重要な情報が一目で確認できる。忙しいWEB担当者にとってこれはとても重要なことですよね。今回ご紹介する無料アクセス解析ツール「Woopra」は、そのニーズに応えてくれて、さらにどんなオンライン解析ツールよりもあらゆる情報をサクサク情報を表示できるものになっています。これは必見です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 総合的に使いやすい無料アクセス解析ツール「Woopra」 まず最初に私が感じたWoopraの良さは下記2点。 デスクトップ上で動くから軽い 解析データをダウンロードしなくて良い この2つを実現できる無料アクセス解析ツールは世界中探してもなかなか見つからないのでは？さらにSMOが重要視される今日、リアルタイムに状況が把握できるというのは強みになり
第8回 User Landing through FUser Landing through F.A.Q. Contents「FAQコンテンツを使ったLPO」
WEB DESIGN WORKSHOP「正しいウェブデザイン」 第8回User Landing through F.A.Q. Contents「FAQコンテンツを使ったLPO」 ウェブサイトは”コンテンツ”と”検索キーワード”をマッチングさせることで、サイトコンテンツを「情報」として、ターゲットとなるユーザーニーズに「価値あるソリューション」を提供することが出来る。一方的に情報を配信するだけのマスメディア広告とは違い、購買に有効なユーザーが持つ個別のニーズに対し、直接アプローチをすることが出来るのだ。 しかしユーザーは様々なキーワードで検索を行い、通常のウェブサイトのコンテンツ構成ではそれらをカバーすることはできない。製品やサービスをソリューションとして、それらを求めるユーザーに届けるためにはFAQを活用することで、全キーワードをカバーするランディングページを作成することが効果的だ
今日から始めるビジネスブログ執筆の10のルール | 住 太陽のブログ
ブログ１記事でも問い合わせは増やせる SEOをしっかりやるのは難しいかもしれません。しかし、検索結果で上位表示できなくても、検索からのアクセスで問い合わせを増やすことはできます。たとえ検索結果の30番目や50番目に表示されていたとしても、検索結果のどこかに表示されていれば、探し当ててくれるお客さまは存在します。そういうお客さまとの接点を作るために、たった1記事だけ、ブログを書いてみましょう。 この記事でお伝えするのは「検索結果の上位に表示されなくてもお客さまが探し当ててくれて、問い合わせをくれるブログ記事の書き方」です。まず、たった1記事だけ、僕の言うとおりに書いてみてください。難しいことは言いません。簡単に答えられる質問をいくつかしますので、それらの質問に対する答えをブログに投稿するだけです。 コンテンツ作成初心者のための質問 まず、あなたの製品やサービスにこれまでで最も満足してくれたお
ウェブサイト制作の相場に意味ってあんのかね? | Junnama Online
○○円ならどこまでできる!? ウェブサイト制作の相場早見表 まずは普通の感想。まぁこんなもんでしょう。極端に外れている感覚ではない。但し色々突っ込みどころというか考えねばならぬことも。 人月なのかっ!? 表は標準的な単価の会社（1人月80〜100万円程度）の場合のものとなっている。単価の高い制作会社（1人月150万円以上）ならば、同じ予算でもできることが1つ左にシフトすると考えるといいだろう。逆に、単価の安い制作会社（1人月50〜70万円）ならば、同じ予算でもできることが1つ右にシフトする。 80万〜100万円ってのは一つの指標で、このくらいの数字を出さないと会社としては存続しにくい。世間がどうとか相場がどうとかいう以前に、銀行さんが優しい顔してくれんのですよ(多分)。Web屋も会社だからね。普通に経営していくために金融機関とのおつきあいとかもあるわけで。 問題はここ↓。 単価の高い制作会
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作に便利そうなチートシート16選 | IDEA*IDEA
web制作者のための2008年1月BESTまとめ43＋暇つぶしゲーム2*ホームページを作る人のネタ帳
優雅なWeb制作のためのテクニック
デザインの見積もりをお願いするときに気をつけること
http://shi3z.blog.so-net.ne.jp/2008-02-28-1