-
2014年06月24日
-
AngularJSで配列とCheckBoxをバインディングする。
はじめに AngularJSを用いている際に、以下のようなデータ構造をCheckBoxにバインディングする際に非常に悩みました。 単純にAPIから配列をもらいバインディングさせたいのですが、 ただバインディングさせるので […]
-
2014年06月10日
-
97件のシェア(ちょっぴり話題の記事)
AngularJS を用いたアプリをレスポンシブ化してみた。
はじめに AngularJS UI BootstrapにはBootstrapが用いられているため、 下記のGrid systemをそのまま使う事が可能です。 CSS · Bootstrap 実装例 サンプルとしては、弊社 […]
-
2014年06月09日
-
Bootstrap Navbar コンポーネントのレスポンシブ化
Bootstrap の Navbar コンポーネントを自前のスタイルやスクリプトを組まずにレスポンシブ対応できるか試そうとして調べていたところ、現行バージョン ( v3.1.1 ) の サンプルコードは、レスポンシブ対応 […]
-
2014年06月04日
-
AngularJSにE2Eテスト環境としてProtractorを導入する。
はじめに AngularJS Generatorで作成した雛形にはE2Eテスト環境を作ろうとした形跡は見られるのですが、実際にGruntのタスクとしては登録されておらず、E2Eテストは行えない状態です。 また、E2Eテス […]
-
2014年05月28日
-
ツイートボタンのデザインを独自にカスタマイズする方法
この記事のすぐ上をご覧いただければお分かりのように、弊社ブログのソーシャルボタンは従来のそれではなく、独自のデザインにカスタマイズされています。少ない手順でオフィシャルのソーシャルボタンを設置するのもお手軽でいいですが、 […]
-
2014年05月21日
-
IntelliJ IDEA で JSHint を使う
IntelliJ IDEA には JSHint が統合されている JSHint は、Node.js で実装されている JavaScript 用コード検査ツールです。 IntelliJ IDEA (WebStorm など […]
-
2014年05月19日
-
AngularJS 製アプリで jQuery を使いたい
本記事で使用している AngularJS のバージョン 1.2.16 angular.element 先日紹介した ng Global APIs の中に angular.element というメソッドが用意されています。 […]
-
2014年05月16日
-
133件のシェア(ちょっぴり話題の記事)
積極的に利用したい AngularJS グローバル API
本記事で使用している AngularJS のバージョン 1.2.16 フレームワークが提供している機能は積極的に使いたい AngularJS の標準モジュール (ng module) には、サービスやディレクティブといっ […]
-
2014年05月14日
-
146件のシェア(ちょっぴり話題の記事)
AngularJS 案件ふりかえり
4 ヶ月強続いた案件がひと段落したので、過去に投下した下記エントリを元に振り返ってみました。 https://dev.classmethod.jp/client-side/javascript/angularjs12xs […]
-
2014年05月01日
-
Windows 環境でMiddlemanを動かす
はじめに 弊社ブログの中でMiddlemanがWindowsで動かないといった記載があったので、 その検証と対応を行ったといった内容になります。 結果としては以下の方法で動かすことが可能でした。 JRubyを用いてmid […]
-
2014年04月25日
-
1270件のシェア(殿堂入りの記事)
CSS には vw, vh, vmin, vmax という単位がある
一般的に CSS で要素の幅や高さを指定する際は px や % といった単位を使いますが、最近のブラウザにおいてはこの他に vw, vh, vmin, vmax という単位を使うことが出来ます。 ついさっきまでこんな単位 […]
-
CFCのクエリ結果をAngularJSが読めるフォーマットに変換する
フロントエンドにAngularJS使う機会が増えてきたので、勉強ついでに昔作ったWebアプリのフロントをAngularJSに置き換えてみようと思いAngularJSを触ってみました。 まずは以下のクエリをサンプルに使って […]
-
2014年04月21日
-
116件のシェア(ちょっぴり話題の記事)
D3.js入門 – 「データ・ドリブン」という特徴について
はじめに D3.jsについて調べ始めた、t-hondaです。 前回はいきなりD3.jsとRuby on Railsを組み合わせてグラフを表示してみましたが 今回はD3.jsの入門編として、特徴と、簡単なソースの書き方につ […]
-
2014年04月02日
-
77件のシェア(ちょっぴり話題の記事)
【Fontello】アイコンを選んでWebフォント化してくれるジェネレータ
Fontelloとは? Fontelloサイト Webフォントアイコンを使用する際に、こちらのサイトを利用する機会があったのでご紹介します。 FontelloはWebフォントアイコンを自己で選択して、選択したアイコンをW […]
-
2013年12月17日
-
305件のシェア(そこそこ話題の記事)
AngularJS コードの構造化
複数人で AngularJS を利用した Web アプリケーションを構築するときに必要なルールをまとめてみました。 ( あくまで策定中のルールであり、今後も改変する可能性があります。また、ベストプラクティスを謳うものでは […]
-
2013年10月31日
-
[Haxe/CreateJS] Haxe 3 + CreateJS(2013/09/25 ver) 環境構築
導入理由 過去の Haxe/CreateJS 記事で使用していた Haxe のバージョンは 2 でしたが、CreateJS 用 の haxelib が Haxe 3 および CreateJS 2013/09/25 版 [ […]
-
2013年10月23日
-
HTML5 × CSS3 × jQueryを真面目に勉強 – #18.1 画像ファイルからカラーパレットを作ってみる (後編)
前回の記事にて Canvas 上に画像データを表示したり、ピクセル単位で色情報を取得するなどといった操作の基本を学びました。これらの知識を踏まえて、画像ファイルから特定の色を抽出してカラーパレットを生成する処理を Jav […]
-
2013年10月21日
-
HTML5 × CSS3 × jQueryを真面目に勉強 – #18 画像ファイルからカラーパレットを作ってみる (前編)
そんな訳で、HTML5 の Canvas を駆使して一枚の画像ファイルから色情報を取得する方法を学んでみました。まだ学習の途中ではありますが、画像ファイルからカラーパレットを生成するところまでは出来るようになったので、当 […]
-
2013年10月04日
-
Component – Ember.js入門(9)
前回のエントリーではViewを紹介しましたが、今回はComponentを紹介します。 Componentとは？ 非常にざっくりとした言い方をするならば、Ember.jsのComponentは独自のタグを定義する機能です。 […]
-
2013年10月03日
-
View – Ember.js入門(8)
Ember.jsには盛りだくさんの機能がありますが、今回はViewを紹介します。次のエントリーで紹介するComponentと似た機能ですが、微妙に違っていて混乱します。このエントリーでは、Viewについて解説し、違いにつ […]
-
2013年10月02日
-
リスト表示 – Ember.js入門(7)
アプリケーションでは、しばしば取得した情報の一覧を表示します。Ember.jsではモデルに配列を指定する事で、簡単に一覧表示を行うことができます。 リストを表示する簡単な例 簡単な例として、メンバーの一覧を表示するアプリ […]
-
2013年09月26日
-
【YUIDoc】JavaScriptのドキュメントを生成ツールを試してみた。
アジェンダ YUIDocとは? 動作環境について インストール YUIDocのコメント書き方 動作確認 YUIDocとは? JavaScriptのドキュメントを生成ツールです。 公式サイト: YUIDoc - Javas […]
-
2013年09月16日
-
条件句 – Ember.js入門(6)
Ember.js入門の6回目は条件句、いわゆるifとかunlessです。それほど難しい話題でもないのでサクサクといきましょう。 バインディングと条件句 Ember.jsでは他のテンプレートエンジンと同様にModelやCo […]
-
バインディング – Ember.js入門(5)
Ember.jsの基礎を徹底的に解説するEmber.jsの5回目です。今回はいよいよバインディングについて解説します。内容としては、アクションの基本 - Ember.js入門(4)からの続きとなるため、読んでない方は先に […]
-
アクションの基本 – Ember.js入門(4)
1.0.0がリリースされたのにも関わらず、あまり盛り上がっていないEmber.jsですが、めげずに入門シリーズを継続します。 Ember.jsは、日本語の情報が致命的に少ないというのもありますが、@emadurandal […]
-
2013年09月02日
-
ControllerとModel – Ember.js入門(3)
先日、Ember.js 1.0.0 がリリースされました。RC1から約半年となりましたが、ついに正式版となります。しかし、最後の最後まで大きな変更が続いていたため、安定するのは先になるような気がします。 さて、Ember […]
-
2013年08月30日
-
Routingの基本 – Ember.js入門(2)
Ember.jsを学ぶシリーズの2回目は、Ember.jsの特徴のひとつであるRoutingの基礎です。 なんか、気付いたらRC8がリリースされています。今度は最終RCという噂もありますが、とてもRCとは思えない変更っぷ […]
-
2013年08月29日
-
92件のシェア(ちょっぴり話題の記事)
Ember.js はじめました – Ember.js入門(1)
こんにちは、渡辺です。テスト系のエントリーやAWS系のエントリーも書きたいのですが、なぜかクライアントMVCのエントリーを投下することになりました。 ここ数年、多くのクライアントサイドのMVCフレームワークがリリースされ […]
-
2013年08月13日
-
158件のシェア(すこし話題の記事)
WebアイコンフォントFont AwesomeのSCSS版を使ってみる
画像作るのって面倒ですよね。最近はRetinaディスプレイの対応で解像度別に画像を作らなければならない機会もあると思います。個人的にはできるだけ画像は使いたくない。少し前に登場したWebアイコンフォントっていうテクニック […]
-
2013年08月12日
-
[ Middleman で超速プロトタイピング ] #02 Middleman の便利機能 7 選
そんな訳で、前回は Middleman のインストールから基本的な機能まで学習しました。今回はより本格的に使いこなすために、Middleman の持つ膨大な機能の中から僕が比較的多用している機能を7つばかり紹介していくと […]