menu-icon

「フロントエンド」の記事一覧

article-img
Webサイトにhighlight.jsを導入してコードを見やすくする
フロントエンド

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

article-img
Vue.jsでカードカウンティングアプリを作ってみた
フロントエンド

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

article-img
purecss-sass (Pure CSS for Sass) を導入する
フロントエンド

purecss-sassという軽量CSSフレームワークPureのSassを見つけたので、Webpackを使うパターンの導入方法をメモしておきます。

article-img
CSSフレームワーク Bulmaを試してみた
フロントエンド

CSSフレームワークのBulmaを使ってみました。node-sassを使ってビルドする方法のメモです。

article-img
Bootstrap4 を試してみる
フロントエンド

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

article-img
Vue.jsで作ったPWAをGithub Pagesで公開する
フロントエンド

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

article-img
Firebase Cloud Messagingを使ってWeb Push通知を試してみる
フロントエンド

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

article-img
Geolocation APIを使用して、現在位置を取得してみる
フロントエンド

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

article-img
Maps JavaScript APIを使ってみる
フロントエンド

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

article-img
Chrome Extensionを作ってみる
フロントエンド

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