プログラマーがかっこいいWEBサイトを作る5つのコツ - おかねがない(ﾟ∀ﾟ)ｯ!!
「かっこいいサイト作るぞ！」 と意気込んでみたももの、いざ作ってみると 「あれ･･･なんかダサい･･･」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか？ WEB制作は、基本的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが･･･ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト
IPv6 とかよくわからない人間が IPv6 対応サイトを作る際の知っておくべき 8 つの注意点 : にぽたん研究所
先日、一般や企業向けに IPv6 対応を支援をする、EDGE Co.Lab v6 というのを始めました。 これを始めるにあたって、弊社情報環境技術研究室の伊勢さんから、「なんかウチでやってるコンテンツで、どれか IPv6 対応しようよ」と、いきなり言われました。 実は IPv6 って何年も前からよく耳にするけど、特にインフラまわりの知識が拙いし、何だかんだ身の回りのほとんどが IPv4 で、それでまぁウマくいってるからよくわからないし、別にどうでもいい…と、IPv6 に対して「現実味がない。時期尚早なのでは？」みたいな勝手な印象を抱いて、毛嫌いしてました。 伊勢さんは 2ch の IPv6 板とかを立ち上げたらしく、IPv6 でアクセスすると、トップページのひろゆきが踊って表示されるそうです。 IPv6 と IPv4 の差って、ひろゆきが踊るか踊らないかの差だけ？とか、そうじゃないのをわか
koress.jp: OpenIDの使い方を2分40秒の動画で解説してみる
こんばんわ、Cigar-Cook＠株安で必死です。 日本のYahooもOpenIDを発行するらしいです 先日OpenIDのまとめサイト「おぷん」を開設して、ほとんど宣伝していないにも関わらずそれなりにアクセス数があり、一応注目されてるんだなぁ、という感じです。Yahoo JapanもいよいよOpenID発行をするらしいので、これからはさらに注目されるんじゃないでしょうか。 実際OpenIDってどうやって使うの？ 「おぷん」へのアクセスですが、Google Analyticsによれば、企業からアクセスされている方がめちゃくちゃ多いようです。 企業からアクセスされているWeb＆IT業界の若人の中には、「おい山本！ヤフーがOpenIDってのを始めるらしいぞ！？これからはOpenIDだな！ハッハッハー。で、OpenIDって何？パパッと説明資料作って説明しちゃってYo！」という事態に陥ってる方も多い
２００７年おすすめエントリをまとめてみました : LINE Corporation ディレクターブログ
こんにちは、ディレクターBlog言いだしっぺの櫛井です。 最近は色々な方に「ディレクターBlog読んでますよ！」と言われるようになってきました。ありがたいことです。 2007年も残すところあと3日となりました。来年から新人社員として会社に入ったり、転職などで、環境が変わったりするという方も多いのではないでしょうか。 今回は、普段あまり“ノウハウ系”の記事を読まない友人たちに言われた「あの記事よかった！ 参考になった！」というエントリをいくつかご紹介してみたいと思います。私が書いた記事が多く見えるのは気のせいです。 4つのステップで作る webサイト開発のスケジュール作成 「これはどんな職種でも使える！ ありがとう！」とよく言われました。 どういたしまして。 枯れた技術で社内を潤す IRCを使おう！ IRCという存在を知らない人も結構いたようで、使い始めようと思ったり 「社内の導入手引きにリ
サイトの読み込み時間をプロファイリングできるWEBツール「Pingdom」:phpspot開発日誌
Pingdom Tools サイトの読み込み時間をプロファイリングできるWEBツール「Pingdom」。 サイトのURLを入力して「Test now」ボタン押下で、サイトコンテンツの読み込み時間とサイズを次のようにプロファイリングしてくれます。 FireBugにも同様の機能がありますが、こちらは、ソート機能やフィルタリング機能もついていてファイルが多くなっても大丈夫です。 WEBで手軽に実行できて、見栄えのするプロファイルが作れるのはいいですね。PPT用の資料なんかにも添付できそう。
専門家の僕が答えられない8つのSEOの疑問 | Moz - SEOとインバウンドマーケティングの実践情報
時々このブログのせいで、自分がSEO分野の鼻持ちならない知ったかぶりのように思えてくるのだけど、断じてそれは違う。僕が上手く答えられない疑問を挙げていけば、議論もできるしいいなと考えた。それじゃ、始めるよ。 同一ページ内の複数のアンカーテキストの価値は減少していく？ 1つのページからあるページに複数のリンクを張った場合、2つ目以降のリンクのアンカーテキスト（1つ目のリンクのものとは異なると仮定）の影響力は小さくなる、あるいはゼロになるのではないかという説がある。具体例を挙げると、カッコいい作品による食器具アートでとてもクールだ、という具合にリンクを張ったときに（この3つのリンクはすべて同じページへのリンクだ）、検索エンジンは「食器具アート」や「とてもクール」よりも「カッコいい作品」というアンカーテキストを重視するというものだ。真偽はどうなのだろう？ 同義語はどこまで有効なの？ 「アクサス解
404 Blog Not Found:あなたのページを最速にする14の掟
2007年05月11日18:45 カテゴリiTech あなたのページを最速にする14の掟 人気Webサイトの管理人、必読。 紹介ページ: 14 rules for fast web pages (Skrentablog) PPTのスライド: http://www.web2expo.com/presentations/webex2007/souders_steve.ppt 実は、これらはYahoo!の"Chief Performance Yahoo!"(本当にそういう役職名)であるSteve Soudersによる以下のblog entriesをまとめたもの。 Performance Research, Part 1: What the 80/20 Rule Tells Us about Reducing HTTP Requests Performance Research, Part 2:
パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種｜CSS HappyLife
普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
ウノウラボ Unoh Labs: 絵文字の相互変換リスト
こんばんは。harukです。 2週間前からビデオポップ担当になり、まず最初に、3キャリアの絵文字の変換から取り組みました。 検索して探してみたものの、いいものが見つからなかったのですが、幸いにも、3キャリアそれぞれメールでは絵文字の自動変換があるので、それを利用して作ることができます。(昔は手入力で一つ一つやってました) Tab区切りのテキストファイル(TSV)を置いておきましたので使いたい方は使ってください。 絵文字の番号の付け方はそれぞれ以下のようになっています。 DoCoMo(i-mode) 基本絵文字：%i(1～176)% 拡張絵文字：%i(1001～1076)% au(EZweb) 絵文字番号＝%e(1～822)% SoftBank PAGE1(G)：%s( 1～ 90)% PAGE1(E)：%s(101～190)% PAGE1(F)：%s(201～290)% P
Getting Real by 37signals
Heads up! This page uses features your browser doesn’t support. Try a modern browser like Firefox or Chrome for the best experience. sidebar#close mouseup->tweet#update input->tweet#update keydown->tweet#update scroll@window->tweet#update" data-bookmark-id="/gettingreal"> `�s�U �q��U Getting Real The smarter, faster, easier way to build a successful web application Start reading →
秋元@サイボウズラボ・プログラマー・ブログ: 日本のアクセス数トップ500サイト
いまさらながら12月の開発合宿の作成物(の一つ)を公開。 日本のアクセス数トップ500サイト アクセス数を配布したツールバーなどから集めてきたデータを基に推定するAlexaには、世界のトップ500や日本のトップ100というランキングもある。 日本のサイトももう少し下の順位まで見てみたかったので、500位までを取得させている。また、日本国内の順位のほかに、世界での順位も併記するようにしたので、日本のサービスと世界(とくに英語圏)のサービスの規模感の比較もできるのではないかと思っている。 日本語でも英語でもサービスしているようなドメインでは、世界ランキングでは順位が入れ替わることもあるので面白い。 このウェブアプリケーション、もともと11月に出したマッシュアップ本で作成した4つのマッシュアップサンプルの一つを基にしている。「PHP×WebサービスAPIコネクションズ」を持っている方は、サンプル
T.Teradaの日記 - ログイン直後のレスポンスの返し方
多くの会員制Webサイトでは、ID/PWによるログイン処理がある。ユーザにログイン画面を提示し、ユーザがフォームにID/PWを入力してsubmitする。ID/PWがOKであれば、ユーザのブラウザにはログイン後の画面が表示される。 以下に、これを実現するための2通りのシーケンス図を描く。セキュリティの観点で望ましいのはA、Bのどちらだろう？というのが今回のテーマ。 Aではログイン要求に対してHTTPステータス200応答とともにログイン後画面をブラウザに返している。Bではログイン要求に302応答を返して（HTTP1.1では303応答）、ログイン後画面にリダイレクトしている。 結論を言うと、セキュリティの観点では、私はBの方が望ましいと考えている。 逆に言うと、Aにはどうにも気に入らないところがある。それは、ID/PWを含むリクエストに対して200応答を返していることだ。200応答のページは、ブ
CNET Japan Blog - 中島聡・ネット時代のデジタルライフスタイル：時代にマッチした「サイト利用規約」を作ってみた
ここのところ、「無断リンク禁止は悪なのか？」、「野村総研がリンクする際には文書で申し出よというので文書で申し出た」などの時代遅れの「サイト利用規約」に関する話題で盛り上がっている。 「前例にならって無難な道を選ぶ」サイト運営者が多い結果だとは思うが、彼らをいくら非難したところで、「悪例（＝ウェブの黎明期に作られてそのまま継承されている利用規約）」がこれだけ氾濫している段階では、すぐには解決しないような気がする。 そこで、参考にしていただければと、私なりに「今の時代にマッチした『サイト利用契約』」の雛形を作ってみた（ちなみに、「いっそのことクリエイティブ・コモンズにのっとった規約を」、という意見もあるとは思うが、まずは無難に現状の著作権法にのっとって書いてみた）。 １．当ウェブサイトに記載されている内容（コンテンツ）の著作権は、特に明示していない限り○○○に帰属します。著作権法で定められた「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2010/05/wireframe-resource.html
2007年度web制作者の為のまとめ再構築30選*ホームページを作る人のネタ帳
http://www.designwalker.com/2007/07/best-website2007.html
誰でも簡単にWEBページをレイアウト＆作成できる「Synthasite」:phpspot開発日誌
PC
http://www.masa4.net/ocher/designs/macromedia.htm
ユーザビリティ会議レポート：実績があがるサイトの秘訣を探りました | 100SHIKI PR Board