Hugoは静的サイトジェネレーターとして有名ですが、CloudFront で公開するにはなにかと手間がかかっていたようです。 ですが、現在は GitHub/BitBucket/GitLab/AWS CodeCommitでソース管理していれば、Amplify Consoleを使用することで簡単にCloudFrontにデ…

React で i-mobile の広告を表示するのは一筋縄ではいきません。 自分もかなり苦労して広告を表示させることができました。 この記事は、i-mobileから提供されたスクリプトをそのまま使用していますが、ある時点での i-mobile の表示方法であり、将来に渡っ…

React に限った話ではないかもしれませんが、JavaScript(TypeScript)で <script>タグを動的に生成してスクリプトを実行したい、もしくは外部スクリプトを読み込みたいことは結構あると思います。 外部スクリプトを読み込む方法はネットを探せば結構見つかるのですが</script>…

React のような SPA (Single Page Application) では、変数から直接 JSON ファイルを出力したいことがあります。 そんなときには、以下のスクリプトを試してみてください。 const fileName = 'finename.json'; const data = new Blob([JSON.stringify(export…

はじめに 前の記事では、Docker + CentOS 8に、nginxのコンテナ、php-fpmのコンテナ、MySQL のコンテナを構築して、連携して動作させる方法をご紹介しました。 www.aruse.net この記事では、この環境に若干手を入れて、WordPress をインストールする方法をご…

WordPress の wp-confg.php を設定する際、コマンド実行だけで設定ができると Docker などで自動化ができるのでうれしいですね。 この記事では、WordPress の wp-config.php をコマンド実行だけで設定する方法をご紹介します。なお、動作確認環境は CentOS 8…

はじめに 前の記事では、Docker + CentOS 8 に nginx と PHP(php-fpm)をインストールしたコンテナを作成しました。 www.aruse.net この記事では、さらに MySQL を Docker + CentOS 8 にインストールしたコンテナを作成して、nginx と PHP(php-fpm)のコンテナ…

はじめに 前の記事では、Docker に CentOS 8 と nginx をインストールする方法をご紹介しました。 www.aruse.net この記事では、さらに PHP(php-fpm) のコンテナを構築して、Web(nginx) + App(PHP) という構成の環境を構築します。 はじめに フォルダ構成 ng…

はじめに 2019年9月24日に、ついに CentOS 8 がリリースされました。 CentOS 8では、yumコマンドが廃止されdnfコマンドが採用されました。その他にも変更点が多いです。詳しくは下記記事を参照してください。 xn--o9j8h1c9hb5756dt0ua226amc1a.com この記事…

『フロントエンド実装工数をなるべく下げるための本』なる本を技術書典7で入手し、読了したのでその感想などを書いてみます。 本書はBOOTHでの販売は現時点（2019/09/29）ではありませんが、とらのあなで販売しているのを見つけました。BOOTHでも扱って欲し…