Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする（変更点を日付と一緒にメモしていく）XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり／なしの統一を指定するサイトリンクの表示をチェックして調整（以降随時）Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste
Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法
ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法 viewport を設定して iPhone/iPod touch に対応しよう ぼちぼち iPod touch が届き始めましたね。 Safari on iPhone/iPod touch のために用意された meta 要素の viewport 属性1を使って、あなたのサイトをなんちゃって iPhone/iPod touch 対応にする方法を説明してみたいと思います。 方法は簡単です。 <meta name="viewport" content="width=1024" /> head 要素に上記のようなタグを入れるだけです。ただ、ここで width に指定する横幅を自分のサイトに合わせて最適化する必要があります。 ちなみに、上記の width=1024 となっている viewport の設定は Apple のホ
Not Found
404 Not Found >> 未検出 << ファイルが見つからないか、 アクセス権がない。 www.shurey.com
『iPhoneっぽいページを作成してみた「iUIライブラリ」』
宮城県仙台市の株式会社ブレイドは、EC-CUBEの設置、カスタマイズやシステム開発、ホームページ制作を行っている会社です 昨日GoogleCodeの「iUI」のサイトからダウンロードしてきたファイル「iui-0.13.tar.gz」を解凍すると、「iui.css、iui.js…ほか表示時に使う画像一式」といったファイルが入っています。 これらのJavaScriptやCSSファイルを使って、iPhoneのUIっぽいページを作ることができます(^o^) どんなもんかな～と思って、とりあえず作ってみました♪ ページの内容は、(株)ブレイド企業サイトのiPhone版…といった感じでしょうか(^^;;;; 「株式会社ブレイド」のリンクをクリックすると中のコンテンツの一覧が表示されます('～'ノ 作ったページを実際に見てみたい人は下のリンクをクリック! 興味のある人は覗いてみてください(^__^; ・
iPhone 3G発表記念! iPhoneにおける次世代モバイルブラウジングの波｜gihyo.jp … 技術評論社
ここでは、次世代モバイル機器として台頭してきているiPhoneについて、実際のiPhone対応サイト制作やアメリカ動向とともに、今後の展望を占います。 iPhone（日本商標：アイフォーン）の基礎知識 iPhoneは、2007年6月29日にアメリカで発売されたスマートフォンに位置付けられる携帯電話です。それまで、アメリカ国内でモバイル経由でWebにアクセスしている人は全体利用者数のうち10％以下でした。しかし、iPhoneにはWebブラウザのSafariが標準搭載されており、従来のモバイル特有のインターフェースによる制限がなくなったうえ、無線LANに対応していることから、登場以来多くの人がiPhone、すなわちモバイル経由でのWebブラウジングを行うようになりました。 また、iPod touchと共通のタッチパネルを採用することにより、「つまむ」「広げる」「滑らせる」などの操作が可能
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
ke-tai.org > Blog Archive > ケータイでの画像回り込みについてまとめてみました
ケータイでの画像回り込みについてまとめてみました Tweet 2008/6/11 水曜日 matsui Posted in デザイン | 7 Comments » 本日、ケータイでの「画像の回り込み」に関して調査しましたので、メモを兼ねてまとめてみます。 もちろん、キャリア毎に書き分けてしまっては意味が無いので、3キャリアで共通して使える書き方を調べてみることにしました。 まず問題となったのが、auでfloatが利かないことです。 では、オーソドックスにimgタグのalign属性を使ってみてはどうかということになりますが、今度はドコモ(XHTML)で正しく表示されません。 なかなかやっかいです。 そこで、次のようなサンプルHTMLを作成し、3キャリアでテストを行ってみました。 <img src="test.gif" style="float:left;" align="left" /> あ
SEO基本技術のチートシート（トラの巻）を作ってみた | Web担当者Forum
9か月前、最初にSEOmozで働き始めたとき、僕はウェブ制作のインターンだった。それ以前の経験といえば、コードを書いたことがあるくらいだった。 SEOmozに参加してから、それこそ何百時間もかけて、いろいろな分野の知識を広げていった。特に、定番のSEO手法と中小企業向けの実務は力を入れて勉強した。この間投稿したSEO初心者のためのチェックリストは、僕が新しく手に入れた知識の結晶なんだ。 原点に立ち帰るために、SEO技術のトラの巻の母体となるべきものを丸1日かけてまとめてみた。このトラの巻は、ブログ記事として読むよりもPDFで印刷して読んだ方がいいよ（ブログ記事は印刷しにくいからね）。 ダウンロードする前に内容を確認できるように、簡単な説明をしておくよ。じゃあね！ SEO基本技術のチートシート（トラの巻）――表面
URLのディレクトリ名を日本語にする方法
日本語ドメインの使い方は探せば簡単に出来ましたが、ディレクトリやファイル名を日本語にしてアクセスする方法にちょっとてこずりましたので参考になればと思い書かせてもらいます。 SEOとしてはドメイン、ディレクトリ名、ファイル名の順番に評価されますのでドメインを日本語にしたほうが有利ですが、まったくの新規ドメインになると評価が低くなるという弱点があります。 この方法を使うことで歴史のあるドメインの下位に日本語ディレクトリをつけSEOの効果を期待するというものです。 仕組みはいたって簡単で ディレクトリを日本語で作りそのままサーバーにアップロードします。 ここを間違えて日本語にエンコードした文字をディレクトリ名につけている人が多いのではないでしょうか。 ミクシーにPunycode変換した文字をつけてやってみたと言う人がいましたが爆笑させてもらいました。 ドメインじゃないんだよ・・ アクセスする方法
ホームページにメール送信機能をつけてみよう
【特集】 ホームページにメール送信機能をつけてみよう ホームページを訪れたとき、「お問い合わせはこちら」や「メール」といったボタンやリンクがあるサイトを見たことがあるだろう。このボタンやリンクをクリックすると、メールソフトが起動し、Toフィールドにアドレスが入ることがある。INTERNET Watchのトップページもそうだ。この機能はHTMLのmailtoタグを利用しており、実装は非常に簡単だ。 このほかにも、クリックすると入力フォームが表示され、自分の名前やアドレス、コメントを記載して「送信」ボタンを押すと、メールで送信されるものもある。こちらは「フォームメール」と呼ばれるCGIを使って、Web上で入力された内容をサーバーからメールするものだ。このフォームメールはアクセスした人のメッセージを受け取るだけでなく、アンケートにも使用することができる。今回は、このフォームメールについて紹介する
3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
最近ケータイサイトの開発を行っているのですが、キャリアや機種によって動作にいろいろと違いがあり、なかなか面倒ですね。 キャリアごとにテンプレートを分けて記述するのは手間なので、基本的に共通テンプレートで記述したいところですが、どうしても振り分けをしないと駄目なこともあるため、今回やってみて気がついた違いなどについてまとめてみました。 なお、いわゆる第三世代携帯電話(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)でXHTML対応機種のみを対象としています。 ■文字コード UTF-8で統一して大丈夫そうなのですが、DoCoMoのみ特定の文字(三点リーダーや丸数字など)をフォームから入力した場合に消えてしまったりするようですので、DoCoMoは入出力をShift_JISにする必要があります。 ※上記で特定の文字のひとつとしてあげました三点リーダーですが、UT
テキストをかっこよく魅せるPhotoshopのチュートリアル集 | コリス
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
削る - jkondoの日記
はてなハイクのh:keyword:Wacomさん、ペンタブレット欲しい！が相変わらずの賑わいを見せている。世の中には（あるいははてなユーザーには）こんなにたくさん絵を描く人がいたのかと思う。「2色だけで絵を描いてください」という限定感がむしろ絵を描く意欲を喚起したのかなと思うが、こういう割り切りはサービスを作る上でも重要だなと思う。そもそもハイクのお絵描きパレットの色は最初からそれほど多くないが、最近これといって色が足りないという要望も聞かなくなってきた。新しいエントリーを投稿するインターフェースは、Ajaxを使って画面遷移なしに投稿できるようにしようかと思っていて、結局リリース直前で間に合わなかったので先送りにしたんだけど、今の仕組みでもそれほど不満があるようには思えない。 長い期間サービスを作ってきていると、「この先に進むとやりすぎだから必要以上に作りこんではいけない」とか「ここはこだ
ブログが続かないわけ | 初心者プログラマーが簡単なフォームを作るときにやりがちな6つのミス
お問い合わせフォーム、登録フォーム、キャンペーンの申込フォーム。 Webにはいろいろなフォームがある。 Webプログラマーであれば誰もが一度は作ったことがあると思う。 新人プログラマーの初めての実務がフォームであることも多いだろう。 新人が作っているというのにもかかわらず、技術的にも面白い部分がないせいか、正しい知識のある人がレビューすることが少ないと思われる。 単純さゆえにテストが不足しているということもあるかもしれない。 上記の理由は憶測にすぎないが、杜撰なフォームがたくさん出回っているのは事実だ。 もう、CAPTCHAの話とか以前の問題だ。 よく見かける悪い例を簡単にあげておく。新人が初めての実務に当たるときにこれを気にしてくれれば、世の中のフォームがだいぶ良くなると思う。 1. クライアントサイド(JavaScript)でのチェックのみ。 2. 選択肢式の入力欄に対するチェックの漏
これだけは押さえておきたいSEO対策 - livedoor ディレクター Blog
こんにちは、livedoor Blog担当の坪田です。 以前に「HTMLタグを使わないSEOの話」というエントリーがありましたが、今回は新規ウェブサイト立ち上げ時や、リニューアル時に押さえておきたいSEO対策をまとめてみました。 「SEO」は、多くのマーケティング担当者を魅了し、盲目にさせてきました。 私も何か有効な手段はないものかと、ティッカーに「SEO」の文字が表示される度にクリックしては、とりつかれた様にブックマークしていました。 経験のある方も多いと思いますが、SEO について調べると情報が膨大すぎて正しい答えが見つかりません。というよりもその時・サイトに応じてケースが異なるため、「どうすれば順位があがるのか？」という知りたいことの結論がでないのです。 私は、基本的な施策を忠実に行い地道な効果測定の繰り返しを行うことが、上位表示の秘訣だと考えています。ただ、SEO 対策は長期的な運
外国からのコメントスパム対策:Geekなぺーじ
外国からのコメントスパム対策を思いついたので、このブログのコメント欄にコメントスパム対策を実装してみました。 このサイトに来るコメントスパムは、ほとんどが外国からのものです。 日に日に量が増えてきています。 最初はIPアドレスや禁止ワードなどで弾こうとしましたが、同じスパマーと思われる書き込みでもIPアドレスはバラバラだったり、内容が多岐に渡っていたりしていて9割弾けてもいくつかは書き込まれてしまいます。 大抵はスクリプトと思われる書き込みが続き、こちらが対策をしてある程度すると、人間と思われる書き込みが行われます。 人間による書き込みは、禁止ワードなどの調査をしているようです。 相手もプロのようで、一般的なフィルタリング手法は良く知っていて、巧みにこちらの設定を調べていきます。 例えば、特定の禁止ワードを含むものと含まないものを入れてみたり、同じ内容を複数のIPアドレスから入れてみたりし
TRANS - 携帯用CSSを書く上で押さえておくべきポイント
先日、diggでVitamin Features » Make your site mobile friendlyというエントリーが上がってきてました。見てみると、非常にうまい具合に携帯向けのCSSやHTMLの書き方などが紹介されていました。僕も携帯向けCSSの書き方には興味があったので、勉強がてら重要なポイントを抜き出して、和訳してみました。 和訳文は次からスタートです。（上記サイトの「mobile」は携帯電話やPDAを含めたモバイル機器が正確な訳ですが、ここでは話を分かりやすくするために「mobile」を全て「携帯」と訳しています。） 基本からスタートしよう。 既に論理的でセマンティックなHTMLを構造化しているんだったら、携帯を含めたどのデバイスでもきれいに、使いやすく、アクセシブルになっています。携帯によっては、WAPに準拠しているかもしれないし、もしかしたらWAP2もいけるかもし
海外のレンタルサーバーを契約する前に : 管理人@Yoski
日本にサーバーを持っているといろいろなリスクがあるので海外向けサービスのために、海外でもサーバーを借りたりしているのですが、気になるのはネットワークの速度。 世界中からそこそこのアクセス速度がでるところと契約したいので…。 ということで、ISP(=レンタルサーバー業者の意味で使います) と契約する前に調べたことをメモしておきます。微妙なものもありますが、一応参考までに。というか、自分メモですから。 0. ISP を探す ま、これは Google とかで。日本以上に競争が熾烈なのでものすごい検索力が必要ですｗ ※どこでも同じなのですが、宣伝の多い有名なものは概して高いです。 ※でも良ーく探すと、日本より安いところも多い。 あ、海外のサイトで快適なところをいくつかピックアップして、そこが使っているものを検討するのが近道かも。 1. そもそも ISP のウェブサイトが重いものはパス 特に画像やフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
screamo.jp
Yahoo!画像検索流 iPhone用ページの作成方法