素敵なサムシングを独断と偏見で一方的に紹介するブログ(´・ω・`)

「 月別アーカイブ:2019年09月 」 一覧

【ボタン配置】PWAアプリのインストールダイアログをJavaScriptで制御しよう【beforeinstallprompt】

2019/09/29 IT

PWAのインストールボタンを配置しよう 先日、WebサイトのPWA化についてご紹介しました。 参考【30分でPWA化】Progressive Web Appsの概要とサイトのPWA対応のやり方まとめ【 …

【30分でPWA化】Progressive Web Appsの概要とサイトのPWA対応のやり方まとめ【ServiceWorker】

2019/09/28 IT

Progressive Web Apps What’s? 皆さんは「PWA」という言葉をご存知でしょうか? PWAとは、「Progressive Web Apps」の略称で、モバイル向けの …

【baseUrl】Vue-CLI3でルートディレクトリ以外にデプロイしたい場合のURLを置き換える方法【publicPath】

2019/09/25 IT

Vueプロジェクトをサブディレクトリにデプロイしたい サイトなどを製作している場合、基本的にはhttp://localhost/{アプリケーション}の形で開発及び動作確認を行うと思います。 そして、い …

【TypeScript】FileReaderのevent.target.resultがString型に代入出来ない時の原因と対策【ArrayBuffer】

2019/09/24 IT

TypeScriptでコンパイルエラー TypeScriptを利用して、Formのファイル選択時にサムネイルを出そうと思い、以下のようなコーディングをした際にTypeScriptのエラーが発生しました …

336×280




【Vue.js】Vue-CLI3でBootstarp-vueを導入する方法【デザインフレームワーク】

2019/09/23 IT

VueアプリでBootstrap4を導入したい 管理システムや簡易なWebサイトを開発する際、そこまでデザインにこだわる必要がなく、とはいえ自分でCSSを作り込む時間をかけたい場合にUIフレームワーク …

【GithubActions】新機能を使って特定ブランチへのマージをトリガーにS3へファイルを転送するWorkflowを組んでみた【AWS-cli】

2019/09/22 IT

GithubActionsを使ってみよう CI/CDをGithubで完結 皆さんはGithubActions、使っていますか? GithubAcrtionsとは、2018年10月にβ版として公開された …

【TypeScript】Vuetifyを入れた際の「implicitly has an ‘any’ type.」のビルドエラーの原因と解決方法【Vue-cli3】

2019/09/21 IT

VuetifyでTypeScriptエラー Vue-cli3で簡単に導入可能 Vue-cli3を利用すると、簡単にプロジェクトにVuetifyを導入することが可能になります。 [crayon-65f4 …

【universal-analytics】ElectronにGoogleAnalyticsを導入して機能の利用・アクセス解析をする方法【Vue-cli】

2019/09/17 IT

ElectronアプリケーションにGoogleAnalyticsを導入したい 簡単に導入出来ると思ってた時期が僕にもありました。 Electronでアプリケーションを作る際に、公開することを見越してア …

336×280




【Play Framework2.7】自作のBeanValidatorのエラーメッセージをscalaテンプレートから取得出来ない場合の原因と対処方法【ConstraintValidator】

2019/09/14 IT

scalaテンプレートでバリデーションエラーを取ろうとするとエラーが発生する とある案件にてPlayFramework2.7でWebシステムを開発している際に、バリデーションエラーを画面に表示しようと …

【簡単瞬殺】vue-cliでpugを導入して記述量を半分以下に減らす方法【Electron】

2019/09/11 IT

PugでVue.jsを書こう Pugについては以前ご紹介しています。 参考【pug導入編】今流行りの「Nuxt.js」を使ってサーバーサイドレンダリング(SSR)をしてみよう【Vue.js】 Dock …

お名前.comサイドバー