手抜きです
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
忙しくない人は、公式のチュートリアルを頭から全部やると良いです。めんどくさくてそっちはやってないので分かりません。 とりあえずここを開いてジャッヴァスクリプトを眺める モジュールについて 基本中の基本。特に推奨セットアップのところを見ておけば良い。 DI(依存性注入)について こっちを読んだ方が幸せになれるかも。 どんなサンプルを読むにあたっても、DI の仕組みを知ってないと辛くなる。仕組み自体はよくできているが取っつきづらい。 特に 引数名で渡される実体が変わる 部分は慣れるまで気持ち悪い気がするし、ぼくは気持ち悪い。もっと言うと、minify した場合などで変数名が変わると動作しなくなるため基本的には変数名を指定して、実体を捕捉する必要がある。 var sampleApp = angular.module('sampleApp', []); /** たとえば、Controller で
http://cdnjs.com/ (Webサイト) cdnjs について http://takanosho.wordpress.com/2012/10/29/cdnjs-major-js-library-hosting-cdn/ より引用 JavaScriptライブラリを気軽に参照することができるCDNは便利ですが、Google CDNやMicrosoft CDNにはjQueryなどの超メジャーどころのライブラリしか登録されておらず、CDNだけですべてを済ませることはできません。 (中略) こちらのCDNはBackbone.jsやUnderscore.jsなどの「比較的メジャーだけどGoogle CDNやMicrosoft CDNに登録されていないライブラリ」がホストされており、こちらから参照することで気軽にこれらのライブラリが使えます。 注目のライブラリ http://cdnjs.co
It's presented how classical OOP approaches and design patterns can be used for modern JavaScript applications.
前回、Rubyを楽しく学ぶコンテンツのエントリで紹介したRuby Warriorが楽しいという声を幾つか見かけました。 オンラインでコーディングできるサービスは色々ありますが、デザインや音楽、ゲーム性が優れていて熱中しやすいのでしょう。 残念ながら私は参加できませんでしたが、今月のGinza.rbもRuby Warriorをみんなでやってみるという催しで盛り上がったようです。 RubyWarriorのBGMが中毒性高い。しばらく口ずさんでしまいそう。#ginzarb— Masatoshi Iwasaki (@masa_iwasaki) April 15, 2014 RubyWarriorに集中していてだれもツイートしてない^^; #ginzarb— 高橋 明 (@Talos208) April 15, 2014 今回は同様にゲーム感覚でJavaScriptを学習でき、日本語化もされているC
当エントリは、 FOSS4G Advent Calendar 2011 の12/19分として投稿したものです。ぜひ他の方のエントリも御覧下さい。 (錚々たる面々の中に割り込んでしまってビクビクしておりますが、くじけず最後まで頑張ります!) こんにちは。monomotiです。「ちずぶらり」という古地図/絵地図アプリのデータのオーサリングやサーバ・web周りの開発をやっています。 その中でしばらくleafletを触る機会がありましたので、いろいろレポートしたいと思います。 leafletとは 釈迦に説法とは思いますが、一応このleafletとは何か説明しておきますと、JavaScriptで書かれたタイルベースの地図クライアント・ライブラリです。 その特徴は、 軽量(フル装備で69KB)! 動作がヌルヌルしていてお洒落! というものです。ヌルヌル感の例をあげると、ズームは離散ズームなのですが、ズ
JavaScriptプログラミングのTOPへ JavaScriptのコーディングでオブジェクトを扱う際, 「インスタンスがちょっとずつ異なっている」という場合は,その自由度に見合ったクラス(=プロトタイプ)を1つだけ定義してやれば事足りる。 しかし,それに加えて「クラスも複数あって,ちょっとずつ異なっている」という場合, 複数のクラスの共通部分を親クラスに定義し,子クラスで継承する,という手続きが必要になる。 親クラス,子クラス,インスタンス,という順に定義を実装すると,コードの流れは下記のようになる。 (1)共通定義 ①クラス間で共通のデータを定義する。 (2)個別定義(クラス生成コード) ①クラス間で異なるデータを定義する。 ②同一クラス内のインスタンス間で共通のデータを定義する。 (3)メイン処理(インスタンス生成コード) ①各クラスを利用する。同一クラス内のインスタンス間で異なるデ
JavaScriptプログラミングのTOPへ JavaScriptの例外(throw, try-catch-finally構文)の使い方について,以下の点を論じる。 (A)breakとreturnとthrowの比較 (B)throwを利用した設計のイメージ (C)throwの使いどころ (D)例外処理のサンプルコード×2 (A)break(continue)とthrowとreturnは何なのか どれも「goto」である。 特に,breakがGOTOである事についてのサンプルコード: HOGE:{ alert( "このメッセージは表示されます。" ); // "GOTO"の役目をする。該当ブロックから抜ける break HOGE; alert( "このメッセージは表示されません。" ); }// end of HOGE alert( "HOGEブロックを抜けました。" ); http://d
2014年1月17日、ベルサール新宿グランドにて開催された「エンジニアサポートCROSS 2014」の中の1セッション「実況解説つき!ペアプロでわかるJavaScriptテスト入門」をレポートします。 エンジニアサポートCROSS 2014とは 「複数の技術を身につけなければWebサービスは作れない=クロスしないと生きていけない」をテーマに、「エンジニアサポート新年会2012 CROSS」として第一回が2012年に開催された勉強会イベント、それがCROSSです。今年で3回目になります。 「実況解説つき!ペアプロでわかるJavaScriptテスト入門」 このセッションは「JavaScriptで書かれたよくあるコードをベースに、ペアプロでテストコードを足していく様子を解説者が説明する」という内容になります。 それでは、さっそくセッションの模様を見ていきましょう。 登壇者 本セッションの登壇者
インテル、無償のHTML5アプリ開発ツール「Intel XDK」を刷新。ランタイムエンジンにBlinkベースの「Crosswalk」を採用 ただし名称に関しては、現バージョンの「Intel XDK」を2月末で提供終了した後には、新バージョンの「Intel XDK NEW」の名称が「Intel XDK」となる方針も合わせて明らかにしました(本記事では分かりやすさのため新バージョンを「XDK NEW」と記します)。 PhoneGapに代わりCrosswalkが採用 Intel XDKはHTML5/CSS/JavaScriptによるアプリケーションの開発環境と、PhoneGapによるビルドシステムを備えており、AndroidやiOSなどのクロスプラットフォームに対応したモバイルアプリケーションを開発することができました。 XDK NEWの最大の変更は、ビルドシステムをPhoneGapから、ランタ
Understanding 해운대고구려 Facebook Marketing Works Having a really good해운대고구려 item may certainly not be actually a guarantee for excellent purchases. It’s achievable for you to possess wonderful service or products,… [더 보기] Just howCrucial 해운대룸싸롱 The Right Diabetes Mellitus Diet? There is actually해운대룸싸롱nothing more important than the best diabetes diet regimen. Diabetic issues is actually a major disea
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス 型 グローバルAPI ngMockモジュール サービス グローバルAPI AUTOモジュール サービス ngAnimateモジュール サービス ngCookiesモジュール サービス ngMockE2Eモジュール サービス ngResourceモジュール サービス ngRouteモジュール サービス ディレクティブ ngSanitizeモジュール フィルター サービス ngTouchモジュール ディレクティブ サービス このサイトについて AngularJSの日本語リファレンスです。 AngularJSの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教え
皆さん、こんにちは。id:KenichiroMurataです。 今回はKnowledge Noteにて連載させて頂いていた 「試して学ぶBackbone.js入門」が全5回分公開されたため、そのまとめをしたいと思います。 記事のコンセプト タイトルに含めた通り、実際にコードを書いて試してみることでBackbone.jsの理解を深めることを一番の目的としています。 なので、ぜひ実際に記事の中に出てくるコードを書いて、動かして、コンソールのログや動作を確認することをおススメします。 各記事の概要 第1回 試して学ぶBackbone.js入門 Backbone.jsの概要から、インストール方法、Model、Collectionの基本を説明しています。 目次 はじめに セットアップ Modelの基本 Collectionの基本 Collectionの便利な関数 第2回 試して学ぶBackbone.
DI (Dependency Injection)ってのは日本語では依存性注入とも呼ばれ、大雑把に言うとAngularJSがコントローラなどに必要とされているコンポーネント(オブジェクト)をいい感じに渡してやる機能です。 ここでは特にAngularJSのDIがどのような仕組で動いてるか、そしてその独特なDIの実装にまつわるトラブルケースを説明します。 AngularJSのコントローラの書き方 まずはAngularJSの中心的な機能であるコントローラの書き方には、簡単版と面倒版の複数の書き方があることを抑えておきましょう。 パターン1(グローバル関数パターン) サンプルとかでよく見るのは↓こういうグローバル関数の形のコントローラです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く