タグ

82 件

無料

Featured image of post sitemap-generatorでサイトマップ生成を自動化【Node.js】
1236文字

sitemap-generatorでサイトマップ生成を自動化【Node.js】

Node.jsのnpmモジュール「sitemap-generator」でサイトをクロールしてsitemap.xmlを自動生成する方法。インストールから実行、出力先の指定やlastmodの追加などのオプションまでまとめました♪

Featured image of post Quasarでアイコンが表示されない原因と解決方法【Vue-CLI 3】
1069文字

Quasarでアイコンが表示されない原因と解決方法【Vue-CLI 3】

Vue-CLI 3系のQuasarでFontAwesomeやMDIのアイコンが表示されない原因は、導入時に選んだアイコンセットしか読み込まれないため。quasar.tsの設定に追記して後から有効にする方法です♪

Featured image of post スネークケースのDBカラムをキャメルケースにマッピング【Hibernate5】
905文字

スネークケースのDBカラムをキャメルケースにマッピング【Hibernate5】

Hibernate5でDBのスネークケースのカラムをEntityのキャメルケースのフィールドに自動でマッピングする方法。廃止されたImprovedNamingStrategyの代わりにPhysicalNamingStrategyStandardImplを継承して設定します♪

Featured image of post NightmareJSで画面キャプチャを自動保存する方法【PhantomJS】
1910文字

NightmareJSで画面キャプチャを自動保存する方法【PhantomJS】

ヘッドレスブラウザPhantomJSのラッパー「NightmareJS」で大量の画面キャプチャを自動保存する方法。インストールからスクリーンショット保存、複数画面の一括キャプチャ、レスポンシブ、スクロール領域の全体キャプチャまで♪

Featured image of post PWAのインストールダイアログをJavaScriptで制御する方法
619文字

PWAのインストールダイアログをJavaScriptで制御する方法

PWAアプリのインストールダイアログをJavaScriptのbeforeinstallpromptイベントで制御し、ボタンを押したタイミングでインストールできるようにする方法。初回に断られると出なくなるダイアログの代わりに導線を用意します♪

Featured image of post PWAの概要とサイトをPWA対応にするやり方【ServiceWorker】
3540文字

PWAの概要とサイトをPWA対応にするやり方【ServiceWorker】

PWA(Progressive Web Apps)の概要と、既存サイトをPWA対応にするやり方まとめ。manifest.jsonとService Workerを用意してホーム画面追加やキャッシュに対応させ、GoogleAnalyticsでPWA経由の流入を見るところまで♪

Featured image of post Vue-CLI3でサブディレクトリにデプロイするpublicPathの設定
1014文字

Vue-CLI3でサブディレクトリにデプロイするpublicPathの設定

Vue-CLI3のプロジェクトをルート以外のサブディレクトリにデプロイするときのURL設定。vue.config.jsにpublicPathを書くだけです。Vue-CLI2のassetsPublicPathは廃止、baseUrlも非推奨になっています♪

Featured image of post Vue-CLI3にBootstrap-vueを導入する方法【Vue.js】
1253文字

Vue-CLI3にBootstrap-vueを導入する方法【Vue.js】

Vue-CLI3で作ったVueプロジェクトにBootstrap4ベースのUIフレームワーク「Bootstrap-vue」を導入する方法。vue addコマンドで追加し、公式ドキュメントのカードコンポーネントで動作確認するまで。シンプルで使いやすいです♪

Featured image of post GitHub ActionsでマージをトリガーにS3へ転送する方法【AWS-cli】
2668文字

GitHub ActionsでマージをトリガーにS3へ転送する方法【AWS-cli】

GitHub Actionsで特定ブランチへのマージをトリガーにAWS-cliでS3へファイルを転送するWorkflowを組んでみました。利用申請、Hello Worldでの確認、Secretの登録、Workflowの定義、cdの注意点、料金についても♪

(1 - 9)
Enter Enter キーでジャンプ