
Webサイトにhighlight.jsを導入してコードを見やすくする
フロントエンド
このブログでコードを見やすくするためにhighlight.jsを導入しました。npmで インストールしてwebpackを使う形で導入したので、方法をまとめておきます。

Vue.jsでカードカウンティングアプリを作ってみた
フロントエンド
Vue.jsとBulmaを使ってカードカウンティングアプリ(PWA)を作ってみました。Vue.js環境でBulmaを使うための手順をメモしておきます。

Bootstrap4 を試してみる
フロントエンド
CSSフレームワークであるBootstrap4を試してみました。導入手順をメモしておきます。

Vue.jsで作ったPWAをGithub Pagesで公開する
フロントエンド
Vue CLIでPWAのサンプルを作り、作ったPWAをGithub Pagesで公開するまでの手順をメモしておきます。

Firebase Cloud Messagingを使ってWeb Push通知を試してみる
フロントエンド
クロスプラットフォーム メッセージング ソリューションのFirebase Cloud Messaging(FCM)を使ってWeb Push通知を試してみました。

Geolocation APIを使用して、現在位置を取得してみる
フロントエンド
Geolocation APIを使用すれば、ユーザーの位置情報を取得することができます。これを使ってGoogle Map上に現在の位置情報を表示してみます。

Maps JavaScript APIを使ってみる
フロントエンド
Google Maps PlatformのMaps JavaScript APIを試してみます。
このサンプルでは東京都調布市の人気スポット(?)をクラスタリングして表示します。

Chrome Extensionを作ってみる
フロントエンド
選択した語句をAmazonで検索するだけのシンプルなChrome Extension(拡張機能)をお試しで作ってみました。