プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね？」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている
ECサイトの画面設計--男と女、買い物の行動パターンはどう違う？:マーケティング - CNET Japan
便利さ、手軽さから、オンラインショッピングは今や私たちの生活の中に深く浸透しています。そして「売れるオンラインショップ」を目指して、各Eコマース（EC）サイトが凌ぎを削っています。ECサイトの構築にあたって、まずはそのショップのターゲットを設定し、それぞれの攻略方法を考えることが大切です。攻略方法を考えるには、ターゲットユーザーのサイト内行動を知る必要があります。 ここで1つの疑問が浮かびます。はたして、男性と女性で、ECサイト内の行動に違いはあるものなのでしょうか。 「楽天市場でギフトを買ってください」 今回のアイトラッキング分析では、「ECサイトにおいて男女の行動に違いはあるのか」を検証すべく、以下のテストを行いました。対象サイトは、日本最大のECサイト、楽天市場としました。 対象サイト：楽天市場 被験者：オンラインショッピング経験のある20代〜30代男女、各3名 タスク：バレンタイン
画像とかの横にあるテキストを上下中央に
←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました！ display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;
初心者がさくらで「Movable Type」と「WordPress」をインストールしてみた雑感 - 空中の杜
『mixiの規約変更問題について過去の類似事例から考えてみる』でも書きましたが、Webサービスでいきなり規約が変わるのはそんな珍しいことではありません。今持っているFC2やはてなはそのへん別に問題が起きたこともないのですが、やはり万が一のためのバックアップは必要かと思い、ブログサービスではなくて、自分の持っているサーバ（レンタルサーバスペース）でブログツールを使ってブログを構築出来るようにしておくべきではないだろうか、ということで、ちょっとそのへんを調べてみました。 こういう文章は詳しい人には当たり前のことで、かといってわからない人には全然面白くないものだとは思いますが、書留めておくところがここくらいしかないのでご容赦ください。まあ中途半端な知識しか持っていない者がこれらに対してどう考えたかという経緯の参考にでもなれば。 前準備・ブログソフト入手 私は今まで技術的な遊び用も兼ねて「さくらの
1ピクセルのずれも許せないWebデザイナのためにResetting Again | エンタープライズ | マイコミジャーナル
CSSがWebページデザインの主要技術になってから、WebデザイナはCSSの振る舞いに頭を抱えなかったことはない。もっとも悩ましいのは、同じCSSでもWebブラウザごとに表示が異なるところにある。なるべく同じ表示を実現しようと、一見すると奇っ怪にみえる設定を加えたり、意味がないような行を加えたり、背景色と同じ色の画像を調整用に追加したり、涙ぐましい努力は後を断たない。 世界中のWebデザイナやフロントエンドデベロッパが同じ悩みを抱えているから、Webブラウザ間の互換性を実現するCSSライブラリがいくつも登場したり、ベストプラクティスをまとめたCSSリファレンスドキュメントが登場したり、CSS擬似クラスといったテクニックが紹介されたり、IEのCSS/HTML非準拠に対処するライブラリが登場するといったことが相次いで起こっているわけだ。 しかし、ほかのライブラリに依存せずにいちから自力でCSS
テキストエディタでWebサイト構築をガンバル人へ（1/3） ― ＠IT
テキストエディタでWebサイト構築をガンバル人へ：どこまでできる？ 無料ツールでWebサイト作成（6）（1/3 ページ） 「あえて」テキストエディタでWebサイト構築 今回はテキストエディタと組み合わせることで、開発をより便利にできるツールについて考えてみよう。 現在「あえて」テキストエディタでの開発を行われている方には、現在使っているエディタを選択するまでの“経緯”や“こだわり”があると思う。筆者もこれまでにさまざまなテキストエディタを試し、「この程度のもので十分だ」と感じるテキストエディタを現在使っている。 テキストエディタ＋α そこで今回は、テキストエディタ自体とそのプラグイン／拡張機能に関する紹介は行わないこととし、「どのようなテキストエディタを使っている場合でも、組み合わせて使うことでより簡単にWebサイト構築ができるツール」という観点で紹介したいと思う。もちろん、Webオーサリ
[を] Webサイトをケータイからのみアクセス可能にする方法
Webサイトをケータイからのみアクセス可能にする方法 2008-01-09-4 [Tips] ケータイ（およびモバイル検索用クローラ）からのみ アクセス可能にする方法のメモ。 ケータイ用サイトにPCサイト用のクローラが来ると、 重複判定されがちで（そういうサイトなのです） SEO 的にアレなので、 ケータイ世界とPC世界をきっちり分断したい、遮断したい、 というのがモチベーション。 私のモバイルサイトでやっている方法ですので、 完璧なものではないし、完璧に近いものでもありません。 とはいえ、実はこのくらいで十分な気がします （モバイルまわりは良く分からないので根拠なしですが）。 ■ .htaccess SetEnvIf User-Agent "J-PHONE" jph SetEnvIf User-Agent "SoftBank" sb SetEnvIf User-Agent "Vodafo
![[を] Webサイトをケータイからのみアクセス可能にする方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/af37977ee866988286b95e74fff98500a190545c/height=288;version=1;width=512/https%3A%2F%2Fchalow.net%2Fimages%2Ftcl-logo-25.png){kind=logo}
スラッシュドット・ジャパン | ウェブサイトの立ち上げ、8つの「やってはいけない」
読んでみたらちょっと面白かったのでタレコミ。DailyBitsに8 Bad Decisions When Starting a New Websiteという記事が載っていました。ビジネスの一環として新しくウェブサイトを立ち上げる際、中長期的な成功を考えるならやってはいけない選択ということで、以下の8つが挙げられています。 無料あるいは安いウェブホスティングを選ぶ ドメイン名を買って押さえておかない ユーザが覚えやすく間違えにくい、ちゃんとしたドメイン名を探さない 人間の客よりもSEOを優先する 中身より見た目を重視する ターゲットとする市場がどこなのか忘れる ナビゲーションが貧弱 キーワードターゲッティングが甘い スラドの皆さんも仕事でウェブサイトの構築をやることがあると思いますが、この8つ以外で気にしていることはありますか?
SEOで失敗しない「サイト移転」マニュアル｜αSEO(アルファSEO)
「会社名が変わるので、ドメイン名を変えなければならない」「リニューアルでシステム変更をするのでURLが全て変更される」・・Webマスターであれば、一度はこのような経験をしたことがあるでしょう。ドメインやURLを変更するということは、SEO対策においては一大事！これまでのSEO対策の効果をうまく引き継ぐサイト移転方法を、SEM総合研究所の渡辺隆広所長が伝授します。きちんとSEOを意識したリニューアルで、勝ち組サイトを目指しましょう。 ドメイン変更によるSEOのリスク サイトのドメインを変更するような場合、検索エンジンのランキングにも影響するので注意が必要です。なぜなら、今の検索エンジンはドメインの「年齢」を評価するためです。例えば、今まで5年間運営してきたドメインを新規に取得したドメインにに移転すると、ドメインの年齢は「5年→0年」となってしまい、検索エンジンの評価はその分落ちてしまいます。
トップページは誰のもの？ 現代流の動線に合わせたトップページ再評価法 | Web担当者Forum
今回はトップページの位置づけについて調整しよう。 これまで何度も考察してきたとおり、実際にアクセス解析を行うと、最初にトップページを訪れるユーザーは、今やわずか25％程度しかない。言い方を変えると、トップページを入り口とする来訪者は25％程度なのだ。 そういった状況を理解せずに、これまでのようなトップページ偏重の考え方のままサイトを運営していては、機会損失の原因ともなってしまう。 解析結果の「1番上」だからこそ 気づきにくいトップページの盲点アクセス解析で「アクセスの多いページ」「入り口になることが多いページ」を調べると、解析結果リストの1番上には、たいてい「トップページ」が出てくる。いろいろな動向はあるが、いまだにトップページは非常に重要なページであることに変わりはない。これまで、「訪問者はトップページからやってくるから、そこからどう誘導するかが大切」とよく言われてきた。“見せたいページ
ホームページ制作の0円のweb素材屋さん｜ホームページ制作ツール
ホームページ制作に役立つwebデザインを無料配布している0円の無料素材屋さんは、プロのwebデザイナーによって作られています！ホームページ制作だけではなくブログ制作にも役立ちます。アイコン、ボタン、背景、バナーなど、web素材が無料！ネットショップから企業サイトまで、ビジネス向けの商用にも使えます。素材利用の使用報告など、面倒なことは必要なっし！皆さんが楽しいwebライフをすごせますように♪ ← これも無料素材のひと～つ！無料だよ！ あ、この素材いいなぁ♪と思ってくれたら、どんどんリンクしてくれると嬉しいです！！下記のバナーをどうぞご活用ください！また学校教育関連の資料や素材としても、どうぞご利用ください、お役立ちできると嬉しいです。
色で見る初音ミク 初音ミクのカラーパレットを作ってみた
色で見る初音ミク 初音ミクのカラーパレットを作ってみた 当ブログでは過去に初音ミクに関して何回かエントリーを書いていますが、今回はブログの趣旨に沿って、初音ミクをWeb制作の一観点から考察してみよう、という相当無理のある試みに挑戦。テーマはエントリータイトルにもあるように「配色」です。 単純に多数の画像をサムネイルで見たときに色合いがきれいだと思ったので、どういう配色なのかを確認してみたかったというのがそもそもの思いつきではあるのですが、Webサイト作成における配色に何かしら意味があるかもしれないと思い、せっかくなので書き留めておくことにしました。 以下は公式の絵に使われている色から作ってみたカラーパレット。作るにあたって『COLOURlovers :: Color Trends + Palettes』を真似てみました。 初音ミク7色カラーパレット 色は左から順番に以下のとおり。 #373
実践！Webユーザビリティ研究室： 理論編：その1訪問者数はそのままで、売上が倍に？
Webのユーザビリティに関する記事やコラムを、近頃ネット上でよく見掛けるようになりました。前回の連載でも紹介した、視線計測調査（アイトラッキング）を利用したサービスも続々発表されています。一昔前に比べてある程度定着し、話題としてはやや沈静化した感のあるSEOやSEMといったテーマに比べると、こうしたWebのユーザビリティに関する話題は、いま非常にホットであると言えます。 ではなぜ、Webのユーザビリティがこれほどまでに注目されているのか、順を追ってご説明していきたいと思います。 ● ショッピングサイトの「接客スキル」は大丈夫？ Webサイトを通じて商品を販売したり、資料請求に申し込ませるためには、まずはWebサイトに客を呼ぶ必要があります。リスティング広告（PPC広告）で客を誘導したり、SEO対策を実施して検索エンジンからの流入率を高めることで、企業は自社運営サイトにひとりでも多くの客を誘
TRANS - WordPressで企業サイトを作る際によく使うプラグイン
2009年10月30日（追記）：プラグインを見直し、こちらで公開しています。 2008年8月9日（追記）：この記事はちょっと古いです。最近よく使っているプラグインはWordPressをCMSとして使うときに必ず使うプラグイン6選-Re:Creator’s Kansaiに書いています。 WordPressで企業サイトを作る際に、僕がよく使うプラグインを書き出しておきます。簡単な説明は僕が付け加えたもの、もっと詳しい説明はほかの方が説明してくれている日本語のブログなどにリンクを貼っておきます。それでは、以下から。 追記（2007年7月11日）1点付け加え忘れていました。以下のプラグインを1つのWPに入れた場合などは、いくつかうまく起動しないことがあると思います。そのへんの使用には注意してください。 大体毎回使うプラグイン Customizable Post Listings WPのテンプレート
モバイルサイトのスピード構築術 - livedoor ディレクター Blog
こんにちは、櫛井です。 現在はPC版のPICSやAuthなどのPCサイトを主に担当していますが、昨年の4月に公開されたlivedoor PICSのモバイル版の開発についてお話しようかと思います。 （当時はモバイルの部署におり、livedoorのモバイルサイトを色々と作っていました） 機能面などはプレスリリースや開発日誌などをご覧いただくとして、livedoor PICSモバイル版の開発は以下の手順で行いました。 ■モバイルサイト作成の下準備 元々PC版でlivedoor PICSというPCサイトをスタートしていたので、基本的にはモバイル版で見る際の要件をまとめ、連携する他のコンテンツの状況を調査し、見せ方を資料に落とし込んでいく作業というのをまず行います。 私の場合は最初は手書きです。要件やイメージをざっくり形にするだけなので大抵は30分くらいで一気に書きます。 かなり汚いですが、こういう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bayashi.jp
Webプログラマーの寿命:アルファルファモザイク
○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forum
空いた時間にWEBシステム(ホームページだけでもいい)を(バイト感覚?で)受注する為の情報サイトを探しています。 PHP,Perl,MYSQL等は触れます。基本は、土、日、祝日を使っ.. - 人力検索はてな
デザイナーズ家具のインテリアショップ hhstyle.com