HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
XSSの攻撃手法いろいろ - うなの日記
html5securityのサイトに、XSSの各種攻撃手法がまとめられているのを発見せり!ということで、個人的に「お!」と思った攻撃をサンプルつきでご紹介します。 1. CSS Expression IE7以前には「CSS Expressions」という拡張機能があり、CSS内でJavaScriptを実行できたりします。 <div style="color:expression(alert('XSS'));">a</div> 確認 @IT -［柔軟すぎる］IEのCSS解釈で起こるXSS で詳しく解説されていますが、CSSの解釈が柔軟なことともあいまって自前で無害化するのはなかなか困難。以下のようなコードでもスクリプトが実行されてしまいます。 <div style="color:expr/* コメントの挿入 */ession(alert('XSS'));">a</div> 確認 <div s
Pythonの定番モジュール集 — TRIVIAL TECHNOLOGIES 2.0
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー wiki.python.orgにはUsefulModules(Pythonの定番モジュール集)というリストがある。「開発者に有益な情報を提供するため」と注意書きがあるだけあって，これがなかなか網羅的で便利なので，翻訳しながらご紹介しましょう:-)。 リストを見ると，Web開発やテキスト処理はもちろん，数値解析，ビジュアライズ，ゲーム，GUIライブラリなどバリエーション豊かで，Pythonの全方位ぶりがよく見えてくる。他のカテゴリページへのポインタは，適宜リストをインラインに展開してあるものもあります。べたっと訳しちゃったので，間違いなどあるかも。コメントなどでご指摘いただけるとありがた
HTML5サンプル集 - 株式会社あゆた
このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと
最近の若手インディーバンドが才能あふれまくりんぐな件について みゅーちゃん！
引用元：大学生活板「【神聖かまってちゃん】最近の若手インディーバンドが才能あふれまくりんぐな件について」 http://yutori7.2ch.net/test/read.cgi/campus/1268290790/1-100 1 ：学生さんは名前がない：2010/03/11(木) 15:59:50 ID:2XinuOsm0 神聖かまってちゃん、踊ってばかりの国、住所不定無職、 モーモールーギャバン、世界の終わり、OKAMOTO'S、 セバスチャン・エックス、黒猫チェルシー、ズットズレテルズ、 在日ファンク、andymori、アーバンギャルド、etc･･･ 3 ：Ｚ系 ◆zkei/004UM ：2010/03/11(木) 16:01:23 ID:tK+v10sT0 すげえネーミングセンスだな 5 ：学生さんは名前がない：2010/03/11(木) 16:06:12 ID:2XinuOsm
最近気になるファッション系webサービスをまとめてみた - 75-85
今個人的に面白いと思っている、 ファッション系webサービスをまとめてみました。 どんどん新しいモノが生まれて来る分野だけに、 どこまでをまとめるかが難しいのですが、気になるものに絞りました。 （結構昔からあるモノもありますが・・・） ● ファッション試着サービス『AWASEBA』 ファッション試着サービス『AWASEBA』 Web上で商品のコーディネートが楽しめるサービスで、以下のように 画像のモデルさんで商品を合わせる事が出来ます。 今は着せ替えっぽい感じですが、商品の色変更とかが出来れば面白いはず。 最近では、セレクトスクエアとのタッグ（？）での「coen」の ファッションセレクトショップの紹介(レディース)も始めたようですが、 実際の商品購入時にどれくらい活用されているのか注目です。 ● ルックアップのファッションコーディネート買物代行サービス ファッションコーディネート買物代行サ
HTML5 を学ぶための情報源まとめ
ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか
正規表現をいまのうちに覚えておきたい人のためのリソース集
HTML5で正規表現がサポートされる、といったことをきっかけに、正規表現はプログラマだけでなくWebクリエイター全体のスキルとして求められていくものになっていくのではないでしょうか（参考：あまり知られていないけれど、HTML5では正規表現が使えるようになる ）。 ここではそうした正規表現の初学者や、一度挫折したけど再入門したい人、そしてより高度な内容をマスターしたいすべての人のためのリソース集を作りました。 初学者向けには「はじめての正規表現」 「はじめての正規表現」は、文字通り正規表現という言葉は知っていても中味はよく分からない、という初学者の方にぴったりのコンテンツ。紙芝居形式のプレゼンテーションで楽しく正規表現について把握できます。 はじめての正規表現 初学者の方には、次の2つの記事も手っ取り早く読めて概要を把握できますので紹介しておきます。 使うほどに良さが分かる正規表現（1/2）
JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Jennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイトを作成するにあたってどの画像フォーマットを採用すべきかという指針を簡単にまとめている。まず氏はそれぞれの画像フォーマットの特徴を簡単に説明。 GIF - 256色のインデックス画像。写真には向かないが、ロゴであったりフラットブロックな画像には向いている。透過データを保持できるという特徴がある JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像フォーマット。透過は表現できないが、写真データの用途に向いている PNG - GIFに似ているが、GIFのようなぎざぎざを出さずに背景透過を実現
【着うたから】携帯サイトの作り方まとめ【絵文字まで】
いまや日本国内においては90％以上の普及率を誇るという、脅威のデバイス「携帯電話」。 内蔵カメラは若者の文化を変え、GPSは地域社会への貢献すら担い、i-modeから始まったインターネットデバイスとしても、もはやユビキタスの象徴とさえ言えるのではないでしょうか。 今回のエントリーでは、国内の3大携帯キャリアであるdocomo・au・SoftBankに対応する携帯サイトを作成する際に、必ずや役に立つであろう情報をまとめてみました。 携帯サイトって独自の仕様や規制が多いので、なかなか片手間には手を出しにくい感がありますが、作り方に慣れればメッチャ面白い上に、ユニークなアイディアがそのままビジネスチャンスにも繋がるフィールドなので、コレを機に携帯サイトマスターになっちゃえばよかろーもん♪ 総合情報サイト ke-tai.org ケータイサイト開発のためのコミュニティサイト 国内の携帯サイト情報の中
フリーランスのIT技術者を支援するオンラインツール32選
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 昨今の厳しい経済情勢の中、数多くのITプロフェッショナルが必要に迫られて、あるいは自身の選択によって、フリーランスの道を選んでいる。そこで本記事では、そういった道を選んだ彼らを支援するオンラインツールを32個選び、紹介する。 雇用情勢の厳しい中、数多くのITプロフェッショナルがフリーランスという道を選んでいる。こういった人たちのなかには、自らの選択でその道に飛び込んだ人もいれば、職を失って仕方なくその道に入ったという人もいる。 フリーランサーとして成功できるかどうかは、当人がどれだけ自分を売り込めるかということにかかっている。とはいうものの、フリーランサーとしての日々を楽にしてくれる素晴らしいオンライツールが数多く存在しているのである。
mixi アプリで何が取得出来るのか？のまとめ ( ラボブログ )
スパイスラボ神部です。 最近会社でいろんな人に「mixi アプリで何が取得出来るのか？」ということを、企画や提案づくりの際に聞かれることが多いので、現況を踏まえたまとめをつくってみることにしました。 -まとめが好きだ！ - Favorites! OpenSocial でいうところの基本情報＋詳細情報 １．まず、プロフィール情報について mixi Developer Center (ミクシィ デベロッパーセンター) » プロフィール情報・マイミク情報を使ってみよう にあるように、 * ID * ニックネーム * プロフィール写真 * プロフィールURL * 現住所(県のみ) * 年齢 * 生年月日 * 性別 * 血液型 が取得出来ることです。もちろん、これらはユーザが自己申告的に入力して、なおかつ「全体に公開」に設定されている必要が有ります。 また、実際の環境ではうまく取得出
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
【特集】知っておきたいWebサービス - ジャンル別リスト (1) Webサービスの紹介ジャンル | ネット | マイコミジャーナル
Webサービスを活用していきたい人のために Webサービスを活用する機会は増える一方だ。いつの間にか、メールのやりとりはWebメールサービスに、Webブラウザのブックマークはソーシャルブックマークに、ビジネス文書の作成だってオンラインワープロに──気づけばWebサービスを多用していたという人は少なくないだろう。そして、これからWebサービスを活用していきたいと考えている人もいると思う。本特集では、Webサービスをプライベートやビジネスなどに積極的に取り入れていきたい人に向けて、ジャンル別にさまざまなサービスリストを提供していく。ジャンルやサービスは順次拡充していく予定なのでぜひ活用してほしい。 掲載ジャンル一覧(順次拡充予定) Webサービスの種類 更新日 New Webメール 05-23-2009 New ソーシャルブックマーク 05-23-2009 New オンラインカレンダー 05-
ソボクなギモン……東京の地下鉄で一番混むのは何線？ - エキサイトニュース
そこでふと思ったのが、東京の地下鉄の路線で一番乗客数が多い路線はどこなんだろう？ という疑問。 ちなみに東京の地下鉄は、東京メトロが9路線、都営地下鉄が4路線の計13路線ある。 まずは東京メトロと都営地下鉄（東京都交通局）の広報の方に、路線ごとの年間乗客数を聞いたところ以下のような結果に……。 ■東京の地下鉄路線・年間乗客数ランキング 1位：東西線／4億8,495万人（約132万5,000人） 2位：日比谷線／4億1,534万人（約113万5,000人） 3位：千代田線／4億875万人（約111万7,000人） 4位：丸ノ内線／4億277万人（約110万人） 5位：銀座線／3億9,279万人（約107万3,000人） 6位：有楽町線／3億2,208万人（約88万人） 7位：半蔵門線／3億1,142万人（約85万1,000人） 8位：大江戸線／2億8,602万4,062人（78万1,487人
FreeBSDとLinuxのディレクトリ構造一覧
FreeBSDのディレクトリ構造(Directory Structure)とLinuxのディレクトリ構造(Directory Structure)を横に並べてみました。 FreeBSD使いはLinuxの、Linux使いはFreeBSDのディレクトリ構造にとまどうことが多々あると思います。FreeBSDな私は、よくLinuxのファイルシステムの中で困惑することがしばしばあります。 Microsoftのwindowsは比較的 C:\Program Filesの中にごちゃっと入るので、案外簡単な気がしますが、Unixはディレクトリ構造のあちこちにファイルを配置するので、時々、なんのパッケージのなんのファイルか解らないことがたまにあります。 下記のページを参考に表にまとめてみました。 http://www.freebsd.org/doc/ja_JP.eucJP//books/handbook/di
monojin.com - このウェブサイトは販売用です！ - monojin リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
iPhoneアプリ開発Tips情報を整理してみました - もとまかのiPhone・iPod touch戯れ日記
今まで紹介してきたiPhone開発Tips情報が大量になってきて、このままじゃわけわからんし、探しにくいことこの上ない！！ ってことで、少し整理してみました。 アプリ開発入門アプリリリースリジェクト開発者インタビュー動画、サウンド画像処理カメラ開発関連書籍ネットワーク各種イベントアイコン環境、設定等フォント文字列日付関係オブジェクト保存等UIViewUITableViewUITextFieldUIWebViewUIPickerViewOpenGL各種コントロールローカライズSqlite新パーツ、クラスデバッグ関係メモリ・性能関係メモリリーク関係Adhoc・テスト ※以下のエントリー内容を包含しつつ整理してみました。 iPhone開発で役立ちそうなTipsの紹介iPhone開発向けTips追加分（20081110）iPhone開発向けTips追加分（20081125）iPhone開発向けTi
ke-tai.org > Blog Archive > ケータイ大規模サービスの開発・運用に関する資料のまとめ
ケータイ大規模サービスの開発・運用に関する資料のまとめ Tweet 2009/2/18 水曜日 matsui Posted in 記事紹介・リンク | 5 Comments » 先月末に「満足せる豚。眠たげなポチ。大規模サービスの運用事例まとめ」という大変素晴らしいブログエントリーがあり、ブックマークしていたのですが、なかなか時間を作れずに目を通せずにいました。 本日読んでみると、とてもためになる情報が多かったため、まとめのまとめという形ですが、資料の中からケータイ関係の事例を抽出して、簡単にコメントをつけてみました。 まず、大元の記事はこちらです。 → 満足せる豚。眠たげなポチ。 大規模サービスの運用事例まとめ [blog.hacklife.net] → 満足せる豚。眠たげなポチ。 「大規模サービスの運用事例まとめ」に補記 [blog.hacklife.net] → livedoor 開
満足せる豚。眠たげなポチ。:大規模サービスの運用事例まとめ
ここ数年の大規模サービスのシステム運用について調べてみたので参照したページやファイル、本へのリンクをまとめておく。PDF へのリンクも多数含まれているのでご注意を。 時代が時代なら企業のノウハウとして隠されていたような情報がこれだけ公開してもらえているというのが非常にありがたい。公開してくれている各企業や公開してくれている人に感謝。 あとで気付いたが、Google や Facebook の事例も探しておけばよかった。Thrift とかあったのに。「こんな情報もあったよ」などあればぜひ教えてください。追記していきます。 youtube http://d.hatena.ne.jp/stanaka/20070427/1177651323 digg http://d.hatena.ne.jp/stanaka/20070427/1177651323 livedoor http://labs.cybo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
