Javascript Mapbox地図にある地点を中心に距離別の円を表示させてみる

Mapboxを使って作成した地図の中に、ある地点から半径◯KMで円を作る場合はよくあると思います。中心点の座標と半径を入力して、円を作成してもらう方法を調べまして、Mapbox+Turf.jsで出来ました。これから、今回の実装方法を紹介します。

read more...

Javascript NuxtJSのエラーページ(404 errorなど)を変更してみた

NuxtJSのデフォルトエラー画面をカスタマイズしたいため(特に404 not foundの表示)、変更する方法を試してみました。 そんなに手間がかからないので、方法をメモして、今後修正したい時に参考になると思います。

read more...

Javascript Firebase Authentication + NuxtJSでGoogle認証を実装してみた

NuxtJSにFirebase認証を導入するのは簡単にできると思ったが、意外にはまりました。 今回は静的なサイトにGoogle認証の機能を実装しまして、その過程にメモした方が良いと思う部分があったので、記事にしました。 今後、同じ構成で認証機能を作成したい時に、参考になればと思います。

read more...

Javascript NodeJSでLinuxコマンドを実行する

Nodeの環境でJavascriptを使ってLinuxコマンドを実行する方法をメモしました

read more...

javascript AWS SDK for Javascriptを使ってブラウザーから画像をS3にアップロードする

以前画像をS3にアップロードする時に、まずはサーバーに画像を一時的に保存してから、S3にアップロードしましたが、今回はブラウザーでサーバーに画像を保存せずにそのままS3にアップロードしてみました。

read more...

Javascript JavascriptでJsonファイルを読み込んで並び順を変更する

プロジェクトの関係で、Jsonファイルのデータを再処理することがあったので、ファイル読み取りと保存方法(fsモジュール)、配列の並び順変更の方法(sort関数)とその結果をメモしておきます。

read more...

Javascript Javascript 配列にある空やNULL要素を排除する方法

filter関数でいらない要素を排除する方法で空やNULL要素も排除できます。

read more...