Code Archive Skip to content Google About Google Privacy Terms
HTML5のCustom Data Attributeは、Microdataよりも気軽にデータを埋め込める HTML5にはMicrodataというメタデータを埋め込むための仕様がある、ということを、「HTML5のMicrodataとは何か? 」「HHTML5のドラフト仕様書からMicrodataの抄訳 」という2つの記事で紹介しました。 そのMicrodataよりもずっと手軽にHTMLに独自データを埋め込む方法が、HTML5では提供されています。それが「Custom Data Attribute」です。 すでに使われている独自属性 あるタグに独自の属性を付加したいという要求は、まれに生じます。 追記12/2:rel属性はHTMLの正式な仕様でした。そのため、以下の例は独自属性の例としては正しくないので省略させていただきます。すいません) 例えば、グーグルなどの検索エンジンは、スパム対策とし
2010-12-20 pixiv Tech Meeting pixiv.js - 4年目のサービスをきれいにしよう - ☁ ☁ ☁☁ @yksk •2010年10月∼ •pixiv UIチーム •UI / JavaScript エンジニア •絵を描くのが好き @yksk 3 •15億PV/月 •生き延びた! •リファクタリング出来る! <3 •15億PV/月 •生き延びた! •リファクタリング出来る! 1.Code ☁ ☁ ☁☁ Prototype.js × jQuery Prototype.js × jQuery $.noConflict function foo() { $(‘id’).innerHTML = ‘foo’; } jQuery.noConflict(); (function($) { window.foo = function() { $(‘#id’).html(‘foo
あるいは kanazawa.js v1.0.1 勉強会 : ATND に参加してきた。(前回と同じパターンの使い回し) なぜdispatcher(あるいは router)か実はピンときてなかったけど、なんかこういう手法があるっぽいということだけ知ってた。 pixiv Tech MeetingでpixivのJSの話をしました から辿れるスライドを見てなるほどなと思った。自分がいちばんなるほどと思ったのは WAFの不自由さ というか layout ファイルの <script> を可変にできるように仕組み用意していちいちそこに何か文字送ったりするのってめんどくさいよねというか、要するに script loading も DRY に ってことじゃないかな。もっかい整理すると layout ファイルで JavaScript のライブラリの読み込みは共通にできるでも layout ファイルの中に手を出
僕もようやく Sass をはじめました。評判どおり、ヤバいです。CSS を書くすべての人に習得してほしいとすら思います。とくに、最近 CSS を書いていてもつまらなかったり、設計に行き詰まりを感じたりしている人は、迷わず Sass を試してみるべきです。Sass のサイトには “Sass makes CSS fun again”—「Sass でもう一度 CSS を楽しく」というフレーズが掲げられていますが、ハッタリではありません。 しかし、実際に Sass を導入するのは敷居が高いと感じる人も多いのではないかと思います。コマンドラインとかよくわからん、独自構文の学習コストが気になる、実際に仕事で使えるのか疑問…など。 そこでこの記事では、僕が Sass をはじめるにあたって感じていた不安などをもとに、「Sass は難しくないよ!」というアピールを試みます。少しでも Sass 導入の障壁を取
自分が書いたJavaScriptのコードスニペットに対してどのコードが早いのかベンチマークを比較することができるWebサービスであるjsPerfの紹介と使い方。JavaScriptでは同じ機能を実現するための方法は様々であり、どのコードが優れているのかを調べる方法としてプロファイラなどを利用することがあります。しかし、JavaScriptはブラウザ毎によっても速度が変わることが多いため、ブラウザ依存のツールだと比較しにくくなるため、ブラウザ上でテストコードを実行し、それらのベンチマークを簡単に記録、比較できるサービスがjsPerfです。 jsPerfの比較方法 jsPerfの内部ではBenchmark JSというベンチマークライブラリが使用されています。(jsPerfの運営者が作成している) jsPerfの計測方法は一定時間内にどれくらいコードスニペット部が実行できたのかで比較します。その
この記事は、Symfonyアドベントカレンダー2010に参加しています。 Symfony Advent 2010 : ATND Symfonyアドベントカレンダー 2010 | 日本Symfonyユーザー会 前記事: Doctrine on symfony1.4でマスタースレーブ @vectorxenon さん 今までブログを書いた事がなかったのですが、このイベントを機にブログを始めてみようと思います。 本題のSymfony2ですが、最近ではPreview Release4が発表され、日本でもSymfony2に関する情報が 徐々に増えつつあり、今後の展開がますます楽しみになってきました。 本記事では、Symfony2の特徴の1つといえるDIコンテナを拡張する設定ファイルについて見ていこうと思います。 設定ファイルを利用すると、コードをほとんど書く事なくDIコンテナに機能拡張を施す事がで
あまりXSLTって流行ってないけどテンプレートエンジンとしてみたらダントツで速いと思うんですよね。Webアプリケーション用としては。 あまり使われてないので誰も記事を書いてないようですし、ここでjQueryを使ってajax的に取得したXML,XSLをXSLTプロセッサへのせてタグへ出力する例を紹介します。 // XSLT用実行関数(まぁこうやるもんだと思ってください) function xslt(xml, xsl){ // ここで変数xml,xslともに[object XMLDocument]です。 try{ var xsltProc = new XSLTProcessor(); xsltProc.importStylesheet(xsl); $('#target').html(xsltProc.transformToFragment(xml, document)); }catch(e){
当初はNodeのことを5分で話すつもりでしたが、id:tricknotesの「時間はどのくらいあればいいですか?」という有難い申し出を受けて設定したのが20分。 さすがに手元の資料では足りないのでJavaScriptの歴史についても話してきました。 そちらについては資料すら作ってなかったのでホワイトボード使いつつ記憶を頼りに延々しゃべっていくという・・・さらに字が汚くて見えづらかったと思います。すみません。 JS history View more presentations from badatmath で、帰ってきてからざざざっと資料を作りました。 まずはECMAのトコまで。 JSってサイドストーリーがとっても多い言語なので突っ込んで調べるといろいろ新しい発見があり、ネタに事欠かない言語でもあります。そういうのを調べて行くとかなりJavaScriptに親近感が湧くようになるのでみなさん
Droboとは Droboについてはitmediaの記事に紹介されています。 個人ユーザーこそ使ってみよう──RAIDより簡単なストレージアレイ「Drobo」の実力検証(前編) (1/3) 便利そうなディスク装置ですが、特に以下の点が個人的に魅力です。 異なる容量のディスクを集約して、ひとつの仮想ディスクを作る ファイルを保持したまま仮想ディスクの容量を増やせる(小容量ディスクを大容量のものに挿し換える) ディスク増設が簡単(挿し替えるだけ) とっても便利そうなDroboですが、ちょっと値が張ります(価格コムで4万円切るくらい)。 なんとか安く似たようなものが作れないものか。 ググったところ、Glen’s Weblog の ZFS & FreeNAS – A poor (and very geeky) man’s Drobo setup! というエントリで、FreeNASでDrobo風なN
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
2017年6月30日 便利ツール 「海外Webサイト・海外Web屋の特徴」でも少し紹介したプロジェクト管理サービス、Basecamp。「日本語版があれば使ってみようかな」という人がいたのですが、実は日本語に対応しているのです!アカウントの作成、言語の設定を含めた、Basecampの簡単な使い方を紹介します! ↑私が10年以上利用している会計ソフト! Basecampとは? Basecampは37signalsが提供しているオンラインプロジェクト管理ツール。「よりシンプルに使いやすく」をテーマに作られ、海外では企業やフリーランサーに大人気です。チームメンバーとタスクを共有することで、誰がどんな業務を持っているのか、どこでつまづいているのかなどがわかるようになり、結果プロジェクトの進行がスムーズになると思います。 Basecampの特徴 メッセージボード、ToDoリスト、マイルストーン、Whi
さて、Symfony2が完成度を高めたPR7がリリースされました。どうです。このインストールしてアクセスした画面。なんか豪華です。そして本当であれば安定板が出ている予定だったのですが、いまだに絶賛開発中です。 かなり完成度が高くなってきたSymfony2の現在の状況をまとめてみます。漏れor間違いがあれば指摘ください。 サイトのリニューアル いままでsymfony-reloaded.orgだったドメインがsymfony.comになりました。そして、symfony1系のサイトだったsymfony 1.x legacy websiteの上部にもYou are browsing the symfony 1 legacy websiteと案内が表示されています。 legacyと書いてますがSymfony2はまだプレビューリリース版ですのでご注意をば。 そして、ドキュメントにSymfony2 ver
株式会社 アールティージャパンについて 世界の厳選スパイス・ハーブ・食材の通販サイト 神戸アールティー インドレストラン直送!手作りの本格インドカレー・インド料理も販売 神戸アールティーレトルトカレー 6種類セット(180g各1個) ・バターチキンカレー 180g ・キーマカレー 180g ・トマトベジタブルカレー 180g ・スパイシーチキンカレー 180g ・スパイシーキーマカレー 180g ・チキンココナッツカレー 180g 小麦粉不使用でオリジナルカレーパウダーやガラムマサラを 使用した長期保存ができるインドレトルトカレーです。 2,600円(税込)送料無料 初回限定:インドカレーお試しセット 初めてご利用のお客様へまずは“お試しセット”を! 熟練インド人コックの作るインドカレー2品と ナン・ウコンライスの4品をお届けします。 楽天市場店にてお客様レビュー脅威の35,000件を突破
少し前に失恋をした。 Twitterを始めて4年。アカウント作り直しなんかしたけれど基本的にfollowしている人は変わっていない。観測範囲も変わらない。 そんな中でTwitterで出会って付き合い始めて結婚、というカップルが妙に多く感じている。つい先日もオフで何度か合ったことある人が結婚したっけ。おめでとうございます。 如月も数日過ぎたある日、私は悶々としていた。失恋相手に未練があるわけではない。ただ若くして結婚を遂げたことが物凄く羨ましかったのだ。 気がつけば私は所謂魔法遣いと呼ばれる人種になって数年が過ぎていた。彼女いない歴=年齢な典型的な非モテである。 無論ウホッでもないし、友人のように「二次元幼女とちゅっちゅしたいおー」と達観できるほどの境地にない。むしろ女性に興味ありまくりだし付き合いたい。あわよくばセックスがしたい。 とはいえ、出会いがない。出会いがない。 結婚するカップルが
A few weeks ago I wrote about how to use jQuery and a couple modules from the Interface plugin suite to automatically have same-page links scroll to their target location when clicked (Animated Scrolling for Same-Page Links). Well, now that jQuery 1.2 is out, and I've successfully upgraded this site to it without a hitch, we can do the same thing with jQuery core alone. Update This entry is deprec
Web Applicationを綺麗に設計するためのMVACという考え方 - Dive into the Tech World! では、様々な意見をいただきありがとうございました。コメントを見る限り、うまく伝えきれていないなという部分がいくつかあったため、補足としてまとめたいと思います。 前提 前回の記事は一応前提として、以下のようなものがあります。 Web Application設計の新しい手法を提案したわけではない 昔からある手法の理解が自分の中で深まったので、まとめてみたわけです もらった意見とその補足 MVCにおけるMの定義がおかしいのでは Mの定義がおかしいから、Aがある データモデルがMと思うと失敗する これに関しては、「MにSkinnyを」などというように、記事の書き方が少し良くなかったのではないかなと思いました。Mに関しては、DBへのインターフェイス、オブジェクトの層、ロジ
「優れたPerlプログラマを見分ける27の質問」の日本語訳というエントリが人気だったので、MySQL版をやってみた。題して、「優れたMySQL DBAを見分ける27+3の質問(漢バージョン)」。腕に覚えのある人はぜひ試してみて欲しい。 MySQLのサーバープロセスはいくつある? rootユーザーのパスワードを忘れたときの回復手順 MySQLをオンラインバックアップする方法を3つ。(もっとでも可) InnoDBのデータファイルが作成可能な場所はどこか。 InnoDBのデフォルトの分離レベルは? ネクストキーロックについて説明せよ。 ロールバックセグメントにはどのようなデータが格納されるか? InnoDBでデッドロックが発生したときの挙動、および詳細な状態を確認する方法。 MyISAMがサポートしている特殊なインデックス2つ。 MySQLにおけるテーブル1行あたりの最大サイズ。 構成可能なレプ
CSSでDOM要素に対してアルファフィルターを適用させたいときは、クロスブラウザを意識すると次のような記述になると思います。 もうすこし古いMozilla系ブラウザを対象にするなら-moz-opacityの定義も追加してあげるとことになりますが、 今回はIEに絞った話のため、そのあたりは割愛します。 element { filter: alpha(opacity=0); /* IE / opacity: 0; / その他のモダンブラウザ */ } さて、普段は特に何も考えずにfilter:alpha~と記述していたのですが、 実はIEはある条件下によってまったくfilterが効かない場合があります。 ActiveXが無効 そもそもの話ですが、filterはActiveXを利用したレンダリングを行っています。 そのため、そもそもセキュリティの設定などでActiveXを無効にされていると、fi
まえおき GitHub のフリープランはパブリックリポジトリを無制限に作れますが、プライベートリポジトリを作ることはできません。 BitBucket ならどっちも無制限なのに! なんとかして自分専用のリポジトリを作りたい! タダで! というわけでそんな方法を見つけました。 tl;dr gist.github.com で プライベート gist を作れ! master 以外のブランチを使え! 解説 gist.github.com はいわゆる pastebin で、適当なコード片を貼り付けることができます。各コード片(gist)は git リポジトリになっていて普通に clone することができます。 Web インターフェースから行えるのはファイルの作成と編集、削除だけですが、リポジトリをローカルに clone してしまえば普段通りの作業ができるわけです。 しかし、このリポジトリにサブディレク
JavaScriptのパフォーマンスのボトルネックを解消するテクニックとアプローチを解説します。実行時間、ダウンロード処理、ページのライフサイクルなどJavaScriptの様々な部分に対応しながら、DOMへのアクセス、ネットワークのレイテンシ、JavaScriptの同時ダウンロードのブロッキングなど、高速なJavaScriptエンジンであっても最適化できない部分をもカバーしています。本書で述べられているテクニックとアプローチは、パフォーマンスを向上する上で重要であるだけでなく、今後低レベルなJavaScriptの実行時間が短縮されていくにつれて、さらにその重要性は増していくでしょう。 はじめに 1章 読み込みと実行 1.1 スクリプトの配置 1.2 スクリプトのグループ化 1.3 ノンブロッキングなスクリプト 1.3.1 スクリプトの遅延 1.3.2 動的なscript要素 1.3.3 X
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く