http://jsgirls.org/
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
JavaScriptライブラリの気になる実装をどうやって見ていくか
はじめに 毎日新しいJavaScriptライブラリが登場していると思いますが、それらがどういう実装になっているかを知ることはライブラリを使う以上に大事かもしれません。 ソースを全部読めば分かるかもしれませんが、それをやるには時間が足りません。 JavaScriptに限った話では無いですが、今回はJavaScriptを例に”特定の機能はどうやってるんだろ?”という事を調べる方法についてです。 探す前にドキュメントに載ってないかを見るのが手間がなくて一番よいですが、書いてない場合は実装を見ます。 Vue.js 今回はVue.jsというAngularJSやKnockoutのようなViewとModelのデータバインディグを行うライブラリを例に、データバインディグはどうやっているのかを2つの方法で調べてみたいと思います。 コードをステップで見ていく これはよく見る方法で皆さんもやったことがあると思い
Vue.js - The Progressive JavaScript Framework | Vue.js
The Progressive JavaScript Framework An approachable, performant and versatile framework for building web user interfaces. Why Vue Get Started Install Get Security Updates for Vue 2 Special Sponsor slot is now vacant - Inquire now Approachable Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Performant Truly reactive, compiler-optimized rendering
[日本語訳]Yeoman App Generatorsの書き方 - Qiita
はじめに Yeoman用の独自のgenerator作りたいなーと思っていたら丁度WRITING CUSTOM YEOMAN APP GENERATORSていうドキュメントがあったので訳します。適当に端折ったり言い換えているので、完全な詳細は原文を読んで下さい。 とりあえず感想だけ言うと「Yeomanはじまったな」です。あとでFirefox OSのアプリ(Open Web Apps)用のgenerator作るで。generatorはNode.jsで動くのでNode.jsで何か作った事ある場合は割と簡単に色々出来ると思う。 目次 このガイドはYeoman generatorシステムを使おうとしてる人を助ける為のものです。説明を飛ばしてもgeneratorの利用は出来ます。 導入 generatorのタイプ ボイラーテンプレートなgeneratorを作る アプリケーションの土台を生成するgene
![[日本語訳]Yeoman App Generatorsの書き方 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e3d7239c45bce7222cf1cc4ad650addf79fc86a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253D%25255B%2525E6%252597%2525A5%2525E6%25259C%2525AC%2525E8%2525AA%25259E%2525E8%2525A8%2525B3%25255DYeoman%252520App%252520Generators%2525E3%252581%2525AE%2525E6%25259B%2525B8%2525E3%252581%25258D%2525E6%252596%2525B9%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253D3c5194b6821fb6a3a84b46c89601bcf5%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540sys1yagi%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253D3e60c60354849f31cdcfffaf47999ea2%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3D6fa664cfa777709d5ca7ca03e466bd62)
gulp.js で TypeScript をコンパイルするプラグインを作った - kotas.tech
タスクランナー Grunt の対抗馬として今年あたりブームがきそうな gulp.js ですが、TypeScript をコンパイルするプラグインが見当たらなかったので作りました。 https://npmjs.org/package/gulp-tsc https://github.com/kotas/gulp-tsc 使い方 npm install --save-dev gulp-tsc して gulpfile.js で以下のように require('gulp-tsc') するだけで使えます。 var gulp = require('gulp'); var typescript = require('gulp-tsc'); gulp.task('compile', function () { gulp.src(['src/**/*.ts']) .pipe(typescript()) .pipe
%25E3%2582%25B3%25E3%2583%25B3%25E3%2583%2591%25E3%2582%25A4%25E3%2583%25AB%25E5%2585%25A5%25E9%2596%2580)
Haxe(JavaScript)コンパイル入門 - FlashDevelop.jp
Haxe(ヘックス言語)はECMA Script 4をベースにした言語であり、コンパイルするとJavaScriptやPHP、ActionScriptなど様々な言語として出力することができます。 本記事ではFlashDevelopを利用してHaxe言語を書き、HTML5/JavaScriptファイルを作成する手順を紹介します。 この記事の手順で行えばおおよそ10分程度で利用できるようになります。 セットアップ手順 Haxeのインストール Haxeの公式サイト( http://haxe.org/download )からHaxeをインストールしましょう。Downloadページにある［Automatic Installer］(自動インストール)の項目から、Windows用の［Windows Installer］を選択します。 インストーラーを実行するとセットアップの手続きが始まりますので、手順どお
Sinon.JS
jQuery#triggerのテスト describe('jQuery#trigger', function() { it('イベントハンドラに値を渡せること', function(done) { var $el = $('<div>'); $el.bind('foo', function(event, val) { expect(val).to.be('bar'); done(); }); $el.trigger('foo', 'bar'); }); }); コールバックが2回呼ばれるかをテスト describe('jQuery#trigger', function() { it('イベントハンドラに値を渡せること', function(done) { var $el = $('<div>'); var count = 0; $el.bind('foo', function(event,
Webアプリをいまどきの手法で爆速開発した — KaoriYa
外道はるかぜちゃんジェネレータというWebアプリを いまどきな手法を用いて爆速で開発した話を紹介します。 先の3連休中、外道はるかぜちゃんジェネレータというWebアプリを開発&公開しました。ここで採用した開発手法がいまどきな爆速開発でしたのでちょっと紹介&ステマします。使った技術は以下の通りです。 AngularJS: Googleが開発しているViewModelなWeb開発ライブラリ(MVW: Model View Whateverだったかな?w) Github pages: スタティックサイトのホスティングに最適 Kii Cloud: mBaaS (mobile backend as a service) で共有データの保存に利用 HTML5 Canvas: 画像生成に。サーバサイドではなにもしてない! サービス概要 外道はるかぜちゃんジェネレータはベースとなる画像があり、そこに面白い
Web design and development articles and tutorials for advent
24 ways is the advent calendar for web geeks. For twenty-four days each December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer. Learn more Drew McLellan puts the chairs up on the tables, sweeps the floor, and closes off our season, and indeed the entire 24 ways project with a look back at what it’s meant to run this site as a site project,
最近のJavaScriptの開発環境(On 仕事) - deruiの日記
書く気力がある内に、少しでもブログを書いた方がいいなー、と思い、どれくらいぶりか忘れましたが、二日連続での更新です。 ここ二ヶ月ほど、仕事の都合ではありますが、かなり自由のきく状態で、ひたすらにJavaScriptの開発をやっていました。結構分量が多い開発でしたが、その過程で、今やっておかないともう無理や！と思い、JavaScriptの開発環境を整えました。 その前に 今のプロジェクトに約10ヶ月ほど参加していますが、その間にも少しずつですが、環境の改善を進めていってはいました。変遷は大体こんな感じです。 最初 約5万行〜のJavaScript。ほとんどがグローバルにぶちまけられている ＆ jspに「直接includeされている」ものが大半 デバッグがものすごい大変。別の.jsに書いてあるグローバル変数とか関数を使っていたりして、非常に読み解きづらい。というか無理。 セミコロンすら無いJa
Interviewing a Front-End Developer
Part of my role at Twitter and Stripe involved interviewing front-end engineering candidates. We were given a fair amount of discretion on how we went about interviewing, and I developed a few different sets of questions that I thought would be interesting to share. I'd like to prefix all of this with the caveat that hiring is extremely hard, and figuring out if someone is a good fit within 45 min
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home
oimou
The typical module pattern が AMD に対応しない理由
ejci - Overview
http://ken.outputsocket.com/
GitHub - vladikoff/grunt-devtools: 🛠 Grunt Task Runner Extension for Chrome Developer Tools
最近のJavaScript情報の探し方 · Issue #2 · jser/jser.info
Angular Directive throws $digest already in progress when trying to call controller method