javascript

IEでアロー関数が使えなかった話

はじめまして。2020年新卒入社しました。S.Rです。 まだまだ勉強中の身ですが、私の記事が皆さんの お役にたてれば幸いです。 今回は初学者の私が少しつまずいたトピックを取り上げます。 何が起きたか アロー関数とは なぜ どうする? おわりに 何が起きたか…

新入社員の研修にProgateを使ってみた話

開発部のTです。 4月からの新入社員研修にProgateというサービスを使ってみました。Webサービスを利用した新入社員研修は初めての試みだったので、私個人の所感も交えて紹介しようと思います。 Progateとは prog-8.com 初学者向けのオンラインプログラミング…

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

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

JavaScriptのアロー関数について

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

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

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

HTML5の新機能紹介 ~WebStorage~

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

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

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

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

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

javascriptでもpythonのdecoratorを使いたい

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

event.curretTargetとevent.targetの違い

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

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

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

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

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

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

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