新規にWebサイトを立ち上げるときの心構えと準備 ＜サイト立ち上げ期 その1＞ | Web担当者たるもの、かくあるべし 「Web担道」秘伝の書
サイトの立ち上げ期のWeb担道とは？ その1サイト立ち上げ期の状況は、ほとんどの場合、「後発」「すでに競合が存在する」「予算も少ない」といったものだろう。 しかし、あなたの心構えと準備、基本の“型”を押さえておければ、必ず厳しい条件下でも成果は出せる。読者のなかには、たまたま担当者になっただけ、会社のなかで重要な仕事ではない、と考える方もいるかもしれない。しかしそれは大きな間違いだ。経営者から見れば、金額の大小にかかわらず“投資”となる。リターンが必ず期待されている。あなたの担当するWebサイトが、単なるコストセンターの烙印を押されてしまうか、営業最前線のプロフィット部門になるか、それはあなたの手腕にかかっている。 ベーシックスキルを上げるために（1）まずは、ユーザーを知る最初に質問しよう。「あなたの担当するWebサイトで扱う商品・サービスのユーザーは誰ですか？」 社内のデータに書かれてい
IEの異なるバージョンをテストする環境のまとめとそれぞれの特徴
IE6, IE7, IE8などIEの異なるバージョンをテストするアプリケーション・環境のまとめとそれぞれの特徴を紹介します。 Internet Explorer 7のキャプチャ [ad#ad-2] 「Sandboxed IE Browsers from Spoon」から各アプリケーション・環境のまとめと特徴をピックアップし、いくつか追加しました。 IETester Virtual PC IE Super Preview IE Collection マルチPC環境 IETester IETester 対応するIEのバージョン IE5.5 IE6 IE7 IE8 IE9preview 主な特徴 異なるIEのバージョンをタブで同時に表示することが可能なアプリケーションです。 プリントプレビューのテスト、ポップアップによるインタラクション以外のテストは万事良好に動作します。FlashとCSSのフィ
SEOとデザインは今後より密接になる理由
SEOの終わる部分とそうでない部分 情報が無限大に広がる Web の世界。そこから自分にとって必要な情報を見つけ出すのは至難の業です。 そこで、検索エンジンが活躍するわけですが、ただ Web サイトを作っただけで的確なかたちで検索結果に表示されるとは限りません。コンテンツ配信側が検索エンジンに対して自分たちのサイトがどういったサイトなのかを的確に知らせることを「SEO (Search Engine Optimization)」と呼びます。検索する利用者に対して効果的に露出したいという意味で「SEO対策する」という言葉が使われることがあります。この場合、SEO は瞬時にアクセス数を上げるための起爆剤として活用していると考えることができます。 SEO はこうした起爆剤的な要素だけを指しているわけではありませんが、「アクセスが上がる」というキャッチーなフレーズが付随されていることもあり、SEO
著作権表示に「All rights reserved」は不要らしい - fuzzy Weblog@hatena (更新終了)
PCゲームメーカーの公式サイトを見ると、著作権表示の形式がいろいろありますが、「All rights reserved」がなぜ入っているのかをWikipediaで調べてみました。 しばしば著作権表示に書かれる「All right reserved」は、著作権の保護を受けるための「著作権表示」ではあるが、万国著作権条約とは無関係である。1910年にアメリカ合衆国など方式主義諸国が調印したブエノスアイレス条約第3条で、 (略) “ 要約: 他の加盟国で著作権保護を受けるには「権利を予約する」という趣旨の表示が必要 ” と定められていることによる。この表示により、ブエノスアイレス条約加盟国間で著作権が保護される。 http://ja.wikipedia.org/wiki/%E8%91%97%E4%BD%9C%E6%A8%A9%E8%A1%A8%E7%A4%BA 「All rights reser
今年話題になった記事ＴＯＰ１０:phpspot開発日誌
今年を振り返る意味で、今年話題になった記事ＴＯＰ１０をはてなブックマーク順で以下にまとめてみました。 今年も沢山のエントリを掲載しましたが、実に様々な技術やライブラリ、オープンソース、デザインやアイコン等をブログ執筆を通してチェックしてこれました。 1. 2chのdat落ちしたスレを右クリックで即座に蘇生させられるFirefoxアドオン「fire2chDat」 2. サーバ監視に超使える?topコマンドのまとめ 3. PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」 4. Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 5. カッコいい管理画面のHTMLテンプレート総まとめ 6. ほんとにフリー？というクオリティのXHTML/CSSテンプレート２０ 7. フリーの写真
2010年のWeb制作に役立つ海外まとめ記事のまとめ
まとめのまとめです。来年の復習用 にエントリー。今年もWeb制作関連 の記事が沢山ありましたが、そんな 中でもうまくまとめてくれている記事 をまとめてハブ的な記事にしたいと 思います。 というわけで、Web制作に役に立つ記事のまとめのまとめ海外限定。国内のはいろいろな所で見かけてるので割愛しました。はてブTOP100とか見れば大丈夫じゃないかなと思います。自分でもまとめたんぼで良かったら→2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ タイトルは意訳したり適当に付けたりです。 HTML / CSS関連HTML5とかCSS3が多いです 42のcss3チュートリアルやテクニック・デモ付き ↑ css3のテクニックやチュートリアル、デモなど42個 42 Powerful CSS3 Techniques,Tutorials and Experiments With Demo
2010年にWeb担当者が読んでおくべき良記事40本 | 初代編集長ブログ―安田英久
2010年の要チェック人気記事を発表！ あなたはあの良記事を見逃していませんか？ 解説記事、ニュース記事、ユーザー投稿などの種類ごとに、人気記事を紹介します。 解説記事トップ20 | ニュース記事トップ10 | ユーザー投稿記事トップ10 解説記事の2010年人気記事トップ20殿堂入り：Webマーケッター瞳 ―― マンガ記事として、各回人気を集めました。第1話からどうぞ 滅べばいいのにと思うSEOの10の迷信（都市伝説）（SEOmoz） SEO業界にはびこる間違った情報、それも正しいSEOの妨げとなる情報について見ていこう。 あなたの著作物をパクったサイトをGoogle八分に追いやる正しい手順（編集部ブログ） そもそも盗用されたコンテンツは、検索エンジンで探せない状態にしてしまえばいい 客はバカでちょうどいい。販促サービスにおける鉄則（企業ホームページ運営の心得） 販促サービスを成功させる
どのプログラム言語を覚えればいいのか分からないっていう初心者さんのためのガイド（Web）
作りたい Webサイトのアイデアはあるけど、どんなプログラムを勉強したらいいか分からない人 ... という人のための、ざっくりとしたガイドです。 HTML と CSS はわかるけど ... という初心者さんが対象の記事になってます。 インターネット上には本当に色んな Webサイトがあって、こんなサイトを自分でも作ってみたいなーと思う事がたくさんあります。でも、いざ自分で作ってみようと挑戦しようと思っても、これって何でできてるんだろうと考えます。そういえば、まだ Webサイトを作り始めるずっと前にもそんな風に思っていた初心者時代がありました。 やりたい事はあるけれど、まず、どんなプログラムを勉強すればいいのか、そこからが分からなかったんですよねー。プログラムとひと言でいっても、C言語系、PHP、Java、Perl、Javascript … 本当にたくさんあって、初心者さんには意味不明だと思い
[CSS]ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版
ブラウザごとに異なるデフォルトのスタイルを初期化するスタイルシートの歴史を振り返りつつ、2010年の最新のCSS Resetまでのまとめを紹介します。 A Comprehensive Guide to CSS Resets [ad#ad-2] ユニバーサルセレクタから始まったCSS Resetの進化の過程をたどり、最近リリースされたCSS Resetを紹介します。 下記は、各ポイントを意訳したものです。 (X)HTML "Hard" Reset undohtml.css -2010 version Poor Man's Reset Siolon Reset Inman Reset Tripoli Reset Dan Schulz's Reset Thierry Koblentz's base.css Simple Reset CSS Mini Reset Soft Reset Less i
目的が明確でこそリニューアルは成功する : LINE Corporation ディレクターブログ
コミュニティサイト「YYC (ワイワイシー)」を担当しているケイです。 YYCは先月 (10/6) にPCとモバイル両方でリニューアルを行いました。デザインだけでなく、システムも全て新たに開発してのフルリニューアルとなりました。今回はリニューアルの目的と、それを進める上で必要なことを簡単に書いてみます。 リニューアルの目的 PCシェアの拡大が更なるサービス成長への起爆剤YYCはもともとモバイルサイトとして誕生し、その後PCでも利用できるようになりました。また「お相手からメールが来たらすぐにでも返事したい」というサービス自体の特性から、モバイルでの利用が圧倒的で、約9割を占めています。 その為、開発期間をできるだけ短くしたいこともあり、主な開発はモバイルのみということが多く、PCサイトはモバイルの補助的役割という立場で、モバイル版がフレーム内で表示されておりました。 この”PCでのモバイル画
なぜ御社がFAQに取り組むべきなのか？ ― そのFAQ、ヤバイですよ！第1回
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
コーディングのスピードを上げる為の6つの方法
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
ストーリーで再認識するコンテンツの大切さ
CSS Nite LP11のミニワークショップ「人の特徴から見えてくる次のデザイン提案」の受講者のアイデアを共有します。過去２回の紹介は以下をご覧ください。 物理的な近さと心理的な近さから考えるプロセス ペルソナからはじめるストーリーの構築 今まで発表したサイトは CSS Niteの提案でしたが、課題にでていたサイトは CSS Nite だけでなく KDDI Web Communications 様の CPI もありました。今回紹介する @iichikoh さんには CPI のサイトの提案を挙げていただきました。 ストーリーについてkazumissimiさんの発表のときに解説したので詳しくはそちらを参照してください。 機械的なスペックや機能よりストーリーとして語ったほうが伝わりやすい場合があります。物語（ひとつの話）になっていたほうが情報を理解しやすいという調査結果もあります。人の記憶に残
購買意欲をコントロールするサービス・商品の価格一覧表を作成する7つのテクニック
ウェブサービスの価格一覧表をサンプルにし、ユーザーの購買意欲をコントロールする価格一覧表を作成するテクニックを紹介します。 価格の一覧表を見るユーザーの一番の目的は、価格を知ることです。しかしながら、価格を強調しすぎて、お金を使うということを意識させすぎないでください。苦労して手に入れたお金を使っているように感じると、ユーザーはより使わないように思ってしまいます。 価格のデザインはソフトにし、それ自体の特徴やベネフィットにフォーカスをあてるようにします。 ユーザーがどの商品を選択するか決めている時に、あなたはその決め手として価格にフォーカスを合わせることを望んでいますか？ それとも特徴やベネフィットにフォーカスを合わせてほしいですか？ もし、ユーザーが価格にフォーカスを合わせるのであれば、それは最も安いものに決めるでしょう。しかし、特徴やベネフィットにフォーカスを合わせるのであれば、ユーザ
ウェブデザイナーのための実用的なデザインとコーディングテクニック集
Five Useful Design Techniques and Coding Solutions For Web Designers [ad#ad-2] 下記は各ポイントを意訳したものです。 PHPはWordPressでのものとなっています。 1. 複数の項目がある棒グラフのエフェクト 2. ホバー時に追加情報を表示 3. カテゴリごとに異なるカラーを適用 4. ちょっと面白い画像のキャプション 5. ウェブのための印刷風デザイン おわりに -developersではなく、designers 1. 複数の項目がある棒グラフのエフェクト 下記のサイトで使用している棒グラフでは、上：タグの種類と数、下：コメントのついた記事と数、をそれぞれ素晴らしいエフェクトで実装しています。 こういった数値化されたデータは、ユーザーに対して有用なコンテンツの手がかりを提供し、ユーザビリティを改善することに
本当にクライアントのことを考えた調整術 ムチャぶりには、こう切り返せ![CSS Nite LP11]
本当にクライアントのことを考えた調整術 ムチャぶりには、こう切り返せ![CSS Nite LP11] CSS Nite LP11の最後のセッション「本当にクライアントのことを考えた調整術 ムチャぶりには、こう切り返せ!」のメモ的まとめ。原さんをモデレーターにお題に対して中川さん、守谷さん、東さんが回答するというもの。twitterも合わせてチェック！ 本セッションの効果的な受講方法。見聞を広める、自分にあてはめる。明日から活かす。 第一部：ゲストのムチャぶり体験談 オリエン慣れしていない競合プレでのムチャぶり 7社によるオリエンテーション。 つくりたいものは明確、要件が何も決まっていない。 質問してもクライアントが回答できない。 プレゼン費ももらえない。 降りようと思ったが２社が既に降りていたので、先に「降りないでくださいね」と先方に言われてシブシブ参加。 先方のパワーバランスを考える。
![本当にクライアントのことを考えた調整術 ムチャぶりには、こう切り返せ![CSS Nite LP11]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
中小企業や個人経営規模相手のWebディレクションで気をつけている１５のこと。 | 笑顔を創りたいＷｅｂ屋の日常
笑顔を創りたいＷｅｂ屋の日常 Ｗｅｂ業界からひょんなことで専門学校の先生に。そしてまたＷｅｂ現場に戻ったＷｅｄディレクターのブログ。情報デザインやＷｅｂの勉強をしています。 あくまで”僕が”です。そこ大変重要ですｗ 僕もまだまだ勉強中で、これが全て正しいと思えるほど見極めていません。 他にもあるだろうし、もっと大事なものもあるかもしれません。 それは各々考えてもらって（もしよろしければ教えていただいてｗ）、とりあえず同タイプの仕事している人の叩き台にでもになればなと思って挙げてみた次第です。 というのもですね、僕はWeb屋としてみるとなんか物凄く変な経歴・経験をしている人なのですねｗ まあ、Web業界って割と他業界から来る人たくさんいますけどね。僕は印刷会社→大手Weｂ制作会社→専門学校教員（正規職員）→弱小ITベンチャーなので、なかなかこういう奴はいないと思いますｗ 教員とか普通はできま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
Google に URL を追加
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
