jQuery pluginの書き方をいまさら - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Getting Started with Browserify — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. JavaScript implementations have been getting more and more complex as the beautiful beast we call the web evolves each year. Many of us now work with JavaScript modules – independently functioning components th
[JavaScript] オブジェクトをループでまわす - Qiita
「そもそもオブジェクトをループで回したい場面なんてねぇよ！」 「潔く標準のメソッド使えよ！」といったツッコミを想定の上で書いております. ご承知の上でお読みください. フロー ふとオブジェクトをループで回したいってときに私がたどるフロー for in 使うか? いや keys で key 配列とってきて forEach で回したほうがカッコよくね？ obj.keys().forEach(...) ... あれ? エラー?? keys って Object の static メソッドかよ!! Object.keys(obj).forEach(...) これを今回は↓ forIn(...) 使お♪ で済ませちゃおうって tips です. よくやっちゃうダサいパターン for in でまわす. hasOwnProperty() 忘れがち. var human = { name: "phi", ag
![[JavaScript] オブジェクトをループでまわす - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/55322767a32d358fb082f59fa7d0dbf06c860d51/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNzc1NiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MDcwOD9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz0yMDg5YWE2OTljNzUzNGQ3YWQzNDM1YjEwMWVhZjRiNQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dad1469ca61be031e845c1c818664c067%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFMyU4MiVBQSVFMyU4MyU5NiVFMyU4MiVCOCVFMyU4MiVBNyVFMyU4MiVBRiVFMyU4MyU4OCVFMyU4MiU5MiVFMyU4MyVBQiVFMyU4MyVCQyVFMyU4MyU5NyVFMyU4MSVBNyVFMyU4MSVCRSVFMyU4MiU4RiVFMyU4MSU5OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTU2NTBiMDAzZTVkNzdlM2JlNmYyZGI5ODFhNDVlMzkx%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBwaGkmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1mNzA5ZDQyYTc3OGRkNzYxZDRkNmY1YjBiZDVhNWZmNw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Db1369548de9e766dcac13755046adfec)
AngularJS を用いたアプリをレスポンシブ化してみた。 | DevelopersIO
はじめに AngularJS UI BootstrapにはBootstrapが用いられているため、 下記のGrid systemをそのまま使う事が可能です。 CSS · Bootstrap 実装例 サンプルとしては、弊社ブログのFeedを用いました。 radiant-meadow-2447.herokuapp.com/#/rwdfix AngularJS Generatorで雛形を作成する際に、 AngularJS UI Bootstrapを用いる事で既にCSSも取り込まれます。 表示部分に関する実装は以下になります。 <div class="container-fluid"> <div class="row"> <div ng-repeat="entry in feed.entries" ng-if="$index % 3 === 0"> <section class="col-xs-1
npmのあまり知られてない機能 10選 - from scratch
なんか最近Twitterとか職場でも「npmの機能でそんなのあったんだ」って言われること多いので、説明していきます。 ちなみにタイトルにとりあえず10選って書いたけど、あんまりたくさん思いついてないのに、10選って書いてしまったので最後の方は微妙かもしれません。 1. npm installは npm i でも同じことができる まぁ単純なショートカットですね。isntallとかtypoしてても空気読んでくれるんですが、短いほうがいいよねってことで。 # npm installって書くのも $ npm install socket.io #npm i って書くのも同じ $ npm i socket.io # ちなみに --saveは -S, --save-devは -D にできる $ npm i socket.io -S $ npm i mocha -Dショートカット小ネタ。 2. npm
Private Presentation
Private content!This content has been marked as private by the uploader.
本当のClosure Compilerをお見せしますよ。
天下一altJS武闘会での発表 http://connpass.com/event/6402/ Google Closure Compilerの最新事情について
Web rtcの使い方
Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...
jsプロジェクトのメタファイルが多すぎてウザいのでchestというのを使ってみたメモ - DRYな備忘録
メタファイルが多すぎる TypeScriptに限った話ではないのだけれど、JavaScript関連のプロジェクトつくってるとパッケージ管理などを定義するメタファイルがトップディレクトリに散乱することになる。たとえば otiai10/prisc at freeze/before-chest · GitHub ここの bower.json Gruntfile.coffee testem.json あたりがそれ chestというのがあるっぽい watilde/chest · GitHub The easy metafile manager とのこと インストール % npm install -g chest % which chest /Users/otiai10/.nvm/v0.11.9/bin/chest つかってみる % chest put bower.json [?] Add bower
フロントエンジニアになってから５ヶ月間で欠かせなくなったツールを晒す - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。 スペック的にはJava歴が10年くらい。 割とツール好きで、できればキーボード（カーソルキー以外）だけですべての操作を完結したいと思っている。 そんなおっさんがお送りします。 5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロントエンド開発 HTML/CSS(SASS)/Javascript PCはIE8~、Chrome。モバイル端末はiPad、Nexus7 職場での
Opal: Ruby to Javascript Compiler
Opal Ruby to Javascript Compiler It is source-to-source, making it fast as a runtime. Opal includes a compiler (which can be run in any browser), a corelib and runtime implementation. The corelib/runtime is also very small. Opal Documentation opal.min.js opal-parser.min.js Use the CDN Opal is hosted on GitHub . You can join the community by chatting on Gitter at opal/opal or on Freenode IRC (chann
[JS] XHR2の機能を学ぶ - YoheiM .NET
こんにちは、@yoheiMuneです。 今日は、とても便利なXMLHttpRequest version2の内容紹介を、ブログに書きたいと思います。 Special Thanks to https://flic.kr/p/mCxBaM この記事の目的 この記事は、XHR2の様々な機能を実装することを通して、XHR2について深く学ぶことを目的にしています。 自分はXHR2について便利そうだなぁという印象しか持っておらず、機能面や実装方法は無知でした。 そんな自分に対して、XHR2に対する確かな知識を持ちたいと思い、この記事を執筆することを決めました。 目次 XHR2とは XHR2とは、XMLHttpRequestのバージョン2です。W3Cではこちらのページで仕様策定が行われています。 XHR2では、XHR1で行えるサーバーとの非同期通信に加え、バイナリーデータを扱えたり、通信の進捗状況を把握
![[JS] XHR2の機能を学ぶ - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/969d631f6467c175a72cc01a1b9846e2d530c88d/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F327.jpg)
Everything is broken, and I don't know why.
JSConf US May 28th 2014 Video: https://www.youtube.com/watch?v=e4eE5VeO1_o
JavaScript で if 文を書くとき必ず波括弧を書くべきと主張しているスタイルガイド - @kyanny's blog
新人さんの JavaScript のコードレビューをしていて、 if 文の本体部分を波括弧で囲っていないコードを見つけた。 おれは本体が一行しかなくても必ず波括弧で囲うようにしており（そのほうがわかりやすいと思っているから）、できればそうして欲しいけど個人の好みを押し付けるのはよくないので、広く支持されているコーディングスタイルガイドの類いで同様の主張をしているものが無いか探した。 Google とか Mozilla とか GitHub あたりのドキュメントを眺めてみたが if 文の波括弧についてはっきり言及している箇所を見つけられずにいたら、該当するドキュメントをいくつか教えてもらった。 http://contribute.jquery.org/style-guide/js/#spacing if/else/for/while/try always have braces and alw
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JavaScript] JS で関数を引数オーバーロードできるようにしてみた ※黒魔術 - Qiita![[JavaScript] JS で関数を引数オーバーロードできるようにしてみた ※黒魔術 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/98073c299fb18bc173c1d32a33bec874131c6617/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNzc1NiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MDcwOD9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz0yMDg5YWE2OTljNzUzNGQ3YWQzNDM1YjEwMWVhZjRiNQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dad1469ca61be031e845c1c818664c067%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMEpTJTIwJUUzJTgxJUE3JUU5JTk2JUEyJUU2JTk1JUIwJUUzJTgyJTkyJUU1JUJDJTk1JUU2JTk1JUIwJUUzJTgyJUFBJUUzJTgzJUJDJUUzJTgzJTkwJUUzJTgzJUJDJUUzJTgzJUFEJUUzJTgzJUJDJUUzJTgzJTg5JUUzJTgxJUE3JUUzJTgxJThEJUUzJTgyJThCJUUzJTgyJTg4JUUzJTgxJTg2JUUzJTgxJUFCJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJTIwJUUyJTgwJUJCJUU5JUJCJTkyJUU5JUFEJTk0JUU4JUExJTkzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MDNmNTU3MjEwMDU2OTFhY2E2NTRlZjgxMTdjZTg0NDY%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBwaGkmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1mNzA5ZDQyYTc3OGRkNzYxZDRkNmY1YjBiZDVhNWZmNw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D1e02c2a64d7d2268766ea70094ff24cc)
GitHub - mkwiatkowski/todo-rails4-angularjs: Showcase of Rails 4 and AngularJS integration
Hacking with Unicode
Hubot + CoffeeScript ではじめるやわらかプログラミング入門
HTML内でIDをつけた要素はJavaScriptのグローバル変数に格納される - Qiita
Unshackling JavaScript with Macros
