読者です 読者をやめる 読者になる 読者になる

JavaScriptを使った開発に便利な定番ライブラリ

開発部の佐野です。 JavaScriptの定番ライブラリについて紹介します。 lodash.js 非常に幅広く便利な機能を提供してくれるライブラリです。 主にコレクションやオブジェクトに関しての機能が中心で、かゆいところに手が届くようなユーティリティをたくさん備…

JavaScriptのアロー関数について

開発部の佐野です。 JavaScriptのECMAScript6で追加されたアロー関数を紹介します。 これは、要は関数を定義する構文です。 従来のfunctionと書く定義とは少し挙動が違います。 それに加えて、より短く簡単に関数を定義できるというのもメリットになります。…

JavaScriptのテンプレート文字列について

開発部の佐野です。 今回は、JavaScriptのテンプレート文字列について紹介します。 これはECMAScript6で組み込まれた新しい機能です。 他にも様々な機能が追加されていますが、テンプレート文字列は汎用性が高く、様々な場面で使える機能です。 「`」(バック…

HTML5の新機能紹介 ~WebStorage~

開発部の真崎です。 今回は、HTML5で導入された新機能の1つ、WebStorageについての紹介です。 WebStorageとは WebStorageとは、HTML5で導入されたブラウザでデータの永続化を行う仕組みのことです。 特徴としては、 * 比較的大容量の文字列データを保存でき…

複数のバージョンのjQueryを読んでしまったときの共存のさせ方

新人の真崎です。今週もよろしくお願いします。 今回は、複数のバージョンのjQueryを読まないといけないときの対処方法について書きたいと思います。1.7系でしか動かないコードがあるけど、1.10系も使ってみたい場合やajaxで取得したページにjQueryを再取得…

javascriptで日付を扱うときに便利なmoment.jsの紹介

新人の真崎です。 このアドベントカレンダーもなんとか1周間続けることができました。残り3週間がんばっていきたいと思います。 今回は、javascriptで日時を扱うときに便利なライブラリの紹介を行いたいと思います。 javascriptにもDateオブジェクトはあるの…

javascriptでもpythonのdecoratorを使いたい

新人の真崎です。 学生時代は、pythonをいじってたりしたので、今回はpythonの機能からjsで実装できそうなものを作ってみたいと思います。 pythonのdecorator 関数の処理の前後に任意の処理を飾り付けれる機能のことです。いわいるデコレータパターンだと思…

event.curretTargetとevent.targetの違い

新人の真崎です。 今回も短めの記事で行きます。 イベントが発火した要素の取得の仕方 イベントが発火したときに、イベントリスナにイベントオブジェクト(最初の引数)が渡されます。 このオブジェクトにどの要素でイベントが発火したのか示すプロパティが2種…

underscore.jsで気になる関数(Functions、Objects、Utility、Chaining編)

前回の続きです。今日はUnderscore.jsのFunctions、Objectsを中心に見ていきます。 Functions FPぽいことするのに便利な関数が揃ってます。 _.memoize(function, [hashFunction]) メモ化関数です。関数の計算結果を記憶しておいて、再計算のコストを低くして…

underscore.jsで気になる関数(collections、arrays編)

2回目にして、もうネタ切れ気味になってきた新人の真崎です。 ネタ切れ気味なので、今日は軽めにUnderscore.jsで気に入ってる関数を幾つか紹介します。 Collections 一般的なmap・reduce・filter系ですが、jsのmap関数はArrayのメソッドだったりするので、Ha…

セレクトボックスのoptionを書き換えるjQueryプラグイン

こんにちは、こんばんは、新人の真崎です。 アドベントカレンダーを始めたはいいものの12/1が終わるまで時間がないので、簡単なネタで行きたいと思います。 セレクトボックスの内容を動的に書き換えたいことが、よくあるのですが、そんなときに使えるjQuery…