Ember.js はじめました – Ember.js入門(1) | DevelopersIO
こんにちは、渡辺です。テスト系のエントリーやAWS系のエントリーも書きたいのですが、なぜかクライアントMVCのエントリーを投下することになりました。 ここ数年、多くのクライアントサイドのMVCフレームワークがリリースされています。ひとつの流行ではあると思いますが、ある程度の淘汰も進み、ひとつの実装パターンとして認知されているでしょう。そこで、最近になって注目している人も多い、Ember.jsについてとりあげていきたいと思います。 Ember.jsとは？ 今回とりあげるEmber.jsは、幾多のクライアントサイドMVCフレームワークのひとつです。現在も活発に開発が行われており、本稿執筆時点での最新バージョンは、1.0.0-rc.7です。RCなのでもうすぐ正式版がリリースされるという話ですが、そんな話が半年近く続いています。 一言で雰囲気を伝えるならば、「なんかRailsっぽいな」というフレー
Dart逆引きリファレンス | DevelopersIO
Dart Synonymの章立てをベースとした逆引きリファレンスです。 Dartは2012年3月現在、まだまだ鋭意開発中の言語です。今後も言語仕様に変更や追加が行われていく可能性がありますので、本リファレンスを参照の際にはその点にご留意ください。 目次 導入（Getting started） HTMLにDartコードを埋め込みたい プログラムの開始ポイントが知りたい Dartコードが実行不可能な場合の処理を指定したい 標準出力（コンソール）へ文字列を出力したい モーダルアラートを表示させたい コードのモジュール化（Code modularity） ライブラリを定義したい ライブラリを使用したい 単一ファイルのみを読み込みたい 変数（Variables） 変数を宣言して値を代入したい デフォルト値について知りたい 変数宣言の巻き上げについて知りたい 変更を許可しない変数を宣言したい コレクシ
イベントハンドリング – Dart逆引きリファレンス | DevelopersIO
イベントハンドリング（Event handling） W3CのDOMで仕様化されている「addEventListener」や「removeEventListener」は用いません。そのかわり、Dart Editorのコード補完で滑らかに入力することができる記法となっています。 ExampleEventHandling.html <!DOCTYPE html> <html> <head> <title>ExampleEventHandling</title> </head> <body> <h1>ExampleEventHandling</h1> <h2 id="toc-dart-is-not-running" id="status">dart is not running</h2> <script type="application/dart" src="ExampleEventHandl
【Source Maps】Chrome CanaryでSCSS(Sass)のデバックを試してみました。 | DevelopersIO
アジェンダ Source Mapsとは？ テスト環境 Sassのアップデート Chrome Developer Toolsの設定 確認用ファイル Google Chrome Canaryで確認 まとめ Source Mapsとは 最近での開発でHaml、SCSS(sass)、CoffeeScriptなどの拡張メタ言語を使って開発する機会が増えてました。 拡張メタ言語はコンパイル・圧縮等をして出力しますが、出力されたデータは多少デバックするのがめんどくかったりすることがあります。 Source Mapsファイルはコンパイルする際、出力元データのマッピング情報が記載され、その情報をもとにブラウザやデバックツールからソースを解読してくれます。 テスト環境 OS:windows7 ブラウザ:Google Chrome Canary Chrome Developer ToolsがSource Map
レインボーテーブル – パスワード流出への対策を根本から理解する。 | DevelopersIO
はじめに 先日、Yahooに不正アクセスがあり、ユーザ名とパスワードを抽出しようとするプログラムが見つかったそうです。 そんな事もありまして、今回は少し趣を変えて、レインボーテーブルのお話をしたいと思います。 今まで概念は知っていても使う事がなかった技術ですが、この機会に詳しく知っておくのも良いかと思います。 レインボーテーブルは、ハッシュから平文を得るためのアルゴリズムの一つですが、実際にそのアルゴリズムで使用されるテーブルの事をいうこともあります。 今回はレインボーテーブルというアルゴリズムについて掘り下げて行きたいと思います。 ハッシュと平文のセットのテーブル レインボーテーブルの基本的な考え方は、非常にシンプルで、このハッシュだったら平文はこれですよというのを事前に用意しておきましょうという事です。 例えば人気パスワードランキング2012より、上位5件のパスワードに付いてもしこのハ
JavaScriptのMVCフレームワークと仲間たち ｜ Classmethod.dev()
JavaScriptのMVCフレームワークと仲間たち JavaScriptでイイ感じに開発をしたいという欲求が高まってきたため、自分でフレームワークを作らずに世界の賢者たちから学びたいと思います。今回は、JavaScriptでMVCフレームワーク等を実現しているフレームワークや周辺のライブラリ、さらにはツールやユーティリティまで幅広くご紹介します。 (2012/1/17 updated) Backbone.js Spine.js JavaScriptMVC AngularJS SproutCore Ember.js YUI App Framework Broke.js Fidel.js Sammy.js KnockoutJS eyeballs.js The M Project Knockback Batman.js Shipyard.js Agility.js ベース jQuery Doj
node.jsのいろいろなモジュール7 – js-optsでコマンドライン引数を使う | DevelopersIO
optsを使ってコマンドライン引数を使う node.jsで、プログラム実行時にコマンドライン引数を渡して実行したい場合、みなさんはどうしていますか？ process.argv変数を参照すれば指定された引数を取ることができますが、js-optsモジュール ※1を使用すればもっと簡単に行うことができます。 今回はコマンドライン引数を扱うためのjs-optsについてご紹介します。 インストール 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.1 Node.js : v0.4.11 npm : 1.0.30 ではnpmを使用してインストールしましょう。 % npm install opts インストールできたらnpmコマンドで確認します。 %npm list /path/your/app └── opts@1.2.1 extraneous インストールできたので、サン
jQueryを使った特定要素までの簡単スムーススクロール | DevelopersIO
なんて定番な記事を書いているんだろうと恥ずかしく思いながら、せっかく書いたんだから公開はしておこうと思い戸惑いながら公開ボタンを押下しました。 前置きは置いておいて、本題ですがjQueryを使えば、動きのなめらかなスムーススクロールを簡単に実装できます。今回は、スムーススクロールの原理について紹介します。 デモ まずはスムーススクロールがどんなものなのかについてですが、Webサイト内でよく見かけるページ内アンカーに利用したサンプルを用意しました。下に移動のボタンをクリックしてみてください。 サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのためのスペース確保を目的としています。サンプル文章です。スクロールのた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
