開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました ｜https://wp.yat-net.com/name
2015年 09月 10日 開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました カテゴリ： gulp タグ：gulpタスクランナー タスクランナーの一つであるgulp（ガルプ）。使い出すとすごく便利で今ちょっと手放せない開発ツールの一つなんですが、使ってない人からすると、導入コストとか学習コストが気になって、まだ手を出してないという方もいますよね。なので、今回導入用の記事を書いたので、ちょっと気になってるという方、試してみたかったという方に役立てばいいなと思います。 1.タスクランナーとは？ gulpで何ができるのか？ 2.gulpに必要な環境を整える – Node.jsのインストール 3.gulpに必要な環境を整える – package.jsonの作成 4.gulpに必要な環境を整える – gulpfile.jsの作成 5.gulp-ejsを使った開発環境 6.
Falcor: One Model Everywhere
One Model Everywhere Falcor lets you represent all your remote data sources as a single domain model via a virtual JSON graph. You code the same way no matter where the data is, whether in memory on the client or over the network on the server. The Data is the API A JavaScript-like path syntax makes it easy to access as much or as little data as you want, when you want it. You retrieve your data u
Facebookのエンジニアも登壇！「React.js meetup #2」イベントレポート | Goodpatch Blog
こんにちは。グッドパッチのフロントエンドエンジニア/グロースデザイナーの右寺です。 今回は、9/8(火)にイベント＆コミュニティスペース dots.で行われたイベント「React.js meetup #2」のレポートをお届けします！ React.jsとは？ React.jsはFacebook謹製のJavaScriptライブラリです。一昨年のリリースから急激に人気が上昇しています。 その特徴は、同じJavaScriptライブラリであるAngularJSがMVCフレームワークとして全般的な機能を提供するのに対し、React.jsではMVCのViewにあたる部分をComponentとして提供することに特化している、と言えます。 現在、React.jsはFacebook社内だけではなくYahoo!やTwitter、Airbnbなどでも採用されているようです。 主催のお二人 今回のイベントは、昨年末
iTunesで聴いている曲をSlackに通知するアプリをElectronで作った - Qiita
PCアプリ開発者はWeb技術を見くびらないほうがいい、あなたの仕事は今にも失われつつある。 会社のチャットにサーバーアラートを流している部屋があるのだけど、最近ノイズが激しくて見ているだけで心が荒れてくる。そこで、全然関係ない情報を流したらかえって良くなるのではないかと思って、iTunesの曲の情報を流すようにしてみたら案外評判が良かった。スクリプトをNode.jsで書いていたので、Electronでアプリ化すれば簡単に他の人でも使えると思って作った。 Last.fmでもいいのだけど、アートワークがアイコンとして表示されたり、iTunesのURLがリンクになっていたりするところをこだわってる。 使いかた SlackでIncoming Webhookを追加して、WebhookのURLを手に入れます。 https://slack.com/services/new/incoming-webhoo
L'eclat des jours(2015-08-01)
_ nullはObject 仕事コードで、やたらと以下のようなundefinedなコードを見つけて気持ち悪くなる。 x.a = undefined; undefinedなんてのは未初期化変数や存在しないプロパティにシステムが設定する値で、明示的に書くなよばかもの、と直した。 x.a = null; そうしたら例外が出まくる。なんじゃこれ？ しょうがないのでスタックトレースを見て調べる。 catch (e) { console.log(e.stack); // Chromeはstackで採れるけど、取れない実装もあったような。 } すると、次のところで引っかかっていてうんざりした。 if (typeof(x.a) === 'object') { var valueOfA = x.a.value; ... なぜ、そこでifに書いた条件がおかしいと気付かない？ if (x.a) { var va
JavaScriptoon - TechBooster - BOOTH
2015/8/24 電子書籍（PDF版）を登録しました。 紙面をPCやタブレット用に最適化しています（本文サンプルの1枚目を参照ください）。 JavaScriptoon（148p）は、今のWeb技術を切り取って収録しました。最新技術を扱った一冊です。 流行の兆しをみせているPolymer（とその基盤となるWebComponents）やgRPCプロトコルといった注目技術を収録。 WebGLを触るには最適なthree.js、さらにはECMAScript7のSIMDを先取り解説＆パフォーマンスチェックなどWebの表現力とグラフィックの未来を切り取りました。BabelやStream、セキュリティ技術のFIDO U2Fなど、すぐに活きる知識にも触れています。 本書ではvvakameをはじめ現役エンジニアがあれこれ試した生の情報を独自の視点でまとめています。タイトルはもちろんSplatoonパロディ。
Vue.js on Railsパーフェクトガイド - Qiita
概要 薄いフレームワークとしてVue.jsが有名ですが、規模が大きくなると結局たいへんなことになってしまうので、設計が必要です。また、Railsでアプリケーションをつくる場合、Vue.jsのComponentチックな志向をうまく利用するのが一工夫必要かと思います。 そこで今回は、Vue.js on Railsを、中~大規模開発に耐えうる、かつ、RailsとVue.jsのメリットを両方活かせる設計を考えてみました。 「さくっとフレームワークを導入したい！」という方にはやや面倒かもしれませんが、逆に、この通りに作りさえすれば、あとはVue.jsなので、難解な概念が出てくることはありません（個人的には、少なくともこれくらい設計しないとフレームワークを導入する意味が無いのでは?・・・と感じますが）。最初だけ頑張れば、あとは楽ですし、jQueryもそのまま動きます。 ※SPAなどではない、通常のRa
JavaScript開発者が一度は読むべきStackOverflow - Qiita
10.How do JavaScript closures work? http://stackoverflow.com/questions/111102/how-do-javascript-closures-work JavaScriptのクロージャーについて 結構とっつきにくい「クロージャー」に苦労されている人も多いかもしれませんが、サンプルコードが多いので英語わからなくても助かります 個人的にはQuestionの「Like the old Albert Einstein said: ... 」というくだりが好きw 9. What does “use strict” do in JavaScript, and what is the reasoning behind it? http://stackoverflow.com/questions/1335851/what-does-use
第26回 #ginzarb 参加レポート | DevelopersIO
丹内です。 掲題の通り、Ginza.rb 第26回 シングルページアプリケーションのためのRailsとJavaScript フレームワークに参加してきたので、レポートします。 会場に行くまで 会場の株式会社みんなのウェディングさんは築地駅の近くにあり、アクセスが良かったです。 また、オフィスもとても綺麗でした。 Ginza.rbでは参加前の自己紹介Pull Requestを出す文化なのですが、これを忘れていて、直前の駆け込みPRになってしまいました・・・ 自己紹介 最初に自己紹介タイムです。 Pull Requestした自己紹介Markdownを映しながら、簡単に自己紹介をしていきました。 この自己紹介だけでも、最近の流行りや苦労している点が聞けて、非常に興味深いと思いました。 自己紹介を聞いている限り、「実際に触っている人が多いのはvue.js、調べている人が多いのはReact.JS」と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dont do $('#foo').get(0), use Plain JS instead (Example)
Amazon.co.jp: :
Amazon.co.jp: 速習ECMAScript6: 次世代の標準JavaScriptを今すぐマスター！ 速習シリーズ: 山田祥寛: Digital Ebook Purchas
JSのパフォーマンスをお手軽に解析する方法 - Qiita
Portada - Universo Subaru
GitHub - railsware/upterm: A terminal emulator for the 21st century.
Things You Should Know About JavaScript | 8th Light
今フロントエンドで何が起こっているのか / Toru Kobayashi
GitHub - gazay/gon: Your Rails variables in your JS
どうしてこうなった？ Node.jsとio.jsの分裂と統合の行方。これからどう進化していくのか？ / Yosuke FURUKAWA
GitBook
