「 便利ツール 」 一覧
-
【サイトキャプチャ自動化】NightmareJSを使って大量の画面のキャプチャを自動で保存しよう【PhantomJS】
2019/10/04 IT
大量のURLの画面キャプチャを自動化したい もはやキャプチャ保存は人間のやる作業ではない サイト開発等をしている場合、開発中の各画面のキャプチャを保存したいというケースがありますよね。 しかし、人力で …
-
【Canvas】Property ‘toDataURL’ does not exist on type ‘HTMLElement’.の原因と対処方法【TypeScript】
2019/10/03 IT
CanvasのtoDataUrlでコンパイルエラー TypeScriptを使ったプロジェクトの中でcanvasのtoDataUrlメソッドやtoDataURLメソッドを使用すると、以下のようなエラーが …
-
【PWA】アプリのインストールイベントをGoogleAnalyticsに送信しよう【ビッグデータ】
2019/10/02 IT
アプリインストール数を集計しよう 前回の記事では、PWAアプリのインストール用のボタンを配置して意図的にインストールを行えるようにしました。 参考【ボタン配置】PWAアプリのインストールダイアログをJ …
-
【ボタン配置】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のエラーが発生しました …
-
【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 …