Chen's blog | Chen's blog
材料, 3个大鸡腿盐水浸泡,手揉搓去血水 葱姜蒜 香菜1把 花椒20粒 柠檬1个 白芝麻 作法, 鸡腿冷水中火下锅,加葱姜料酒去腥,加2个八角增香,中火水烧开,去掉表面泡沫,转小火煮半小时 柠檬洗净去两头切薄片备用 5根洗净香菜切3厘米小段 5瓣蒜切末,2根小葱切末,5片姜片切末,1勺白芝麻,切碎干辣椒,放一起做成配料 鸡肉用筷子可以穿过,鸡肉取出浸入冷水,鸡汤保留(可下面) 花椒(可配料中直接加花椒粉代替)热油烤焦取出,花椒油浇到配料上(可用花椒粉代替) 配料再加2汤勺生抽,1汤勺醋,少量盐,1汤勺白糖,1大勺鸡汤搅拌 鸡肉从冷水中取出擦干,加柠檬香菜和配料充分搅拌 可选,鸡肉放入冰箱1-2小时让鸡肉更紧致 视频, Youtube Dropbox
Googleの新言語「Dart」、ECMAが標準化を開始
Googleが、JavaScriptよりも優れたWeb言語として開発中の「Dart」。このDartの標準化をECMA Internationalが開始したと、The Chromium Blogのエントリ「Ecma forms TC52 for Dart Standardization」で報告されました。 Dartは先月、最初の正式版となる「Dart 1.0」がリリースされたばかり。 ECMA InternationalはJavaScriptの標準化を行っている団体でもあり（JavaScriptは正式にはECMAScriptという名称）、DartはGoogle独自の言語から標準化された言語へと最初のステップを踏み出したことになります。ECMAは他にもC#の標準化も行っています。 WebブラウザにDartVMを搭載することを目指して 昨年の10月にGoogleがDartを発表したとき、Java
Jiko
jiko Full Featured Template Engine for JavaScript View on GitHub Jiko Jiko is a modern and easy to use template engine for Javascript. Its objective is to provide to Javascript programmers a way to write templates with an engine as powerful as server-side state of the art template engines like Jinja and Mako. <% var rows = _.map(_.range(0, 10), function(el) { return _.range(0, 10); }); %> {% funct
AngularJSをこれからはじめてみようかな？という人のための記事まとめ | バシャログ。
暖房器具のチョイスを迷いまくっているminamiです。 Google製のJavaScript MVC（MVVM）フレームワーク、AngularJS 1.2 がリリースされました。最近にわかに盛り上がってきている（気がする）ので、ここ最近自分で読んで参考になった導入記事やチュートリアル関係をまとめてみました。 導入記事 JavaScript MVCフレームワーク「AngularJS 1.2」リリース。要望の多かったアニメーション機能が追加、脆弱なコードを制限するモードも AngularJS 1.2の機能、主なアップデート内容について 新・三大JavaScriptフレームワークの実践(Backbone.js Knockout.js Angular.js) Backbone.js、Knockout.jsとも比較。この3つのフレームワークはどの局面でどれを使うか迷っている人も多いと思うので参考にな
AngularJSの素晴らしさを整理してみる - pochi's weblog
久々のブログになります。 3年ほどJavaScriptを利用した開発をしてきましたが、最初はなぜJavaScriptでMVCフレームワークが必要なのかいまいちわからず、いろいろ試行錯誤してきました。 今日はタイトルの通りAngularJSが素敵だなということを書きたいのですが、よくあるベストプラクティスみたいなものではなく、自身がどのように思考回路を経由してここに行き着いたのかという経験談を記しておきたいと思います。 ちなみに私のJavaScript力は高くありませんのであしからず・・・。 jQuery 昔々、JavaScript MV(V)Cみたいなものがなかった時代、JavaScriptでリッチなものを作ろうとなるとjQueryやDojoのような低レイヤーのフレームワークが主に利用されていました。 その当時簡単なシングルページアプリケーションを作っていましたが私はjQueryを採用しま
コードのインデントはタブ？スペース？ クォートはシングル？ダブル？ 人気のあるコーディングルールの統計 -Popular Coding Convention
コードのインデントはタブ？スペース？ クォートはシングル？ダブル？ 人気のあるコーディングルールの統計 -Popular Coding Convention
「D3.js」を使ったデータビジュアライゼーション
Webやスマートデバイス、センサーなどあらゆるものから情報を収集出来るようになり、世の中には膨大なデータが溢れかえっています。また、ビッグデータやデータサイエンティストといったキーワードに注目が集まり、データ活用への期待が高まっています。しかし、単純に収集したデータはそのままでは見づらく、そこから意味を汲み取ることは困難です。そこで、データの見せ方や伝え方が重要になってきます。 D3.jsとは D3.jsは、Mike Bostock（mbostock）が作成したデータ可視化用途で人気のJavaScriptライブラリで、データをDOMと結びつけ、データ駆動によりグラフを作成することができます。ソースコードはGithubで公開されており、人気を表すStarの数がGithubに公開されているリポジトリ全体で6番目に多いことからも、注目の高さが伺えます（2013/10現在）。ライセンスは修正BSD
米Adobe、SVGを扱うオープンソースのJavaScriptライブラリ「Snap.svg」を公開
「Snap.svg」は、SVGコンテンツのアニメーションと操作のための強力で直感的なAPIで、マスキング、クリッピング、パターン、フルグラデーション、グループ化などの機能によってコンテンツをインタラクティブで魅力的にできる。「Adobe Edge」ツール＆サービスを補完し、今日のモダンなWebブラウザに求められる強力な描画能力とパフォーマンスに優れたグラフィックス機能をサポートする。 Internet Explorer 6以降のWebブラウザ上でSVGを扱うためのデファクトスタンダード「Raphael」の作者である、アドビのディミトリ・ブラノフスキー（Dmitry Baranovskiy）氏が新たに作成しており、Apache 2ライセンスに基づいてリリースされる。なお、「Raphael」とは異なり、Internet Explorer 9以降、Safari、Chrome、Firefox、Op
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
Snap.svg - The JavaScript SVG library for the modern web.
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
HTMLコーディングの問題点を浮かび上がらせてくれるブックマーク·DiagnostiCSS MOONGIFT
DiagnostiCSSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 Webブラウザはよく出来ていて、Web標準に沿っていなくともそれっぽく表示してくれます。しかしそれに安穏としているとレガシーなブラウザなどで表示が失敗したり、意図した動作にならないことがあります。そこでDiagnostiCSSを使ってチェックしてみましょう。 MOONGIFTで実行しました。様々な枠が表示されました。 マウスオーバーで画面上部にメッセージが表示されます。例えばonclick指定の指摘です。 かなりダメなところは赤い枠になっています。 DiagnostiCSSでは問題のあるHTML要素について枠で囲むことで問題を把握しやすくしてくれます。主にインラインスタイルやイベント属性、無効なリンク、空または廃止予定の要素、必要な属性のない要素などがリストアップされます。 HT
AngularJSの設計思想 [Google I/O 2013] - ワザノバ | wazanova.jp
[Video] https://www.youtube.com/watch?v=HCR7i5F5L8c AngularJSのHype (盛り上がり感)があるようなので、GoogleのMisko HeveryとBrad GreenがGoogle I/O 2013でAngularJSの設計思想について語っているのを紹介します。 アプリ開発は、雛形構文（ボイラープレート）を利用しながらデータをブラウザとDBの間でやりとりさせるのが中心で、気づいてみると同じ雛形構文を書く作業をかなり繰り返している。コードを書いてる時間よりもコードを読んでいる方に時間がとられることも多い。この雛形構文を使った作業を極力減らして、アプリに付加価値をもたらすコーディング作業だけを抽出したいと思った。 コーディング作業が効率的になる構造が欲しかった。 フレームワークにテストを組み込むが、フレームワーク自身をきっちりテスト
ダブルMVCの意味するところ [GoGaRuCo 2013] - ワザノバ | wazanova.jp
[Video] http://www.youtube.com/watch?v=s1dhXamEAKQ TildのYehuda KatzのGolden Gate Ruby Conference 2013での講演。 Ruby on RailsのクリエーターであるDavid Heinemeier Hanssonが、「JavaScript勢はダブルMVCで苦しんでいる。サーバとクライアント両方にMVCが必要で複雑すぎる。」とTwitterで発言したのに対して、Yehudaは、それでは誤解を与えると危惧し、GUIプログラミングが歴史的にどのようにMVCに発展してきたかを紹介することで、ダブルMVCが本当に意味するところを解説しています。 DHHの発言は、盛り上がってきたMeteor / Node.js勢に対する単なる批判っぽいですが、それに対してYehudaはロジカルに話をまとめてます。 スライドを
JSON、ECMA標準となる。仕様文書「ECMA-404」が公開
「JSON」（ジェイソン）は、軽量のデータ記述フォーマットとして、さまざまなソフトウェア間でのデータ交換で広く使われています。 もともとJSONはJavaScriptのオブジェクト表記法をベースにDouglas Crockford氏が2001年頃に“発見”し（Crockford氏自身が「JSONはそれ以前から存在しており、私は発見しただけだ」と主張している）、命名。2002年にCrockford氏が作成したWebサイトjson.orgで仕様が公開されました。 当時はデータ交換フォーマットとしてXMLが主流になると見られていましたが、軽量で記述や解析が容易なJSONは現在、XML以上に広く使われるデータフォーマットになっています。 そのJSONが、JavaScriptの標準化団体でもあるECMA Internationalで標準化され、仕様文書が「ECMA-404」として公開されたと、Dou
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://messagebarjs.codersgrid.com/
Google、Dart 1.0をリリース
Google Releases Dart 1.0
10 Most-Useful JavaScript Libraries and Tools For Web Designers and Developers
Account Suspended
JavaScript Libraries and Tools to Speed Up Coding | Code Geekz