このプロジェクト/ウェブサイトは、様々な便利なツールを提供することで、日常の作業や開発プロセスを効率化することを目的としています。
English version
ウェブサイトはこちらで公開しています。
以下の機能が含まれます： ※機能は順次追加予定です。
- 閲覧環境
- Text Hash
- json整形
- xml整形
- テキストケース変換
- ランダム文字列生成
- ルビ生成
- 祝日タイマー
- 世界時計
- タイムゾーン変換
- 時間進捗バー
- UNIXTIME変換
- 生年月日情報
- 距離単位変換
本サイトはNetlifyを使用してホスティングしています。
基本的にはVue.js を使用してフロント側でのみ処理をしていますが、閲覧環境画面でIPアドレスからおおまかな地域を取得する機能は外部API(ipinfo.io)を使用しています。
CORSエラーを防ぐためにNetlify functions を経由して外部APIを呼び出しています。
機密情報などはNetlify の環境変数として指定しています。
指定している項目は以下の通りです。
| Key | サンプル | 説明 |
|---|---|---|
| IPINFO_API_TOKEN | aaaaaaaaa | ipinfo.io を呼び出す際に指定するトークン |
| VUE_APP_AUTHOR | bbbbbbb | 作者名。ブラウザの開発者ツールでコンソールを開くと表示されます |
| VUE_APP_GA_TRACKING_ID | G-ccccccc | Google Analytics のトラッキングID |
| VUE_APP_NETLIFY_FUNCTION_DOMAIN | https://hogehoge.netlify.app | バックエンド(Netlify functions)のエンドポイント |
本プロジェクトはDockerコンテナを使用して開発しています。
ローカルで動作を確認する方法は以下の通りです。
- 本リポジトリを
git cloneする - VSCodeで開く(開発コンテナが起動すいます)
.env.sampleを.envにリネームして、必要な情報を追記する- コンテナ内で
yarn serveコマンドを実施する - localhost:8080 にブラウザからアクセスする
不具合や機能追加要望などがありましたら、GitHubのIssueやPull Requestを通じてお気軽にどうぞ。
直接連絡を取るにはこちらから。
MIT