第13回HTML5とか勉強会 - Google Docs https://docs.google.com/Doc?docid=0Afz5Dw63IZCSZGZ3bXNjN3ZfMjQ5Y2N0NnI1Z20&hl=ja 今回の「HTML5とか勉強会」の会場はソフトバンクさんでした。 食堂の一角で行われました。そのため飲み食い自由との事。セミナーの途中にはサンドイッチ、ジュース、ビールなどの差し入れも有りました。ソフトバンクさん素敵です。 こちらにUstreamのアーカイブが有ります。 html5j on USTREAM: This show . http://www.ustream.tv/channel/html5j ※ここ以降の画像はクリックするとちょっとだけ大きい画像で見れます。 「ニコニコ動画でのHTML5」(ドワンゴ 草野さん: 40min) 発表資料 第13回 HTML5とか勉強
OutputDocumentクラス 使い方はいたって簡単だった。Sourceを生成したら、それを引数にOutputdocumentを生成して、独自に整形したいタグを見つけて、変更するだけ、 OutputDocument doc = new OutputDocument(source); // TRタグを全部取得 List tlist = doc.findAllElements(); // 例えば1件目だけを変更するか・・・ Element elem = (Element)tlist.get(0); // タグを自分で描画する必要があるらしい String s = "<tr\n"; Attributes ats = e.getAttributes(); Iterator ite = ats.iterator(); while(ite.hasNext()){ Attribute at = (A
以下の内容は、古い内容です。 新しい記事で情報を確認してください。 http://blog.madapaja.net/entry/2012/05/09/070500 選択範囲のテキストを操作するためのjQueryプラグイン jQuery.selection を書いたので、アップしました。 IE6やFireFox3.5、Google Chrome 6など主要なブラウザでチェック済みです。 ファイルはこちら http://jquery-selection.googlecode.com/svn/tags/(URLが間違っていたため訂正しました) http://code.google.com/p/jquery-selection/downloads/list (圧縮ファイル) デモはこちら jQuery.selection - jQuery Plugin DEMO 簡単な説明 bold;">$.g
現在W3Cが策定中のHTML5、現在はドラフト中で2012年3月の正式勧告を目指して調整が進められています。すでに既存のブラウザも段階的にHTML5対応を始めており、ローカルのデータベース機能の実現やJavascriptを用いたCanvasエレメントなど、これまで以上にアプリケーション的なコンテンツの登場が期待されています。 ゲームにおいてもQuakeがHTML5やWebGLで再現されたり、MMORPG的なゲームを実現するHTML5用ミドルウェアなども既に開発が進められていたりと、考えるだけで恐ろしいような楽しいような未来がもうそこまでやって来ています。 前置きが長くなりましたが今日紹介するのはHTML5とCanvas、Javascriptを用いて作られた3Dテトリスらしき”何か”「TORUS」です。作者のBen Joffe氏はYahooで働いている技術者との事で、これは趣味と興味からコン
HTML5とJavascriptを用いて弾幕STGを作りました。 大学のJavascriptで何か作って来いレポートで3日で作ったものです。 手軽に作れるのでみなさんも試してみてはいかがでしょうか。 雲色の風 動作環境 推奨 chromeの最新版 動作 firefox3.0以降 safari3.1 ipad ipadのタッチ動作にも対応してますが重いです。
検索したい文字 <TABLE BORDER=1 WIDTH=800> (TABLEタグの場合) 上記のようなタグを検索したい場合にこの正規表現を使用できます。 正規表現の書き方 上記文字のタグ名(TABLE)を検索したいタグ名に変えて、 テキストエディターの検索画面に入力してください。 「正規表現を使用する」にチェックを入れるのを忘れずに。 正規表現の説明 「<」と「>」はそのまま文字として解釈されます。 「.」は文字(どんな文字でも)を表します。 「.*」は.が0以上続くことを表します。 0以上なのでタグの属性値が無いタグ(<BR>,<HR>など)の場合もマッチできます。 「?」は最小マッチングといい、余計に広くマッチするのを防ぐ為の文字です。 すべてのタグを検索したい場合は「」としてください。 1.正規表現とはなにか? 正規表現を簡単に説明すると? 2.正規表現を使う準備 ま
発展編:四隅の角丸サイズを個別に指定する書き方 次に、特定の角だけに限定して丸くしたり、角によって丸くする半径を変えたりする書き方をご紹介いたします。この方法を使えば、ボックスの上側だけ(=左上の角と右上の角だけ)を丸くすることで、タブのように見せる装飾も簡単に作れます。 【四隅の角丸を個別に指定する書き方:このページの目次】 四隅の角を個別に丸くするborder-radius関連プロパティ4つの書き方 ボックスの上だけ(右上の角と左上の角)を丸くしてタブを作る方法 ボックスの対角だけを丸くするデザインを作る方法 1. 四隅の角を個別に丸くするborder-radius関連プロパティ4つの書き方 四隅(左上・右上・左下・右下)の角丸半径を個別に指定するプロパティとして、以下に記した4つのプロパティがあります。 border-top-left-radius: 10px; /* 左上 */ b
NicEdit は、Brian Kirchoff 氏が MIT ライセンスで公開している軽快な WYSIWYG HTML エディタです。MIT ライセンスに基づき、日本語版を作成しましたので、よろしければどうぞ。ファイル数が少ないので、いろいろなツールに組み込みやすいと思います。IEで動かなくなっていた不具合を修正しました。(2010/01/16) (2016年11月28日(月) 午後8時23分43秒 更新) Tweet 「NicEdit」は、おととしから昨年初頭にかけて日本でも話題になった、軽量・軽快な WYSIWYG HTML エディタです。作者の Brian Kirchoff 氏により、MITライセンスで公開されています。Brian Kirchoff 氏に心より感謝いたします。 今回、MIT ライセンスに基づき、日本語版を作成しました。ただし、株式会社CMONOS と Brian K
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 今回は書式設定が可能なテキストエディタRich Text Editorを取り上げる。これはベータ版なので、対応するブラウザや利用条件に配慮した上でご利用いただきたい。また、実行環境となるWebブラウザはJavaScriptを実行可能にしておかなくてはならないのは前回と同様だ。 コンポーネントの概要 ブログなどの投稿サイトでも、投稿用の文章を入力する画面でフォントの大きさや色を変えるなど、ワープロソフトに近い操作性を有するところが多くなっている。Rich Text Editorは、そのような入力画面を提供するコンポーネントだ。 画面1は、編集画面を示している。文章だけでなく画像も表示されているのがお分かりいただけるだろうか。画像をただ貼り
検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
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
Code, Write, Edit. Together. The app that started the collaborative editing revolution is back. Write articles, code, notes or meeting minutes with friends – wherever they are. Ideal for extreme programming sessions, tutoring and creative writing. And now it is free and open source! Powerful Editing
クロスサイトスクリプティング (XSS)¶ クロスサイトスクリプティング (XSS) とは、攻撃者が対象となる Web サイトのコンテンツ内に、 対象とは異なる Web サイトのスクリプト (HTML や Javascript) を混入可能にしてしまう脆弱性です。 被害者がそのページを表示すると、混入されたコードは被害者のブラウザ内で実行されます。 したがって、攻撃者はブラウザの同一生成元ポリシー ( Mozilla による解説ページ ) を回避し、 当該 Web サイトに関連した被害者の個人情報を盗むことができます。 折り返し型 XSS (Reflected XSS) 攻撃では、 攻撃はリクエスト内 (多くの場合は URL) にあり、 受け取ったサーバが攻撃内容とまったく同じもの、 またはエスケープやサニタイジング (無害化) に失敗したものを レスポンスとして返す際に脆弱性が発生します
HTML5テロッパーのサンプル。テキストエリアの文字がテロップとして動画の上に表示される画像クリックでサンプルページを表示します(Firefox 3/Opera 10/Safari 4で表示可能) 動画投稿サイト「ニコニコ動画」が人気です。ニコニコ動画はユーザーのコメントを再生中の動画にテロップのように表示する機能が特徴で、多くのユーザーがコメントを書き込んで楽しんでいます。 ニコニコ動画のようにブラウザー上で動画を再生しながらテロップを表示するには、従来、Flashが必要でした。Flash(Action Script)に習熟している開発者でなければ、ニコニコ動画のようなWebサービスは作れなかったのです。ところが現在、モダンブラウザーへの実装が進んでいるHTML5 videoなら、JavaScriptを使って簡単に文字や画像を動画に重ねられます。 今回はHTML5 videoとJavaS
Help me, hackers!に続くフィヨルドのサービス第二弾をリリース! 今回はちょっとした便利ツールHTMLのインデントを美しくするサービス、その名も「Ham Cutlet(通称ハムカツ)」です。 色んな人が触ってHTMLがガタガタなサイトをいじってイライラ、なんてことはよくありませんか?そんなとき、Ham Cutletにそのソースを貼ってみてください。 インデントの美しいHTMLがゲット出来ます。 このツールはHelp me, hackers!でも採用しているHamlというマークアップ言語を実現するrailsrubyのgemを使っています(詳しいことは@komagataさんまで)。 技術的には、 (インデントがぐちゃぐちゃの)HTML → 一旦hamlにする → HTMLに戻す(インデントが美しくなってる!) …ということをしています。 早速、イライラさせられるHTMLをHaml
【Giz Explains】HTML5はインターネットの救世主、か?2010.04.01 21:00 福田ミホ Web関係のエラい人たちが、インターネットで使われる言語の次バージョン、HTML5について騒いでいます。 いわく、HTML5は、Webアプリを変革する。HTML5は、Flashを駆逐する。iPadの欠陥を補ってくれる。本当に、彼らの言う通りなのでしょうか?その答えは、イエスであり、ノーでもあります。 その理由は、続きで解説します。 技術系の報道においては、HTML5は徐々に広まっていく技術ではなく、夢の救世主のように喧伝されています。YouTubeとVimeoがHTML5をテストし始めたとき、HTML5こそはFlashキラー、Webビデオの解放者と祭り上げられました。Googleが新しいGoogle VoiceをHTML5ベースで設計すると、OS依存アプリはこれで死滅する、とささ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く