旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita
はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ
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
なんだかんだで SPA から jQuery に戻った話 - ボクココ
最近は SPA とか React といった話題が尽きないが、自分は結局 フロントエンド JavaScript は jQuery が最もいいと感じている。それはそれら SPA の JavaScript をいじった経験を踏まえての感想。 理由としては、「 やりたいことができにくい 」これに尽きる。 最新を追うということ 自分が最初にSPAを触ったのは AngularJS だった。なるほど、この ng-repeat や $route, $scope などを使えば、今までサーバサイドでやってたようなレンダリングが表側で制御できるようになる！と感動したものだった。この気持ち良さはきっとサーバーサイドでごにょごにょやっていた経験のある人ならなおさら感動するものだ。 さて、じゃあといって「次作るのは SPA のサービスにしよう！」と意気込んで初めて見たとする。それで作っただけで話題になるし、エンジニアと
Socket.IOでリアルタイムWebアプリ - Intelligent Technology's Technical Blog
はじめまして、出石です。 ふとwebアプリを作ってみようかと以前から気になっていたSocket.IOを使ってみましたのでご紹介します。 目新しい技術ではありませんが、簡単なリアルタイムチャットを作ってみたいと思います。 Socket.IO はじめにSocket.IOとはリアルタイムwebを実現するAPIです。 リアルタイムwebを実現するにはサーバ・クライアントの双方向通信が必要です。実現する為の技術としては「Comet」などの「long polling」がありますが、HTTPコネクションの維持によるオーバーヘッドがあるなどリアルタイム性のある処理には最適とは言えません。 リアルタイムな双方向通信の手段としてはwebsokcetがあります。 websocketとはブラウザ間の双方向通信を行う通信規格で、持続的接続(ソケット)を持つ為、同じく双方向通信を実現する「Comet」等でネックだった
社内勉強会でReactとFluxについて喋った - pixiv inside [archive]
開発が大好きな@geta6です。 React meetupのことを完全に見逃していて悔しかったので、外部公開の社内勉強会でReactとFluxについての発表をしました。 経緯 現在ピクシブではReactでFluxな感じの構成で新サービスを開発中です。これまで社のプロダクトとしてReactを採用したことは無く、この新サービスが初の採用となる予定です。社内の空気感は「FluxもReactもよく聞くし何となくわかってるけど、詳しくは知らない」という感じでした。 そこで、自分の理解度の確認と、一緒に開発しているチームの人や社内外の開発現場の皆さんに大体の感覚を掴んでもらえるよう「ReactとFluxって一体全体なんじゃらほい」というテーマで、ざっくりと大枠を捉える発表をしました。 資料 speakerdeck.com ReactとFluxのこと // Speaker Deck スライドには入ってい
![社内勉強会でReactとFluxについて喋った - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8d0ed6fcb034b99b3f6481c12f69296fc5deef2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F11696248318756278971%2F8454420450092816254%2F1430122329)
React.js 実戦投入への道 - Qiita
最近話題のReact.jsですが、実戦投入に当たっては結構重たい選択を迫られることになります。 ざっくり言えば、テンプレートエンジンを捨ててReactしますか?それともReactあきらめますか?という選択です。 本記事ではReactの基本思想とこうした選択肢が生まれてしまう背景を述べるとともに、後半では「どちらもあきらめない」という(若干シミュレーションRPGあるある感のある)第三の方策について案を提示します。 Reactの基本 最初に、Reactの基本的な仕組みについてまとめておきます。 Reactは公式ドキュメントが非常に充実しているので、始める際はぜひQuick Startのドキュメントに目を通すことをお勧めします。 Getting Started Tutorial Thinking in React 後述しますが、Reactを使ってアプリケーションを作る際の設計方法についての記載が
Reactがなぜ素晴らしいのか
詳しくはこちらへ → https://www.facebook.com/groups/toretatech/
正規表現でパスワード入力チェック
大阪のＵです。 正規表現ってみんなどれぐらい使ってるんでしょう？ 自分は正直あまり使ってません。。 使えば便利なのは判ってますが、 考えるのが面倒臭かったりするので、 プログラムで逃げたりして、なかなか使わない。。 たまに使う機会があっても、普段使ってないので、 すぐ忘れてしまう始末。 というわけで、プログラムで逃げてばっかりもアレなので 今回はちょっとパスワードの入力チェックを 正規表現でやる方法を考えてみました。 【条件】 ・6文字以上であること。 ・使用できる文字は半角数字、半角英小文字、半角英大文字、ハイフンのみであること。 ・数字、英小文字、英大文字の混在であること。 【正規表現】 ^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z\-]{6,}$ いきなり答えを書いてますが、 自分はこれの元になった正規表現を見つけたとき、 何が書いてあるか
Google Maps JavaScript API v3 の使い方 - Qiita
最近 JS で Google Maps API をいじることにしたのでいろいろ調べていました．すると，Console の画面が変わっていたりキーの取得方法が変わったりでちょっとややこしかったので，最新版の使い方をまとめました．2014/09/10 時点での情報です． 環境 Google Chrome for Mac Version 37.0.2062.94（本記事で載せているものはすべてこのバージョンの Chrome でのみ動作を確認しています．他ブラウザで実行できない場合はご了承ください〜．） Developers Console でプロジェクトを作成 ※Google のアカウントが必要なのであらかじめ取得しておいてください． まず，Google Developers Console へアクセスして作成するアプリケーション用のプロジェクトを 1 つ作成します． Create Projec
stockcode.info - このウェブサイトは販売用です！ - stockcode リソースおよび情報
このウェブサイトは販売用です！ stockcode.info は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、stockcode.infoが全てとなります。あなたがお探しの内容が見つかることを願っています！
FourSquare API を Node.js から使ってみる (前編) - 自習室
まえおき こちらの記事に触発されて、4sq API を叩いてみたくなりました。すばらしいツールなのでぜひ試してみて下さい。 今までfoursquareにチェックインした都道府県を塗りつぶしてくれるツールを作ったよ - koogawa blog #foursquareでチェックインした都道府県を塗りつぶしてくれる地図機能欲しい。MapKitでそんな事できるかな— Kosuke Ogawa (... 行動ログをどう使う？ FourSquareを自分も3年続けていて、立派な行動ログとして情報がたまっています。ただ、標準のアプリだと、情報の取りだし方が画一的で少し物足りないです。 また、すべての情報をがっつり取り出してみたいなら、4sq APIをガンガン叩いてすべてを可視化してくれるツールもあります。こちらはこちらで非常に便利。 4sqmap - Foursquare Maps and Stati
AngularJSでorderByやfilterが効かないことがある（ような気がする） | 日記の間 | あかつきのお宿
この記事を三行にまとめると AngularJSのソートやフィルタリングをやってみるっすよー。 何かソートやフィルタリングが効かないことがあるっすよー。 画像はMVCの人文字です。 AngularJSっていうjavascriptのMVCフレームワークがありまして……これがなかなか便利なので、僕も最近使っているんですが、いまいち使い慣れてないこともあって、意外に簡単なことでつまづいたりしている毎日です。 AngularJS 今日はその中でも、たぶんAngularJSを使う上で、かなり頻繁に使われる機能なんじゃないかと思われる『ng-repeat』のフィルタリングやソートについて。 一言で言うと、これが効かない場合があるような気がするんですよ。や、僕の考え方とかやり方が間違ってただけなら、遠慮なくつっこんでもらえればと思うんですが。 一応、まずは基本的な使い方から ぶっちゃけ、AngularJS
Reactive Programming in JavaScript
- + 最近の小学校では、「お父さん・お母さんの名前をグーグルで検索してみましょう」という、世にも恐ろしい授業があるらしい。・・・。 — 丹 洋介 (@yosuke_tan) January 25, 2015
AngularJSのdeferredで並列実行 - hokaccha memo
jQueryの$.whenみたいに複数のdeferredを同時に処理するみたいのはAngularJSだと$q.allでできる。 var d1 = $q.defer(); var d2 = $q.defer(); var d3 = $q.defer(); $timeout(function() { console.log('d1'); d1.resolve('d1'); }, 10); $timeout(function() { console.log('d2'); d2.resolve('d2'); }, 1000); $timeout(function() { console.log('d3'); d3.resolve('d3'); }, 200); $q.all([ d1.promise, d2.promise, d3.promise ]).then(function(result)
AngularJSでのバリデーションの基本 | tsuchikazu blog
この記事は、AngularJS Advent Calendar 2014 - Adventar の19日目の記事となります。前日は、@albatrosaryさんのYEOMANにあるAngularJS関連ジェネレータをご紹介します - albatrosary's blogです。YEOMANのジェネレータしか使ってこなかったので、他のも触って違いを感じてみたいです。 今日は、AngularJSの基本的なバリデーションの話です。AngularJSの初心者向けの記事になります。最近、仕事でもAngularJSを触り始めているので、少しずつノウハウを公開していきたいと思います。 AngularJSはバリデーション周りで便利な仕組みが色々と用意されていますが、それを拾い集めるのがなかなか大変なため、基本的なことをまとめてみました。 前提 環境 AngularJS 1.3 やりたいこと メールアドレスが
AngularjsでDirectiveを作るときに考えていること - ハードコイルド・ワンダーランド
最近、仕事や趣味でAngularjsのDirectiveを作る機会が何回かありました。Directiveは非常に強力な機能ですが、使い方を誤ると碌なことにならないので現在どのような方針でDirectiveを作っているのかを書きます。 いまや最も優れたJavaScriptフレームワーク「AngularJSリファレンス」出版記念会 イベントレポートでも触れられているように、ベストプラクティスが見つかっていない感じなので色々な人の意見を聞きたいです。 基本的な方針 可能な限りDirectiveは作らない DirectiveはAngularjsの中でも仕様が複雑で理解しづらく、ファイルが分散するので作るだけの明確な理由がないものについてはDirectiveにするべきではない。Angularjsはビルトインディレクティブが充実しており、大半の問題はこれを利用すれば解決する。無駄な重荷を負う必要はない
AngularJSでの非同期処理の話
XAML と C# を使った Windows ストアアプリ（LOB）構築のためのtips Prism 4.5 & Kona project 等のご紹介Shotaro Suzuki
Promiseを使おう - Qiita
このエントリはAngular JS Advent Calendarの投稿です。 Promise使ってますか？ Promiseは非同期をうまくやってくれます。 Promise インターフェースは作成時点では分からなくてもよい値へのプロキシです。プロミスを用いることで、非同期アクションの成功や失敗に対するハンドラを関連付けることができます。これにより、非同期メソッドは、最終的な値を返すのではなく、未来のある時点で値を持つプロミスを返すことで、同期メソッドと同じように値を返すことができるようになります。 プロミスは何らかの値をもって成功、もしくは何らかの理由をもって失敗となることができます。そのどちらとなっても、then メソッドによって関連付けられたハンドラが呼ばれます。 Promise.prototype.then メソッドと Promise.prototype.catch メソッドはプロミ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJSでFormのPOSTがうまくいかない
(｡･ω･)ﾉﾞ AngularJS select option value | (σ・∀・)σ ぴんちゃん