まとめ："あの味"を再現するレシピ19選 | ライフハッカー・ジャパンデスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール
HTMLDocument の動的な作成: Days on the Moon
ブラウザ上で、JavaScript を使って HTML のソースから HTML 文書を生成するのに、どんな方法があるのか調べました。なお、以下のスクリプトは HTML 文書上で実行することが前提です。 表の見方 XSLT の HTML 出力 createHTMLDocument メソッド createDocument メソッド createDocument メソッドと名前空間の指定 createDocument メソッドと文書型宣言の指定 createDocument メソッドと文書型宣言及び名前空間の指定 cloneNode メソッド iframe 要素 ActiveXObject CID からの作成 まとめ 表の見方 以下の表において、各項目の意味は次の通りです。 doc HTML 文書を作成できれば○、XML 文書を作成できれば△、それ以外なら×です。HTML 文書かどうかは、cre
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
ASCII.jpリファレンス
サービス終了のお知らせ ASCII.jpリファレンスはサービスを終了しました。2009年のサービス開始以来、長きにわたりご利用いただき、ありがとうございました。 2017年10月5日 株式会社KADOKAWA Web Professional編集部
モナドで悟りをひらきたいのなら - 図でわかる(?)モナド - Pixel Pedals of Tomakomai
圏論の最大の武器はダイアグラムなので、モナドで悟りをひらきたいのならダイアグラムを使えばいいんじゃないでしょうか。 ダイアグラムの書き方 例えば、「 f :: a -> b 」とか「length :: [a] -> Int」は以下のように書きます。型を点で、関数を矢印で書きます。 ダイアグラムの利点は、fやlengthの中身を忘れて簡略化することができることです。人間の脳ができることには限りがあるので、注目する情報が少ない方が理解しやすくなるってスンポーです。 なお、 合成 g . f は図示する時に順が逆になるので気をつけて下さい。これは、合成関数の適用が g ( f x ) と書けることに由来してます。まずfを適用し、次にgを適用するということです。 return と >>= の図示 今回のダイアグラムの約束として、元となる型(Bool, Char, Int 等)は最下段に書きます。そ
結構前から収集していた海外エントリから面白いcustom eventの使い方を紹介 - monjudoh’s diary
jQueryでは非DOMオブジェクトにもeventをbind/triggerできる Binding Events To Non-DOM Objects With jQuery この例だとwindow.location.hrefが変化しているかどうかTimerで監視し続け、 変化したタイミングで$( window.location ).trigger('change',data);で変更前後の情報を通知している。 なので、$( window.location ).bind('change',function(ev,data){});で通知を受け取る事ができる。 hashで状態を管理しているAjaxアプリで有効そうなテクニック。 select boxでcustom eventを活用 http://trulyevil.com/2009/05/07/custom-events-in-jquery/
JSONとJSONPの違い - あと味
解説は他にもたくさんありますが、私自身も使いはじめの頃、違いがよくわからなかったので。 JSONとは？ 汎用的なデータ記述方法です。こんな感じで書きます。 { 'blog' : 'あと味', 'author' : 'jdg' } まさにJavaScriptのオブジェクトですね。*1 JSONPとは？ JSONを以下のように変えたもの。 callback({ 'blog' : 'あと味', 'author' : 'jdg' }); 関数呼び出しっぽいですね。まぁ、関数呼び出しなんですけど。 どゆこと？となるポイント 見た目が関数っぽくなる意外に変更点はないように見えますが、クロスドメインでJSONを読み込む時は、なぜかJSONではなく、JSONPが使われます。（WebAPI等） また、アクセスしたらJSON形式のデータを返す単純なCGIを自分で作りたいと思った場合でも、JSONを返しても、J
中国のネット検閲 - Wikipedia
中国のネット検閲（ちゅうごくのネットけんえつ）では、中華人民共和国（中国）におけるインターネットに対する検閲（ネット検閲）について解説する。中華人民共和国法に従って60以上の条例が中国政府によって作られ、地方政府、インターネットサービスプロバイダ、インターネット企業などが検閲を実施している[1][2]。 国家インターネット情報弁公室（中国語版）（通称「国家網信辦」、中国共産党中央サイバー安全和情報化領導小組弁公室と同一機構、国務院新聞弁公室に設置されている）が中国大陸インターネット情報コンテンツ管理、法の実行監督などを行っている。 中国はサイバー主権（英語版）を主張している[3][4]。世界最大のネット人口に対して大規模な情報検閲システムを構築しており、人海戦術または[5]、ビッグデータによる人工知能や機械学習を利用した自動検閲を行っている[6][7][8][9]。システムは数百台の中国の
YappoLogs: Ajax アプリ等の為の JavaScript コードのテストツール JSTAPd を作ってるよ
Ajax アプリ等の為の JavaScript コードのテストツール JSTAPd を作ってるよ Data::ObjectDriverをDISってる人の話題が三周目に突入した今日この頃ですが皆さんは何をDISってますか?Yappoです。 JavaScript にもテストツールが色々とあると思うんですが、 Ajax アプリの XHR リクエストとかも含めてラクチンにテストできるツールが見つからなかったので JSTAPd というツールを作りました。 http://github.com/yappo/JSTAPd 名前の通りテスト結果はTAPで出力してるのでproveコマンドとかを使ってPerlの作法でテストできます。 ブラウザの連携の設定をすれば prove -v foo/hoge.t とかをコマンドで打ち込めば勝手にブラウザ立ち上げてテストコード実行してブラウザ閉じて結果をコンソールに吐いてく
HTML5 vs Flashの表現はナンセンス - よねのはてな
先日地下鉄に乗っていて聞こえてきたのが以下の会話。 「HTML5が出たらFlash不要だよね」 「そうだね、HTML5がFlashの代わりだしね」 みず知らずの人にFlashの代わりがHTML5じゃないでしょうと突っ込みを入れたかったが、話してた3人組のうちの1人が 私の高校生時代の同級生に余りにも似てる人だったうえに、その友達の名前が出てこなくてずっと思い出していた in 半蔵門線。 多くの記事でHTML5の紹介でFlash不要になるかのような表現があり、それを鵜呑みにしたのかHTML5がFlashと同一と捉えたのか。 何故か そもそも動画（video）や音声（audio）再生だけの為にあるのがFlashでは無いし HyperText Markup Languageのバージョン5が10年以上もかけて、対Flashの為だけに開発されているわけでもないから。 それに業務システムのクライアント
現代的なPerlの記述方法一覧 - Perl入門ゼミ
Perl › here Perl5.8以降における標準的なPerlの書き方を解説します。 インターネットで検索するとPerl4のころの古い記述がたくさんあります。また書籍などの多くもPerl4の記法で書かれています。Perl4の記法は複雑になりやすく間違いを生みやすいのでこれからPerlを書く人はPerl5の現代的な記法で記述することを強くお勧めします。 strictプラグマとwarningsプラグマ (必須) strictプラグマとwarningsプラグマを有効にします。 use strict; use warnings; use strict;とuse warnings;の２行はスクリプトの最初に必ず記述してください。これらはPerlの文法チェックを厳しくするためのものです。面倒だという軽い気持ちでこれを記述しないと後々本当に面倒なことになります。 use strict;とuse wa
eventのグローバル通知 - monjudoh’s diary
jQuery.event.trigger(eventType); で、やる。若手ITゾンビで読んだ。 主な用途はDOM要素に紐づかないcustom eventの通知用(例：ajaxSend)と思われる。 (全DOM要素への通知って用途はあるのかな?) 実行すると、jQuery.cacheに入っている全てのオブジェクト(DOM要素に限らない)に対して、このeventを通知する。 なので、Ajax中にページ更新する際の注意点 - to-RのtipsでajaxSendをbindする対象はbodyでなくても良い。 ただし、jQuery.event.global[eventType]がtrueの場合(一度でもこのeventTypeのeventをbindしたことがある場合)のみ、この処理は行われる。 なので、例えばajaxSendを一度もbindしていなければ全cacheを舐めるような処理は行われない
JSF 2.0 のコンバータ - しんさんの出張所 はてなブログ編
JSF 1.2まではカスタムコンバータを作る場合、設定ファイルに書き込まないといけないので面倒だった。 JSF2からはそれもアノテーションで可能になった。もちろん環境設定ファイルで一元管理することも可能なため、どちらを利用するかは選択すればよい。 たとえば入力した星の数を数えてIntegerにコンバートする場合はこんな感じ（わかりやすくするためにcontextがnullだったらthrowとかはいれてない。実際のところnullの引数がきたことはないけど）。 package converter; import javax.faces.component.UIComponent; import javax.faces.context.FacesContext; import javax.faces.convert.Converter; import javax.faces.convert.Fac
JavaFesta 札幌で Mind Map と UML の話をしました。：An Agile Way：オルタナティブ・ブログ
10/30 に札幌で開かれた JavaFesta2009 にて、 ソフトウェア開発に役立つビジュアル思考 ～マインドマップ/UMLを現場で有効活用しよう～ というお話をしてきました。Android の話の裏番組だったので人の入りを心配したのですが、札幌のみなさん結構熱心に聴いていただきました。 ソフトウェア開発の現場でマインドマップとUMLを使える場面と例をふんだんな絵と写真で紹介しました。両方の利点を活かした使い方の提案も。 いつものように、情報カードをスタッフに用意してもらってマインドマップ自己紹介（偏愛マップ風）をみなさんにやってもらったり、ユースケース図をみんなで描いてみたり、と和気藹々とした感じで進めることもできました。新さんはじめスタッフのみなさん、どうもありがとうございました。 ぼくの伝えたかったことは、ソフトウェア開発をもっと、協調的に、生産的に、創造的に、そして、楽しくし
MySQL レプリケーションの設定 - とみぞーノート
1.2 レプリケーションの動作レプリケーションでは最初にDBの内容を同期させた後、Masterサーバーで実行された更新系のクエリ(UPDATEとか)をSlaveに渡してSlaveでも同じクエリを実行していくことで、DBを同期させている(図1)。 Master側で実行された更新系クエリはバイナリログに蓄えられており、Slave側が接続してきたら、前回の接続からの変更分をSlave側に送信する。Slave側は受け取ったクエリを一旦リレーログに蓄えて順次クエリを実行してDBを同期させていく。リプリケーション動作にはBinlogDump,I/O,SQLの3つのスレッドが連携して動作する。 2.設定手順 (Master-Slave構成) 2.1 Master側の設定の確認Master側ではバイナリログを採取しておく必要があるので、Master側のmy.cnfにlog-binの設定が入っていることを確
JSF 2.0で作るWebアプリケーション 後編 - しんさんの出張所 はてなブログ編
http://d.hatena.ne.jp/shin/20091030/p1 http://d.hatena.ne.jp/shin/20091031/p1 の続き。 今回は編集系を実装します。 その前に まずはサービスの追加。単体のID検索を作るの忘れていたので。以下のメソッドをEmployeeServiceに追加します。 public Employee findById(Long editId) { EntityManager em = emf.createEntityManager(); try{ return em.find(Employee.class, editId); }finally{ em.close(); } } IDで検索するだけです。今回は編集画面に移動するときにIDをパラメータとして渡していますから。たんなるPOSTならそのままエンティティ渡せますし、PRGパターン
Yahoo! UI Library 3（YUI3）の基本
「Yahoo! User Interface Library Ver.3」（YUI3）はYahoo!が開発した、Webのページを作成するための汎用ツールライブラリーです。オープンソースで無償で提供されており、アニメーション効果やドラッグ＆ドロップ、データ取得やイベントの応答など、多岐にわたる機能がサポートされています。今回はまずYUI3の全体像を紹介します。 はじめに Yahoo!は、米国時間9月29日に「Yahoo! User Interface Library Ver.3」（YUI3）をリリースしました。YUI3はJavaScriptやCSS（Cascading Style Sheet）で書かれた、Ajaxライブラリーです。 Yahoo!は今まで、インターネットによる情報提供のためのさまざまなツールを作成してきました。開発したツールの中でも、Webのページを作成するのに汎用的に使えるツ
Invention Works: 全文検索エンジンの導入
検証対象 ・PostgreSQL GIN Index http://www.postgresql.jp/document/pg836doc/html/gin.html - PostgreSQLの転置インデックス ・Lucene http://lucene.apache.org/ - Javaで書かれた全文検索エンジン 実績多数 今回使用したソース。 Senの辞書、Luceneのインデックス等は自分で作成してください。 fulltextsearch-sample.zip 調査データ 青空文庫(http://www.aozora.gr.jp/)のデータを取り込んでそれぞれ検証した。 テキストデータの行ごとにレコード、インデックス作成を行い。 それぞれ検証を行った。 対象レコードは約100万レコード 検証はローカルのPostgresql 8.4上で行った。 設定はデフォルト。 PostgreSQ
JSF 2.0で作るWebアプリケーション 中編 - しんさんの出張所 はてなブログ編
http://d.hatena.ne.jp/shin/20091030/p1の続き。 前回までにデータベースのアクセスが完了しています。 ではさっそくトップページを作成します。ここに一覧表示をします。 一覧画面のテンプレート まずテンプレートを作ります。 index.xhtmlは以下のようになります。 <?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> <he
JSF 2.0で作るWebアプリケーション 前編 - しんさんの出張所 はてなブログ編
id:okazuki氏のリクエストに答えて。 本当はJava EE 6フルスタックなWebアプリケーションを作るのがトランザクション管理等もしてくれて一番簡単なのですが、JSF 2.0だけに注力していただきたいのでここはTomcat 6 + Mojarra 2.0(JSF実装) + EclipseLink 2.0(JPA実装)というJava EE 5 なサーブレットコンテナ上で動かします。JSF 2.0はJava EE 6未対応でも問題なく動くのがポイントが高いです。JavaEE 5ではELメソッドは動きませんが、既存の環境で動かせるのは大きいです。 開発はNetBeans 6.8ベータで行っていますが、NetBeansのCRUDアプリ自動生成機能等はつかいませんのでEclipseでも同じです。クラスの新規作成さえできれば環境はといません。 web.xmlの設定 通常IDEによって設定され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
有吉あだ名芸人一覧 - おもしろいテレビ番組