まずVue.jsとFirebaseの本を読んでみた 改訂新版 Vue.jsとFirebaseで作るミニWebサービス (技術書典シリーズ（NextPublishing）)作者: 渡邊達明出版社/メーカー: インプレスR&D発売日: 2018/10/05メディア: Kindle版この商品を含むブログを見る ワタナベ(id:…

概要 S3で静的サイトをホスティングし、一般に公開しているところまでは前提とします。 CloudFront+ACM(Certificate Manager)を利用してキャッシュでの配信+SSL化をしたのでメモ。 今回はムームードメインでドメインを取得していて、ACMの認証方法は「DNS検…

export default new Router({ mode: 'history', routes: [ { path: '/', name: 'Index', component: Index } ] }) こんな感じで routerの設定をしているファイルで mode:'history' を追加してあげると解決する。 ただしサーバーの設定次第では、ユーザーがブ…

タイトルのままなんですが、ブログを引越ししました。 GatsbyJS + Netlifyというナウなヤングにバカうけな感じから、それほどモダンでは無いはてなブログへの引越しです。 www.netlify.com 記事を書くこと以外に意識が行くのが嫌だった 理由はこれに尽きます…

2018年8月にAWS認定ソリューションアーキテクトアソシエイトというイカした資格試験に合格したので、それについての体験記を書きたいと思います。 自分のAWS暦など Webエンジニアとして働いていますが、普段はオンプレ環境でありクラウドと関わることはほぼ…

色々良い感じにやってくれるflexだけど、画像を勝手に縮小してしまうことがある <div class="flex_box"> <p><img src="./sample.jpg" alt="説明"></p> <div> 何か長い文章 </div> </div> <styles> .flex_box { display: flex; } </styles> こんな感じにしていると、要素の横幅次第では画像が勝手に縮小されることがあります。 これが起こるのはテキストの部分が長…

ios環境でのストリートビューでバグを発見 iphoneでストリートビューを見て、その上でドラッグ・スクロールの動作をするとページ下部などに飛ばされてしまう。 これはios固有のバグらしく、この記事を書いている時点では特にgoogleは対策してくれていない。 …

GitHubへpushすると、自動でS3へのデプロイされるようにする S3でホスティングしている静的サイトを更新するとき、 いちいちAWSのコンソールを開いてファイルをアップロードするのはとてつもなく面倒なので、 上記の流れでgit pushをするとS3へ自動でデプロ…

Docker for windowsを使おうとしたらこんなエラーが出た ある日dockerが正常に動作せず、docker run hello-world も何も出来ない状態になった。 error during connect: Get https://192.168.99.100:2376/v1.37/version: dial tcp 19 2.168.99.100:2376: conn…

SSL化対応のため、httpでのアクセスをhttpsへリダイレクトしようとしていたらハマったとこ SSL化していないサイトに対して、Chromeが警告を出すようになるそうなので最近はよくSSL化対応の作業をしている。 ちなみにこのときは事情により、サブドメイン内のp…

php.iniのextenstionの有効化が正しく出来ているか extenstionを有効化するためには、php.iniファイルの「;」のコメントアウトを取り除くが、それだけでなくextensionフォルダの指定部分も ; を取り除かないといけない。 php.iniのextenstion Composer larav…

スマホでWebAudioAPIを使う 今はWebAudioAPIという便利なものがあって、簡単にブラウザで音楽を再生させたり、音程を指定して簡単なシンセみたいなものを作ることが出来る。 今回はスマホブラウザでもWebAudioAPIを使う基本点とメトロノームのwebアプリを作…

AWS認定SAA試験(2018)を受験することにした フロントエンドからインフラまで全体を把握しておきたいのと単に強くなりたくて受けることにした。 クラウドはもうすでに流行りを超えて主流になってきているし、とっておいて損はないだろうということで。 受験を…

スマホではvideoの自動再生がデフォルトで禁止されている どうも。 最近はスマホの性能も上がってきて、PCだけではなくスマホでもWebページなどでvideoタグを使って自動再生を行いたい場合があると思うのでそれについて。 <video autoplay loop> <source src="movie.mp4" type="video/mp4"> </video> こんな感じにすると、PCでは普通…

Winでのパスの書き方は少しクセがあるので注意 Linux、Macなどで説明している記事、チュートリアル動画などを参考にしてしまい export PATH=C:\Username\xxx\hoge.json とか書くとWindowsのgit bash、Docker terminalなどでは\が勝手に抜け落ちてしまい C:Us…

AWSソリューションアーキテクトアソシエイトとは https://aws.amazon.com/jp/certification/certified-solutions-architect-associate/ 詳しくは上の公式の説明を見てください。 Amazon Web Serviceに関する基本的な知識を持っていることを証明する資格みた…

上記の通り、サーバーを引っ越すにあたりドメインのネームサーバーの設定も変更する必要があった。 1.Route53を使用して、ドメインを登録しAレコードを設定 2.ムームードメインにてネームサーバーをAWSが提示したものに書き換える というシンプルな流れだっ…

レンタルサーバーのMySQLからAWS RDSのMySQLにデータを移す時にハマったところ。 phpmyadminのsqlエクスポート/インポートを使用してデータベースの引越しをしようとした時、エクスポートは問題なく出来た。 しかし... インポート時に「Incorrect format par…