- 2019年2月18日
LeafletのアイコンオプションiconAnchorの意味
Leafletは地図をJavaScriptで描画、操作するためのライブラリです。地図上に何かを置きたい時、それはアイコンオブジェクトを用いて実現することが多いです。アイコンを定義 […]
CATEGORY
JavaScript
- 2019年2月15日
- 2019年2月15日
HSL表記によって色を自然に変化させる
色の表記の定義である色空間には様々なものがありますよく聞くものに赤青緑の三原色を用いたRGB、それに加えて透明度を足したRGBAがあります。他にも印刷で使われるCMYK（Cyan […]
- 2019年2月14日
Vue.jsでVue.js向けに開発されていないライブラリを用いる
Vue.jsはwebページを部品化してコーディングすることを目的としたJavaScriptのフレームワークです。単一コンポーネントの仕組みを用いたVue.jsのコード例の多くは（ […]
- 2019年2月13日
【JavaScript】「The body of a for-in should be wrapped in an if statement to filter unwanted properties from the prototype」エラーの対処法
長いタイトルですみません…。 現在開発中のシステムで導入している ESLint という検証ツールで、タイトルにあるエラーが発生したので、対処法をまとめ。 エラー文は「The bod […]
- 2019年2月12日
Leaflet関連のライブラリを用いる際たまに起こるライブラリのバグ
Leaflet – a JavaScript library for interactive maps LeafletはJavaScript上で地図を描画、操作できる […]
- 2019年2月12日
【React】エンターキーが押されたことを検知する方法
チャット画面を作成していたとき、エンターキーでテキスト入力エリアに入力したテキストを送信するという処理を行いたかったので、その方法について。 React と書いていますが、恐らく通 […]
- 2019年2月6日
【Cordova】端末のシェイクジェスチャーを検知できるプラグイン「cordova-plugin-shake」
今回は、スマートフォン端末がシェイクされたことを検知できるプラグイン「cordova-plugin-shake」をご紹介。 正直、今回実際に使うまでは「こんなプラグイン、一体いつ使 […]
- 2019年2月5日
お手軽に機能付きテーブルを作るJavaScriptライブラリDataTables
DataTables | Table plug-in for jQuery DataTablesはJavaScriptのみでテーブルにページネーション、検索、並び替えを付与するラ […]
- 2019年1月30日
【React-Router】history.pushで遷移先のページにデータを渡す方法
昨日の記事に引き続き、React-Router でのページ遷移について。 今回は、遷移先ページにデータを渡す方法です。 パスからパラメータを取得する方法もありますが、個人的にはこち […]
- 2019年1月29日
【React】子コンポーネントでhistory.pushを使用する方法
タイトル通り、React 環境でページ遷移機能である、history.push を使用する方法です。 React Router を使用すれば、ページ遷移機能が簡単に実装できるのです […]
- 2019年1月28日
【JavaScript】ReactでFont Awesomeを利用する
タイトルにある通り、Reactを導入しているプロジェクトで Font Awesome を利用したかったので、その導入方法についてです。 なお、導入手順は Font Awesome […]
- 2019年1月25日
Vue.jsの単一コンポーネント用styleタグ属性scoped
Vue.jsには単一コンポーネントという仕組みがあります。これは単一のファイルの中にHTML構造テンプレート、JavaScriptによる動的操作、CSSによるデザイン指定を書き込 […]
