Webサイト制作ノート
以前からCPANで公開していたモジュールがあるんですが、日本語での解説ドキュメントがなかったのと、最近大幅にブラッシュアップしたので、せっかくなので紹介記事を書きます。 HTML::Feature - Extract Feature Sentences From HTML Documents 「えいちてぃえむえる::ふぃーちゃー」と読みます。 ブログやニュース記事など様々なHTML文書から「重要部分」を推測して抽出してくれる perl モジュールです。 「重要部分」とはいわゆる「本文」のことですね。本文抽出とか焦点抽出とか色々な言い方があるかと思いますが、まぁ要するに特徴的な部分を推測して抽出するわけです。 どういうものか。 例えばブログ記事からヘッダーやフッター、その他のナビゲーションブロックを除いた「記事らしき部分」だけを切り取りたい、とします。 ぱっと思いつくのは「特定のコメントタグ
情報のかたちと理解 InformationはFormを持つ 情報を構成する枠組みを知る 情報を既存の知識と関連付ける エージェントに伝える形、ユーザに伝える形 ウェブの「型」を身につけよう 文学や芸術に“形式”があるように「フォーム」は重要 ウェブの「型」 → ユニバーサルアクセスとデータ共有・再利用 情報のかたちと名前 コンピュータと形式と名前 形式化:形(枠組み)に名前を与えて共有可能にする 形式化された情報はコンピュータ処理が可能 情報を抽出する、変換する、推論する… 名前とコンテクスト おーい、あれ持ってきて(完全にローカルコンテクスト) オペラが好きだ(コミュニティによる違い) 東京都中央区銀座1丁目(コンテクストに依存しない) 名前は共有できてはじめて意味がある ウェブページで使われる名前はどんなスコープで通じるか HTMLと情報のかたち 文書のかたちを示すマーク付け シンプル
Cookieの仕様は、Netscape Communications Corporation が、 http://wp.netscape.com/newsref/std/cookie_spec.html で公開しております。このドキュメントをfutomiが日本語化したものです。みなさまのCookieの理解に役立てれば幸いです。なお、緑色で記載された文章は、futomiが注釈として加筆したものです。また、一部、直訳ではなく、意訳した部分がございます。原文と表現がことなることがございますので、ご了承ください。 注意: この日本語訳は、futomiがCookieの理解を深めるために、自分なりに日本語にしたものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によっ
Webを構成している技術に関していえば、1つ確かなことがある。それは、「HTMLは明らかに過去の存在」ということだ。HTMLはWebの基盤を構築する上で大きな役割を果たしてくれたが、今やWebの未来を担っているのは、XML、XHTML、そしていくつものスクリプティング言語だ。 HTMLよ、さようなら! ちょっと待って、何だって? World Wide Web Consortium(W3C)が次世代HTML標準の策定に向けて新しいHTML作業部会を設定しただって? よし、それなら、いま私が言ったことは全部撤回だ。 Web標準やW3Cの動きを追っている人であれば、おそらく、このニュースには私と同じくらい驚いているだろう。HTMLは既に過去のものであり、この標準についてはもはや新しい作業は行われないだろうというのが、しばらく前からの共通の認識だった。そして、Web開発の標準はすべて XHTML(
HTML覺書とCSS2參考 HTML覺書:N HTML 4について,理想的なStrict文書について,基礎を概説します。 おまけ:見出しアウトラインを生成するブックマークレット for Firefox CSS2リファレンス:R CSS2(2.1)仕様に基いた,正しい知識を得たい人の爲の概説です。 カラーチャート:C ウェブ技術に用いられる基礎的な色名とそのコードを表にまとめました。 カラーピッカー:P スクリプトで機能する簡易的なカラーピッカーです。配色を考える際にどうぞ。 掲示板:M CSS仕様について,リファレンスについて,何か不明な点があったら,どうぞ。 ウェブデザイン關聯リンク集:L ウェブ技術を学習する人に参考にして貰いたい,良質なリソースを紹介します。
.htaccess活用法(6) .htaccess(拡張子がhtaccessということで、ドットが必要です。ファイル名がないので最初戸惑いますが、こういうものだと思ってください。)が利用可能だと、 アクセス制限(Basic認証)が可能。 特定のホスト(IPアドレス。プロバイダ)からのアクセスを制限することが可能 参照元(Referer)によるアクセス制限が可能(画像の直リンク禁止も可能) 特定のユーザーエージェント(ブラウザ・ロボット)からのアクセス制限が可能 ブラウザ経由でのアクセス(http://~)を拒否することも可能(大切なデータファイルを守る) リダイレクトが可能(ページの移転時などに重宝) 404 File Not Foundページのカスタマイズが可能。 拡張子別に文字コードを設定することが可能。(文字化け対策に必須の場合があります。) index.cgiやindex.phpを
(Amazonから買えるようになったもようです) 九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせていただき、まもなく発売となるので宣伝させてください。 本書籍はhxxk.jpの真琴さん、lucky bag blogのe-luckさんとの共著で、それぞれが連携しながら得意なパートを担当して書き上げました。大まかな構成は次のようになっています。(詳細なアウトラインは記事下部にあります) XHTML, CSSの基礎知識と管理方法 レイアウト編 Tips&Tecnique ずっと作りたかった構成ができた! CSSはまず『(X)HTMLありき』であり、(X)HTMLの正しい知識を覚えた上で学ぶものです。そこで、まずレイアウトや実線編となるまえに、Web Standardsの考え方や(X)HTMLの基本、プレ
先日公開した「はて☆すたアンケート」にて、アンケートの説明文をはてな記法で書けるよう、機能追加を行った。その際、Template::Plugin::Hatenaを用いた。これは、はてな記法パーサであるText::Hatena(正確には、そのヴァージョン0.16以下)を、Template::Toolkitのプラグインとして使えるようにしたものである。 はてな記法は、それ自体で全ての文書構造を表現できる、あるいは、はてなダイアリのシステム自体は、はてな記法のみしか許容しないというものではなく、たとえば画像を貼る際には、普通にimg要素を書く必要があるし、また、その他の要素についても、記法が用意されていないものについては、「はてなダイアリーのヘルプ - はてなダイアリー利用可能タグ」に掲載されているものに限り、自分でタグを書くことができる。これは自由度を高める反面で、XSSを誘発し得る潜在的なリ
「Firefox」上でリアルタイムに閲覧中Webページの文法チェックを行うプラグイン「HTML Validator (based on Tidy)」v0.7.1が、8日に公開された。「Firefox」1.0以降および「Mozilla」1.7以降に対応するフリーソフトで寄付を歓迎している。編集部にて試用したところWindows XP上の「Firefox」v1.0.6 日本語版および「Mozilla」v1.7.11 日本語版での動作を確認した。現在、作者のホームページからダウンロードできる。 「HTML Validator (based on Tidy)」は、Web技術の標準化団体“W3C”で開発されたHTML文法チェックツール「HTML Tidy」をエンジンとして使用し、「Firefox」上でリアルタイムにHTMLの文法チェックを行えるプラグイン。別途「HTML Tidy」をインストールする
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
About Contact Top Places for Bakersfield Hookups: Meet Singles NearbyLooking for casual Bakersfield hookups? This guide will show you the best places to meet singles ready for some fun. From lively bars to popular dating apps, we’ve got you covered on where to find your next exciting encounter. Key TakeawaysBakersfield is a hotspot for casual hookups with vibrant bars, nightclubs, and various soci
Crescent Eve はシンプルなエディタです。 こだわりの基本機能とHTML編集機能を持っています。 【雑談】 ある日のふとした疑問 ~ HTMLを書く道具 ~ ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。 「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」 「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」 「よし、作ってみよう!」 「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」 「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」 「文字コードの自動認識は、絶対失敗しないようにしよう」 ・・・というような考えから Crescent Eveを開発することにしました。 その後 公開以来、多くの方に好評を
ウェブにのせる図の作り方(Windows 版) +おまけ:PowerPoint での画像の貼りこみ (ファイルサイズを抑える) 2005-01-07 updated on 2008-08-21 わたしがウェブページ(いわゆるホームページ)に載せる画像ファイルを どのように作っているのかを簡単なメモにまとめるつもりで 書きはじめた文章ですが,画像ファイルの基礎知識まで 詰め込んでしまい,あんまり簡単ではなくなってしまいました. 写真だけでなくグラフなどの図を扱うことが多いかたを イメージして書きました.MS Windows 上で作業することを想定していますが, 画像形式の話など,他の OS を使っている場合にも参考になる部分があるかもしれません. 特定のアプリケーションに依存しない一般的なことを中心に書きましたが, PowerPoint での画像の貼りこみについても少しだけ書きました. この
低スペックPCでも使える! Webブラウザでサイト作成:どこまでできる? 無料ツールでWebサイト作成(3)(1/3 ページ) 低スペックPCでも使える! プレビューが正確! 突然だが、Webサイト作成、というとアプリケーションベースの開発環境をイメージしていたのは筆者だけだろうか? コーディングというと、テキストエディタから始まり、FrontPage、Dreamweaver、Expression Web、最近ではAptanaなども使用しているが、いずれもアプリケーションでの開発を行っている私にとって、実はInternet Explorer(以下、IE)やFirefoxなどのWebブラウザでのコーディングは新鮮なものであったりする。 プレビューが正確で動作も軽い! 結構いけるかも 何しろプレビュー(というかビュー)は正確そのものだし(当たり前か)、そして、意外に動作が軽い。アプリケーション
簡単で分かりやすい高機能アクセス解析ツール 訪問者追跡、ヒートマップ、インサイト、セッションリプレイ、AI分析、チャットボット リサーチアルチザンプロは、簡単で分かりやすい高機能なアクセス解析ツールです。 初心者でも扱いやすく、サイトの訪問状況が視覚的に把握できるため、サイト改善の手がかりが得られます。 2010年にサービス開始、リサーチアルチザンプロはサイト運営に欠かせないサービスとして、あなたのサイトを強力にサポートします!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く