web開発者なら知っておきたい HTTPステータスコード : LINE Corporation ディレクターブログ
こんにちは。ブログと検索を担当している河野です。 突然ですが、皆さんは404という数字を見て何を思い浮かべるでしょうか。 この数字からWebブラウザで時折見かける「404 Not Found」を思い出す人は多いのではないかと思います。ということで、ちょっと強引ですが、今回はこの404などのHTTPステータスコードについて、ディレクターの視点で知っていた方がいいことを書いてみたいと思います。 【１】HTTPステータスコードの定義と確認方法 まずはHTTPステータスコードについて一通り説明をしたいと思います。 HTTP ステータスコードとは、「HTTPにおいてWebサーバからのレスポンスの意味を表現する3桁の数字からなるコード」とWikipediaには定義されています。 冒頭であげた404は、このステータスコードの1つで、リクエストに対応するページやファイルを見つけられなかった時にサーバが返し
iPhoneのSafariでHTMLソースを表示させる方法
iPhoneのSafariにはPCブラウザについている"ソースの表示"がありません。興味ある人が少ないかもしれませんが...とりあえず方法のご紹介です。 実現方法 ブックマークレットを使って実現します。 ブックマークレットって？ iPhone 3Gで使える！ ブックマークレット大辞典をどうぞ。 私はこちらを使っています。もっと良いものをご存じでしたらお教え下さい。 ソースを表示する(PC用) ソースを表示する(iPhone用) 登録方法 ブックマークレットをiPhoneから直接登録する方法を紹介します。 (PCと同期している方はPC用の内容をブックマークに追加してください。) ソースを表示する(iPhone用)を開きます。 Error - 404の画面になりますがシカトして、ブックマーク登録画面へ。 タイトルを編集して登録します。 いま登録したブックマークの編集画面を開きます。 URL欄の
Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装:phpspot開発日誌
Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装 2007年11月12日- Javascript htmlspecialchars Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装するコード。 JavaScript でも HTML エスケープをしたい場合が結構あったりします。 PHPに慣れている方は htmlspecialchars 関数があったら使いやすいかもですね。 function htmlspecialchars(ch) { ch = ch.replace(/&/g,"&") ; ch = ch.replace(/"/g,""") ; ch = ch.replace(/'/g,"'") ; ch = ch.replace(/</g,"<")
MOONGIFT: � スクレイピングIDE「Web-Harvest」:オープンソースを毎日紹介
Webサイトを自動操作するのによく使われるのがスクレイピングと呼ばれる技術だ。HTMLを解析し、その中から希望の値を取り出して処理するものだ。 大抵、スクリプト言語と正規表現を使って行われると思うが、これを発展させIDEレベルに仕上げたのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはWeb-Harvest、Webスクレイピング統合開発環境だ。 Web-HarvestはJavaで作られたソフトウェアで、スクレイピングに関する情報をXMLベースで記述していく。そのXMLファイルを設定ファイルとして、データを入れ、返却されたHTMLをXPathを使って解析していくというものになる。 便利な関数が様々に定義されており、例えばHTML-to-XMLを使って解析しやすいフォーマットに変換する事ができる。そしてループやIF文を使って処理分けしていく。 サンプルが幾つもあるが、例えばG
デバッグ用CSS「Diagnostic Styling」とそのサンプルコード - Trans
CSSを使って開発中のHTMLのデバッグを行ってしまうという考え方の紹介とそのサンプルコードをメモしておきます。 デバッグ用CSSとは何か。 まず、サンプルのコードを示してみます。 img[alt=""] {border: 3px dotted red;} img[title=""] {outline: 3px dotted fuchsia;} img要素に続くのは属性セレクタ（属性セレクタについてはCSS セレクタに関するおさらい | WWW WATCHが詳しいので、そちらを参考に）。alt=""とtitle=""の属性と値を持つimg要素にマッチし、それぞれのスタイルを与えます。こうしておくと、HTML内に空白のalt属性やtitle属性があれば、指定されたスタイルが適用されるになり、空白であることが分かるわけです。 もう1つサンプルとして、こんなのはどうでしょうか。 a[href="
フリーで使える便利なDreamWeaver風HTMLエディタ「Nvu」:phpspot開発日誌
Nvu - The Complete Web Authoring System for Linux, Macintosh and Windows Finally! A complete Web Authoring System for Linux desktop users as well as Microsoft Windows and Macintosh users to rival programs like FrontPage and Dreamweaver. フリーで使えるDreamWeaver風HTMLエディタ「Nvu」。 WYSIWYGで編集でき、HTML Tags、Source、プレビューのタブなんかもあり。 CSSエディタ機能、HTMLバリデータとの連携、独自拡張の追加機能などもあり。 使いやすいHTMLエディタはないか？という方は是非試して頂きたいソフトです。
プレビュー付HTMLエディタ·Selida MOONGIFT
最近はDreamweaverやKompoZerをはじめとしたWYSIWYGなHTMLエディタを使わなくなっている。手打ちでdivタグを書いて、CSSで調整する方が楽になってしまった。 そうなると手打ちのHTMLタグエディタが便利になるかも知れない。そこで紹介したいのがこのソフトウェアだ。 今回紹介するフリーウェアはSelida、プレビュー機能がついたHTMLタグエディタだ。 断っておくと、Selidaは日本語入力で難がある。なので、一からHTMLを作成するというよりも最終的なデザインを調整する方が用途に合っているかも知れない。 構成は3ペインになっており、左上がプレビュー、左下がHTMLエディタになっている。右側はHTML全体のテンプレートや、カレンダーやダウンロードページ等のテンプレートを作成できるようになっている。 ごく簡単なサイトを作る際に、デザインを考えるのが面倒な事がある。その点
HTMLのソースをエディタで開く方法
Web制作に携わっている人を中心に、WebページのHTMLソースを閲覧する機会というのは何かと多いものだ。しかし時と場合によっては、デフォルトで指定されているソース表示用のプログラムでは物足りなさを感じてしまうことも多い。 例えばInternet Explorer（IE）の場合、「表示」から「ソース」を見ようとするとデフォルトでは「メモ帳」が起動する。しかしメモ帳だと、EUCコードで書かれたHTMLソースは文字化けしてしまうし、改行を示す「改行コード」すら無視してしまう。当然ながら、HTMLタグの色分け表示もしてくれない。 お気に入りのエディタでソースを見たいときは、「ツール」－「インターネットオプション」－「プログラム」でHTMLエディタを設定して、「ファイル」－「［指定したアプリ］で編集」でソースを確認する方法がオススメ。秀丸やワードパッドを用いて、HTMLソースが表示できるようになる
40+ Free One-Column Website Templates
Finding good website templates is tough. Finding good website templates that are standards compliant (or at least trying to be) is even tougher. Here are more than 40 that are CSS based and standards compliant (or at least with a good head-start on being so). The best part is that they're all free! See also:50 More Beautiful Blogger Templates, 30+ 1-Column WordPress Themes Nautica06 - template wit
使えるHTMLエンティティ文字 - raquo,laquo:phpspot開発日誌
使えるHTMLエンティティ文字 - raquo,laquo。 HTMLオンリーで横矢印の文字を表示できるのですが、あまり知られていないようなので紹介です。 以下のような記号をHTMLエンティティ文字で表現することが可能です。 « (＆laquo;) » (＆raquo;) これは例えば、「ダウンロード » 」といったような使い方が出来ますね。 「ダウンロード→」 のように、右矢印記号よりも断然カッコよく表示できます。 これまで、画像でこういったイメージを作っていたという方も、この文字を使うことで楽を出来るということで覚えておきましょう。 他にも、「HTMLエンティティ文字を検索「HTML Entity Character Lookup」」で紹介したサイトで便利なエンティティ文字が見つけられるかもしれません。 エンティティ文字を活用して、デザインを楽にしましょう！
HTMLソースをネストでグラフィカルに表示するFirefoxアドオン『View Source Chart』 – creamu
ページのソースをもっと見やすくしたい。 そんなあなたにおすすめなのが、『View Source Chart』。HTMLソースをネストでグラフィカルに表示するFirefoxアドオンだ。 『View Source Chart』は、ページのソースをタグごとに見やすく表示してくれる。背景色や点線、実線で区別してくれたり、タグをクリックすると折り畳んでくれたりする。 インストール後、右クリックのメニューから「View Source Chart」を選ぶことで使える。 思ったよりもソースが見やすくて快適だ。 HTMLソースをネストでグラフィカルに表示、チェックして使っていきたいですね。 スカルリングのことで頭がいっぱいです。。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これ１枚で分かる キレイなHTMLコードを書くためのコツ - Chocolate（チョコレート）
HTML/XHTML Character Entities : HTML.SU