もやぶろ

moyashidaisukeのブログだからもやぶろ。フリーランスのエンジニアのダイスケです。QOLあげて色々楽しくチャレンジして良く生きたい。プログラム関連とかギター関連とか旅行関連とか色々。

エンジニアリング

新しいMacBookPro(13インチ 2019)を買ったのでベンチマーク(docker上でvueのコンパイル)

概要 Late 2016と比べて2倍くらい速くなりました。仕事の速さもこれで2倍に、、、 概要 きっかけ 今までの 買ったモデル こだわり 13インチ CPU メモリ ストレージ 価格 届いた ベンチマーク vue.jsコンパイルしてみる 2016モデル 2019モデル その他感想 ま…

wwwなしのURLをwww有りのURLにAWSで転送させる(HTTPS対応版)

概要 対応前構成 何がダメ? 検討 案1:お名前.comのURL転送サービスを使う 案2:適当にサーバたてて.htaccessとかでやる 案3:AWSで頑張る 対応1 HTTP無し版 S3bucket作成 S3bucketにリダイレクトを設定 Route53にホストゾーンを作成 Route53からS3へのルー…

【Flutter】アプリケーションの名前を変更する

概要 どれのこと? 変更方法 正解 概要 Flutterでアプリケーション名の変更はFlutter側の設定ではできないです。 各OS毎に個別で設定する必要があってめんどうです、、、、 どれのこと? この「flutter_app」となってるとこですね。 変更方法 pubspec.yamlの…

はてなブログのテンプレート「Minimalism」をカスタマイズした②

概要 safariで見た時にフォントが違う before after ブログタイトル部分の縦の余白を小さくしたい before after 行間を全体的に調整する before after 画像にいい感じの枠をつけたい after twitterのシェアボタンでタイトルしか連携されない after まとめ 概…

インストールされてしまったServiceWorkerを自動で削除する(前バージョンのブログトップページが表示されてしまう場合の対策)

概要 serviceWorkerが効いてる時の挙動 やったこと おまけ serviceWorkerとは 手動で削除する場合の対応方法 Chromeの場合 まとめ 概要 ブログをgatsby.jsからはてなブログに戻しましたが、一度Gatsby.jsバージョンを開いていると、キャッシュが残ってしまい…

はてなブログのテンプレート「Minimalism」をカスタマイズした

概要 なぜ「Minimalism」? pro関係ないけど変えた とりあえずテンプレ適用 before after 「Minimalism」をカスタマイズ(公式記事参考に) レスポンシブデザインに設定する トップページを一覧形式にする ブログ名が全角(日本語)の場合 ナビゲーションメ…

ブログをGatsby+Netlifyからはてなブログに戻しました & はてなブログproにしました

あらまし 戻すにあたってやったこと はてなブログ -> 新環境(Gatsby.jsとNetlify)への転送処理の削除 新環境にしか書いてない記事のimport せっかくはてなブログに戻ってきたのでやったこと proへの変更 独自ドメイン設定 広告切る トップページの表示形式…

alpineでsharpのインストールでエラー

このブログのローカル環境のDockerを再ビルドしたら、gatsby-plugin-sharpで必要なライブラリのインストールでエラーが発生するようになった。 tep 4/6 : RUN apk add vips-dev fftw-dev build-base --update-cache --repository https://alpine.global.ssl.…

【Laravel】【PHP】「Laravel/Vue.js勉強会#9」に参加してきた

ちょっと前の話ですが 久々の参加。 laravue.connpass.com スポンサー発表 カオナビはReact laravelshift laravelshift.com Laravelのバージョンアップ専用のサービスらしい。確かにほしいけど、そんなニッチなサービスがあるんだな、、、 私の発表 docs.goo…

個人ブログをはてなブログから Gatsby + Netify に移行した

モチベーション 採用技術 方針 はてなブログのエクスポート テンプレから初期セットアップ 環境セットアップ 雛形(template作成) とりあえず公開 ドメイン設定する ドメイン買う netlifyに設定する 諸々改修 meta情報 いらないページ削除 デモのテキストを…

GatsbyJSのチュートリアルやってみた

きっかけ www.jabba.cloud ちょうどシンプルなWebサービスを作るお仕事があったので、ちょうど良さそうと思ったので試してみる事に。 何が良さそう?(やってみる前の印象) GatsbyJS 他の静的サイトジェネレーター StaticGen | Top Open Source Static Site…

技術書オンリーイベント「技術書典6」に一般参加してきた

一般(サークルじゃない)方で初参加してきました。 techbookfest.org 技術書典とは? techbookfest.org 技術書の同人誌即売会(頒布会)です。 技術書とは、 「ITや機械工作とその周辺領域について書いた本」を指します。ソフトウェア、ハードウェア、開発…

【Laravel】【PHP】LaravelのStorageからPutで403エラーの時の対応

マニュアルに従って実装したのに、putできない。 readouble.com 実装 Storage::disk('s3')->put('hoge.txt", $contents, 'public'); エラー Error executing "PutObject" on "https://XXXXXXXX.s3.ap-northeast-1.amazonaws.com/hoge.txt"; AWS HTTP error: …

【Laravel】【PHP】dockerでphp-fpm使う時にLaravelのlogsフォルダのpermissionでハマった話

ハマりました、、、 環境 docker-compose使ってる nginx -> php-fpm のコンテナ使ってる(中身はDockerFileで微調整) Laravel使ってる フロントはSPAなので、実質APIサーバ selenium使ってE2Eテスト(Laravel Dusk)してる phpunitも使ってる 事象 ローカル…

AWS CodeBuildでCodecovを呼ぶ

概要 やり方 解説 所感とか 概要 AWSのサービスでCodeBuildというサービスがあります。名前はBuildですが、設定次第でテストを回したりしてCI的に使えます。 aws.amazon.com Codecovはテストの結果(主にcoverage周り)をいい感じに表示してくれるサービスで…

AWS CodeBuild を高速化するためのTips

ビルド職人の朝は早い、、、 というわけで、前回に続きでCodeBuildのノウハウです。 CodeBuildに限った話じゃないものもありますし、Docker使う場合だけの話もあります。ちゃんと計測したわけではないので、軽く試してみて良かったら使うくらいのノリでお願…

【Laravel】【PHP】Laravel(mixも)でvueファイルのlintで自動修正させる

lint自体の設定はこちらで。 laravel-news.com qiita.com qiita.com npm(yarn)から起動する場合は、package.jsonに "scripts": { "lint": "eslint --fix --ext .js,.vue resources/js/", みたいな感じで、--fixをつければ自動で修正までしてくれます。(で…

Duet Displayを使ってiPadを外出時のサブディスプレイにした

元々モニタ多いのが好きな富豪タイプ(多ければ多い方が良い)なのですが、外で仕事する時は基本的にMacBookProだけで効率悪いな〜、という事で、普段あまり使っていないiPadをサブモニタにしてみました。 手順はこちらの通り。 saruwakakun.com 設定はこち…

【Laravel】【PHP】「laravel-mix」が依存している「webpack-dev-server」で「high severity vulnerability」と言われた場合の手順

以下の環境で発生しましたので、対応方法メモ。 Laravel 5.6.39 Laradock composerからcreate projectした ログ found 1 high severity vulnerability run `npm audit fix` to fix them, or `npm audit` for details $ npm audit root@1f443744df67:/var/www…

nuxt.js + dockerの組み合わせでローカルからport3000につながらない時の対処

表題の通りです。微妙にはまったので。 結論 ENV HOST 0.0.0.0 が必要 状況 dockerコンテナの中から curl localhost:3000 だとつながるのに、ローカルのブラウザからだとつながらない。 また、 $ docker ps CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS…

RubyMineでDockerでRuby環境作成メモ

rubyの勉強しようと思ったんだけど、ローカルに入れたくないのでとりあえずrubyをさくっと動かすためのrubyのdocker環境をつくった。 リポジトリ github.com やった事 docker-composeでruby動かす docs.docker.com 公式の設定サンプルを参考(railsだけど)…

「Meguro.dev #5 AWS re:Invent 2018 & LT 会」に参加してきた

開発者が押さえるべきアップデート20選 APIGatewayのWebSocket対応 SQSのFIFOが東京リージョンに Textract Personalize Forecast ÇloudMap AppMesh AWS Toolkits for PyCharm, IntelliJ and VS Code Lambda Layers Amplify Console DynamoDB Transaction SFT…

「Meguro.dev モブプロ会#4 AWSとか使ってWebアプリ開発」に参加してきた

meguro-dev.connpass.com 初参加してきました。楽しかったし刺激を受けました。 やった事 テーマ 「AWS Amplify を使って React クライアントから AppSync に認証リクエストを投げてみる」にしました。 cookpadさんがAppSyncの発表をしていて、AppSyncを触っ…

react.jsのチュートリアル(Tutorial: Intro to React)をやった その1

やってみました。 ちょっとしたwebアプリ作ってみようかなと思っているのですが、 スマホアプリにもするかもしれない reactNativeにするかも? というわけで、reactでweb版をとりあえず作ってみようかと。その準備としてチュートリアルやってみました。 ちな…

「緊急開催!GitHub Universe アフターイベント in Tokyo」参加メモ

行ってきました。 techplay.jp 先日行われたGitHubのイベントの振り返りなイベントです。 githubuniverse.com GitHubを中心とした最新の開発手法 池田さんから GitHub Solutions Engineerの@ikeike443さんから。 まとめはいろんなところに挙がってるだろうけ…

はてなブログ「Material」テーマのカスタマイズ

前回はMaterialテーマを設定しました。 moyashidaisuke.hatenablog.com 数ヶ月たっていくつか気になるところが出てきたので、色々カスタマイズします。 headingタグ(h1、h2とか。見出しタグ) before h1とh2とh3がほぼ同じ見た目なので、記事のブロックがわ…

【Unity】ビルドでエラー「com.android.dex.DexException: Multiple dex files define」

とあるassetを追加後に発生しました。 原因はjarなり、aarなりが重複している事。 追加されたファイルを確認し、似たような名前のjarやaarが無いか確認。 合った場合、バージョンが古い方を削除すればOK。 例のごとく、assetにplay-store系のjarやaarが直接…

UnityのiPhoneX対応で苦労したポイントメモ

当時のログがあまり残ってないのもあって、不完全ですが、メモという事でご容赦ください。 やるべき事(ざっくり) Submitting iOS apps to the App Store - Apple Developer moyashidaisuke.hatenablog.com iOS 11 SDKでビルドする iPhoneXのSupreRetinaデ…

UnityでAndroid O向けに通知をする

概要 Android O では通知にChannel(チャンネル)という概念が導入されています。 Android O というのはAndroid8系の事で、APIバージョン26でAndroidManifestで言う所のtargetSdkVersion=26の事です。 で、Channelというのは通知をグルーピングして設定を変…

アプリのiPhoneX対応の必須化は更新も対象になったよ、という話

以前似たような記事を書いた時は必須じゃなかったのが必須になりました。 ↓以前の記事 moyashidaisuke.hatenablog.com オリジナルのソース developer.apple.com Starting July 2018, all iOS app updates submitted to the App Store must be built with the…