タグ

web制作に関するtoyaのブックマーク (186)

  • Webディレクションやってます blog 3年後のWebディレクターを目指し考える時期が来ました。

    Webの業界で、「Webディレクター」という仕事について、12年ぐらいになります。 そんな職域ですが、最近ひしひしと感じてきていることがあります。 「Webディレクター」という仕事ですることと、しなくてはならない事が、この2〜3年ぐらいの間でドラスティックに変わってくるのではないか?ってことです。 Webディレクターという仕事が何をする事を意味するのかは、各会社ごとに異なっているかと思います。 進行管理をする人。 クリエイティブを見ている人。 企画を立てている人。 コスト管理をしている人。 クライアントワークをしている人。 こういった人が「Webディレクター」と呼ばれる役職の担う業務(の一部)であることは間違ってはいないと思います。 しかし、Webの制作現場での分業がこの3年程度をみているだけでも、大きく進んできている中で、これまでのWebディレクターのあり方では、なかなか自分の賃金には返

  • あらためて感じる、開発の進め方の難しさ:Kenn's Clairvoyance

    最近めっきり開発者モードへと還って失われた日々を取り戻しつつ目下急成長中(注:当人比)の江島でございます皆様いかがお過ごしでしょうか。 色々模索しながらやってきた新サービス開発プロジェクトですが、同僚のダニーがバックエンドのコードを書き、ぼくがUIの部分を担当するという大まかな分業に落ち着いてきています。 すでにpretrieve.comというパブリックレコード検索エンジンを開発してリリースした経験のあるダニーはともかく、ぼくは格的なウェブのサービス開発というのは初めてなので、あちこちで頭をぶつけながら修行中です。 この手のウェブのプロジェクトは、一見簡単そうに見えて実際やってみるとスピーディにやるのは結構難しくて、とくに進め方についてはずっと暗中模索でちょっとずつ前進という感じでやってきています。 3月末にシカゴで行われた37signalsのセミナーで彼らの哲学に改めて深く感銘を受けた

    あらためて感じる、開発の進め方の難しさ:Kenn's Clairvoyance
  • Photoshopでモックアップを作るためのTips10選 – creamu

    Photoshopでサイトのモックアップが作りたい。 そんなときにおすすめなのが、『10 Tips For Creating Website Mockups In Photoshop』。Photoshopでモックアップを作るためのTips10選だ。 以下にいくつかご紹介。 フォントはアンチエイリアスをオフにする Windowsはアンチエイリアスがかからないので、オフで作成。 フォントには鮮明のアンチエイリアスをかける このアンチエイリアスが一番ブラウザのレンダリングに近い。11pxか12px以下の場合、ほとんどのブラウザではスムースフォントに対応していないため、アンチエイリアスはオフにした方がいいだろう。 (*追記(08.09.13)コメントをいただいて気付いたんですが、完全に記事を読み間違えていましたm(_ _)m修正、及び追記します ) テキストはWebセーフフォントを使う MSゴシッ

  • Firebug - Web Development Evolved

    Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of

    toya
    toya 2008/09/10
    研究する。
  • 「1日10分でできる」競合調査 : LINE Corporation ディレクターブログ

    こんにちわ。livedoor Blog モバイル版担当の早岡です。 新規サービス立ち上げや、リニューアルなどを行う場合、類似サービスなどの競合調査を行うと思います。 こういった作業は、ある日思い立って「今日は競合調査をやるぞ!」と取り掛かっても、なかなか大変なものです。 とりわけブログサービスは数多くありますし、それらを一度に調べようと思っても気力(体力も...)が追い付きません。 しかし、毎日わずか10分でも調査を行う習性をつけることによって、ある程度は負荷も軽減されるのかな、と思います。 今回は「普段から行える競合調査」として、私がどんなことを行っているかを紹介したいと思います。 (ブログ担当としての方法しか書いていませんが、どのサービスでもきっと同じなはずです) 【01】メルマガ、開発日誌は情報の宝庫 たいていのブログサービスでは、定期的にメールマガジンを発行していたり、開発日誌(も

    「1日10分でできる」競合調査 : LINE Corporation ディレクターブログ
  • ちょっとちょっとカラメルのリニューアルで聞いてくださいよ。

    仕事で関わっているカラメルをリニューアルしました。 今回の主たる変更はデザインのフルリニューアルです。デザインに関しては、半年以上前からカラメルはどんな人に好きになってもらいたいか?!というところから考え直しました。 それ以外にも細かい変更を入れてるんですが、相応に地味なので、今回のリニューアルでプレスリリースなどは出していません。でも、僕的には結構こだわりの変更を取り入れてたりするので、せめて自分のblogでだけでも、紹介させてください。 そもそも何故、変更点が地味になってしまうのか? ある時ふと思ったことですが、ECサイトで大事なことって、「面白い機能」とか「キャッチーな機能」じゃないと考えました。 一番大事なのはエンドユーザーに対して、どれだけ「おもてなし」ができるかだと思うんです。 理想としては、お客様が求める商品を1クリックで出してあげて、PV1ページだけで商品を買っていただくの

  • SEOチェックツールをざっくり集めてみました | *|Meta|Mix|+

    SEOチェックツールをざっくり集めてみました 友引 by maskin ブログのブームも一段落し、「マガジン系」と「日記系」「論壇系」に明文化されてきた模様。それぞれアクセスアップの手法やアクセス数の意味は異なるが、いずれにせよサイトへの入り口は検索エンジンが大半を占めることには変わりはないだろう。 自分のブログ(サイト)を検索エンジンと相性のいいサイトにするためにはどうすればいい? そんなアドバイスをしてくれるツールをコレクトしたのでチェックしてみてほしい。 ・オンライン無料SEO分析ツール サーチ・ラブ クローラビリティーチェックとは、調べたいURLから検索エンジンのクローラーがWEBサイト内のページをどの程度収集(インデックス)可能かクローラーの視点で調べるツールです。 ・SEO診断ツール『サーチファインダー』の実行結果-ジーエープロ 「サイト内ファイル一覧」、「ページ診

  • 最低限知っておくべきデバッグリスト : LINE Corporation ディレクターブログ

    こんにちは。ライブドアでディレクターをしている渡辺です。 今回はウェブサイト開発で必須のデバッグ項目について紹介したいと思います。 携帯コンテンツのデバッグに関しては『ケータイコンテンツのデバッグ事情』で述べられているのでご覧ください。 一口にデバッグと言っても、コンテンツによって確認すべきポイントは異なってきます。 そこで、ここではコンテンツの内容に左右されずによく行われている、デバッグの基礎的なものをまとめました。 そもそもデバッグの目的はコンテンツを来の仕様にすることです。 そのため、心がける点は一般ユーザーの視点よりは、「どこかにバグがあるんじゃないか?」と厳しい目でサービスをチェックしてくれるユーザーの視点に立って行うことです。 修正点を見つけたら、すぐマークアップエンジニアさんやプログラマーさんに伝えて対応してもらうことになります。 【01】異なるブラウザで確認する まずはブ

    最低限知っておくべきデバッグリスト : LINE Corporation ディレクターブログ
  • 第13回 Webページで読みやすいテキストとは:ITpro

    今回のポイント 1行あたりの文字数の目安 1段落の文字数の目安 段落に含む文字数 行間調整の考え方 字間調整を使ったロゴ風味見出し 日語というのはもともと縦書き文化です。文字も筆で縦書きしていくときに書きやすいように作られています。現在PC画面上で見るフォントは,活字印刷物のフォントとは違い,横書きで読みやすいようにもともとの字体から若干形を変えられています。それでも起源である縦書きの形を完全に壊すことができないので,やはり横書きでは読みづらいようになっています。 日人が苦痛を感じることなく読める横書き1行あたりの字数は20字+α程度だと言われています。意識して雑誌などを見るとたいていが!)25文字から28文字程度です。用紙,つまりのサイズがA4を超えるような大判になると,1ページを左右2段組に分けて25~28字程度に調整されています。 一方,縦書きの場合には識別許容量はグンと増加し

    第13回 Webページで読みやすいテキストとは:ITpro
  • リンクしやすいサイトを用意する | 評判管理の技術――ソーシャルメディア最適化の実践テクニック

    リンクしやすいサイトは、SEOにも好影響を与えるユーザーがインターネット上で、あるコンテンツを紹介するときは、元記事に対してリンクを張ったり、参照リンクを明示したりすることが、一般に行われています。前節で、ユーザーに受け入れられるコンテンツを提供することがSMOの要諦だと述べましたが、リンクのしやすさに配慮することは、基中の基といえます。 というのもリンクのしやすいWebサイトを構築することは、SEOの施策としても大きな意味があるからです。例えば、Googleでは、検索順位の決定アルゴリズムにおいて、外部リンクの「時間」の概念を評価していることが明らかになっています。リンクのしやすいWebサイトを構築することにより、ソーシャルメディアをはじめとする外部リンクが、自然発生的に増えていけば、長期的に見てSEOにも効果をもたらします。 リンクのしやすさを向上させる2つの施策リンクのしやすさを

    リンクしやすいサイトを用意する | 評判管理の技術――ソーシャルメディア最適化の実践テクニック
  • これだけは押さえておきたいSEO対策 - livedoor ディレクター Blog

    こんにちは、livedoor Blog担当の坪田です。 以前に「HTMLタグを使わないSEOの話」というエントリーがありましたが、今回は新規ウェブサイト立ち上げ時や、リニューアル時に押さえておきたいSEO対策をまとめてみました。 「SEO」は、多くのマーケティング担当者を魅了し、盲目にさせてきました。 私も何か有効な手段はないものかと、ティッカーに「SEO」の文字が表示される度にクリックしては、とりつかれた様にブックマークしていました。 経験のある方も多いと思いますが、SEO について調べると情報が膨大すぎて正しい答えが見つかりません。というよりもその時・サイトに応じてケースが異なるため、「どうすれば順位があがるのか?」という知りたいことの結論がでないのです。 私は、基的な施策を忠実に行い地道な効果測定の繰り返しを行うことが、上位表示の秘訣だと考えています。ただ、SEO 対策は長期的な運

  • 地味なディレクターの地味な仕事術 第一回「更新ファイルの把握」 : LINE Corporation ディレクターブログ

    こんにちは。菊地です。 自分で言うのもアレですが、私は地味です。生活も地味なら服装も地味なので、仕事っぷりも地味だったりします。 当然クール(イケてる的な意味で)なライフハックとか、シティボーイ(都会的な意味で)なガジェットとか、ナウ(now=今っぽい的な意味で)なネタは、あまりご用意できません。 そこで、今回は「地味」ならではの視点で、できる仕事術を考えていきたいと思います。 「俺って会社じゃ目立たねぇよなぁ…やる事はやるんだけどなぁ…」とか、「ミスはしないぞ!! しないだけだけど…」とか、「地味だけど堅実な仕事ぶりを評価されたい…」といった、そんな引っ込み思案さんに向けて、「ボクも地味でしょ? えへへ、よかったらマネしてね」的なメッセージを込めて書きます。 更新ファイルの把握術(対象:地味で繊細な人) 日々、膨大なファイルがアップデートされる制作の現場では、しばしばプロジェクトの変遷や

  • 申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【後編】 | カスタマーエクスペリエンスで道は開ける~フォレスター・リサーチのWebサイト方法論

    [コラム]カスタマーエクスペリエンスで 道は開ける ~フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 前回のコラムでは、サイトの目的にかかわらず必要になることが多い、企業サイトの申し込みフォームについて、フォレスターが調査した「なぜ途中で申し込みをあきらめてしまうのか」の概要と、申し込みフォームが使いづらい具体的な原因の1つ「フォームのラベルやボタンの位置やデザイン」とその解決方法を解説しました。 今回は、その続編として、申し込みフォームをより使いやすくするために注意するべき具体的なチェック点や

    申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【後編】 | カスタマーエクスペリエンスで道は開ける~フォレスター・リサーチのWebサイト方法論
  • Web Designing (ウェブデザイニング) 2008年 02月号 - PLUG

    久々に自分で購入(会社で定期購読しているので買う必要がないのです)。普段しないことをする、っていうのは悩んでいる証拠、なのかな。 Web Designing (ウェブデザイニング) 2008年 02月号 [雑誌] 出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/01/18メディア: 雑誌 クリック: 6回この商品を含むブログ (4件) を見る この雑誌、月刊になる前は隔月刊で、ずーっと買い続けていた時期もあるくらい大好きな雑誌。久々にじっくり読んだんですが、変わってない。まったく。それがいいのか悪いのかは別として、とても懐かしい気分になりました。 で、個人的にはバリバリのマーケから、最近WEB制作系のセクションに居場所を移したこともあってか、「WEBサイトを作るプロジェクトを組む上で、最適なフォーメーションとは何なんだろう」、と思うのです。思い悩んでいるのです。日々。 クラ

    Web Designing (ウェブデザイニング) 2008年 02月号 - PLUG
  • この業界、この職種に対して思っていることをありのままに。

    今まで、こういった事は書かなかったけど、自分の気持ちでも書いておこうと思ったので色々書きます。 無理やりな部分があったり、文書めちゃめちゃだったりするかと思いますが、ゆるーく見守って上げてください。 やけに長文駄文エントリーなんだけど、大きく分けて三つで成り立っているので、興味ある部分だけどうぞ。 イメージの悪さから、別の業界がいいんじゃ、、、って人向け? 才能とかセンスが無いよ、、、って人向け? マークアップエンジニアとかコーダーの未来が暗い、、、って人向け? イメージの悪さから、別の業界がいいんじゃ、、、って人向け? 今ってそんなに人気無い感じなんですかね。ウェブサイトを組む人って。 まぁモチベーション下がるような記事があったり、マークアップエンジニアのキャリアアップが明確に見えないとか、ウェブ業界自体が3Kだ7Kだって言われてるくらいだから、そう言った意味でも落ちてても不思議は無いん

    この業界、この職種に対して思っていることをありのままに。
  • 部門横断型プロジェクトの基本 : LINE Corporation ディレクターブログ

    こんにちは。 livedoor でディレクターをしている有賀です。 今回のお題は、「部門横断型プロジェクト」についてです。 ライブドアのメディア事業部の組織構造は、ピラミッド型組織というより、横のつながりを重視するネットワーク型の組織と言っていいと思いますが、その効果を最も高く感じられる一つが、今回お話しする「部門横断型プロジェクト」です。 異なるセクションにいる人材や意見を集約して行われる新サービス開発もそうですし、既存のサービス同士の連携や組み合わせで一つの活動を行う場面でも、風通しの良さや隔たりのない部分が、奏功するからです。 部門横断型プロジェクトといっても、サービスや商品の開発といった対外的に評価されたいものだけでなく、制作規定(レギュレーション)策定や工程の検証、オフィス設備やイベント実行といった社内的なものまで、広範囲に及びます。今回は、ディレクターBlogということで、部門

    部門横断型プロジェクトの基本 : LINE Corporation ディレクターブログ
  • そもそも、web屋って?

    ”ホームページ製作業者”でいいよね? ASPサービス提供事業者も含めようとするから複雑になってるんじゃないの? 自分はもともとIT業界にいて今はなぜか商店街に所属してるんだ。 IT業界っていっても人月Excelスーツの世界ね。 数千万の案件を数ヶ月であげるような地獄を繰り返してたんだ。 で、隣の芝生の青さがうらやましくなってweb屋ってたのしそうだなって思って辞めたの。 正直webなんてやってもお金になんかならなそうだなとおもったんで、 シノギがひつようだとおもって、お店ももったんだ。 で、お店があるので、商店街のおつきあいもあるわけですよ。 商店街のおっちゃんたちの話しを聞いていると世間のwebというかITに関する認識はこんなものだと痛感しますわ。 いやね、おっちゃんたちっていっても青年団の人たちなんだけどさ。 ”親父さん”たちはそもそもインターネット(以前にパソコン)になんか興味すらな

    そもそも、web屋って?
  • 1位はSEO要因、2位は……見逃した良記事はないか? Web担2007年人気記事ランキング全120記事&謝辞 | Web担被リンク数増加ランキング

    2006年7月にオープンしたWeb担ですが、おかげさまで多くのアクセスをいただき、無事2008年を迎えられそうです。 Web担では、2007年には丁度600の解説記事、879のニュース記事、228のユーザー投稿記事が掲載されました(2006年は解説記事137、ニュース記事345、ユーザー投稿記事26でした)。 SEO、キーワード広告、アクセス解析、CMS、ユーザビリティ、レンタルサーバー、クチコミ、広告……さまざまなテーマを扱うWeb担ですが、どのような記事が人気だったのでしょうか、アクセス状況を振り返ってみましょう。 もし、ランキング上位に入っている記事を見逃していたら今がチェックするチャンスですよ(各種ランキングデータは、2007年12月27日時点のものです)。

    1位はSEO要因、2位は……見逃した良記事はないか? Web担2007年人気記事ランキング全120記事&謝辞 | Web担被リンク数増加ランキング
  • Web屋さんって何をつくるお仕事なんですか? その職業の方は必要なスキルが多いんですか?: DESIGN IT! w/LOVE

    井の中の蛙じゃないでしょうか。 ホームページを作る人のネタ帳さんでは、職種に対して職能を分解しているが、全部できる人なんていないから。 ただWeb屋が他のIT職種の中でも広範囲なスキルを求められるのは事実だ。 Web屋が他より広範囲なスキルを求められるなんてウソでしょ。 それって単にWebに閉じた人たちの妄想なんじゃないでしょうかって僕は思います。 他の分野のこと想像して言ってる?確かに、Webをつくるのにどんだけの作業が必要かを想像しない人に、作業量と見合わない予算と期間を提示されて「これでやってよ」っていわれることは多いはずだし、仕事のプロセスや職能の分化がきちんと行われていない業界だから、ひとりに求められるスキルの量が多いって感じられることはあると思います。 だからって、Web屋の仕事に求められるスキルがほかより多いかどうかってのはあやしいんじゃないでしょうか? それって単に隣の芝生

  • F's Garage:何故、Webデザイナーが美大卒じゃなくてもやっていけるのか?

    最近出たこのエントリーが気になっている。 web製作は求められるスキルが多すぎ! キャリアパスとプライオリティなく並べたら、そりゃひくだろ。 ホームページを作る人のネタ帳さんでは、職種に対して職能を分解しているが、全部できる人なんていないから。 ただWeb屋が他のIT職種の中でも広範囲なスキルを求められるのは事実だ。 何故かというと、「Webサイト」は以下の内容で構成されるからだ。 ・ハイパーリンクをベースにしたアプリケーション的機能(サイトストラクチャとかアーキテクチャとか) ・その中で、訪問者に情報を伝えたり、商品を買いたくなるようなデザイン ・一見さんにも理解してもらえるテキストや画像で構成された情報 Webサイトは、「ツール」と「メディア」の両面が求められる。 他のITのもので「ツール」というと、例えば、ビジネスアプリケーションの場合は、社内での教育の機会やマニュアルで多少はフォロ