スマホファーストが求められる昨今ではハンバーガーメニューを利用してナビゲーションが必要不可欠になっています。今回はハンバーガーメニューの簡単な実装方法について纏めてみました。 ポイント ハンバーガーメニューの三本線を利用 […]
2020年04月の記事
超・便利技!CSS3を使ったハンバーガーメニューの作り方
Vue.jsでオーバーレイを作成する(TypeScript対応版)
作成したオーバーレイ Vue.jsで利用できるオーバーレイ(モーダル)のコンポーネントを作成しました。親コンポーネントでオーバーレイ内に表示するコンテンツをslotで指定してから、propで表示の切り替えが可能です。 デ […]
Vue.jsで画像スライダーを作成する(TypeScript対応版)
作成した画像スライダー Vue.jsで利用できる画像スライダーのコンポーネントを作成しました。親コンポーネントからPropでオプションを渡すことで、カルーセルやオートページャなどの機能にも対応しています。 対応している機 […]
Vue.js で グラフを表示!Vue-Chartjs の使い方一覧とサンプル
Chart.js とは 折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなどのグラフが簡単に描けるJavascriptのライブラリです。HTML5のCanvasを使って描画され、表示の際の気持ちいいアニメーションの動き […]
Nuxt.jsを利用する場合のtsconfig.json について考える
tsconfig.json とは TypeScriptを開発言語としたプロジェクトにおいて、アプリのビルド時にJavaScriptへコンパイルする対象となる(プロジェクトに含まれる)TypeScriptファイル(.tsフ […]
Qiita APIを利用した検索表示-Vuejs
作成したDEMOページ Qiita APIを利用した検索表示のサンプルをこちらに用意しました。 Qiita API とは Qiita API は、Qiitaが提供しているサービスから様々なデータの取得、投稿やストックなど […]
【Java】すぐに使える!Springbootのボイラープレート(2022年度版)
Springは、WebシステムやWebサービスをはじめ、クラウドアプリケーションやモバイルシステムなど、Spring に備わっている機能の拡張性を利用して、細やかな仕様変更や多様な開発プロジェクトに柔軟に対応できるフレー […]
Javaでnullを安全に扱う − Optionalの使い方
Optionalとは Javaでは値のない状態のことをnullと言いますが、nullが原因で意図しないエラーが発生することも多いです。そのため、エラーを未然に防ぐためにif文を利用してnullチェックの処理を書く必要があ […]