Study & Practice

北海道札幌市のプログラマによる技術とか雑記のブログ

Macでcmd+tab実行時のアプリ切り替え表示を全てのディスプレイで表示する方法

結論 以下のコマンドを実行してログインしなおす。 defaults write com.apple.dock appswitcher-all-displays -bool trueこれで思ってたのと違う画面に切り替え表示が出力されているという現象を防ぐことができる。 参考 osx mavericks - Cmd+Tab App Switch…

読書感想文『そろそろはじめるテスト駆動開発』

はじめに Software Design 2022年3月号の特集『そろそろはじめるテスト駆動開発』を読んだので覚えておきたいなと思ったことをまとめます。 今回は自動テスト編です。 特集のおおまかな内容 著者は日本におけるテスト駆動開発の第一人者、和田卓人さん。「テ…

CSS: font-sizeで使うem/remについて調べてみた

今までWeb開発であまりCSSを本格的に学んだことがなく、なんとなくでCSSを書いてきましたが、フロントエンド業務を行うプロジュエクトにアサインされてCSSを学ぶ必要性を感じてきました。ひとまず、HTML/CSSの写経を行なっていて気になったfont-sizeのem/rem…

Vue.jsのライフサイクルフックを学ぶ

7月からVue.jsを扱うプロジェクトに入ったのでVue.jsをおさらいしています。今回はライフサイクルフックについて学んでいきます。参考は公式ドキュメントです。jp.vuejs.org ライフサイクルフックとは インスタンスの状態が変化したタイミングで自動的に呼ば…

Vue.js + TypeScriptの始め方

7月から新しいチームに参画しました。Nuxt.js+TypeScriptを使ったプロジェクトで、技術的な難易度は高くないとのことなんですが、Nuxt.jsは会社が推しているフロントエンド技術でもあるようなので、これから学習していこうと思っています。まずは何事も基本…

LaravelのValidationを使ってみる

5月から参画したチームがLaravelを使っていまして、ちょいちょい不具合修正のチケットなんかを担当し始めた。しかし、Laravelの機能がまだあんまりわかってないもので既存のコードを読むのに時間がかかってしまっています。ということで公式ドキュメントを読…

サービスコンテナ入門(Laravel)

5月から配属されたチームがLaravelを使ったチームなので、ちゃんと勉強しとこうと思ってLaravelのドキュメントを読み始めました。Laravelを使う上で避けて通れないのが「サービスコンテナ」ということで、本ポストを学んだことの事項とします。 サービスコ…

リーダブルコードから学んだプログラミングにおける命名原則

転職をして5月から新しい職場で働き始めました。オフィスの本棚には色々な本が置いてるわけですが、実はいままで読んだことなかったリーダブルコードを借りて読んでみました。Clean CodeとCode Complete(上巻のみ)を読んだことがあるので目新しい情報はなか…

MacにHomebrewをインストールする方法

M1 MacBook Airを購入して本日無事届いたので開発環境構築のためにまずHomebrewをインストールしたHomebrewのインストール方法だがまずHomebrewのページにアクセスしてページ上部にあるインストール用のコマンドをコピーしてターミナルで実行するコマンドは2…

CodeDeployを使ってEC2インスタンスにLaravelプロジェクトをデプロイする

AWSを有効活用するためCI/CD系をとりあえず試している中でCodeDeployの使い方は少しずつ分かってきたので、手順をまとめる。 EC2インスタンスの起動 CodeDeployエージェントのインストール Laravelプロジェクトの作成 CodeDeployに必要なファイルを作成 ソー…

AWS CLIでS3バケットを作ろうとしたら「The unspecified location constraint is incompatible for the region specific endpoint this request was sent to.」を言われた時の対処法

AWS

CodeDeployのためにS3バケットを作るために aws s3api create-bucket --bucket バケット名というコマンドを実行すると An error occurred (IllegalLocationConstraintException) when calling the CreateBucket operation: The unspecified location constra…

一時的にAWSのProfileを切り替える方法

AWS

carametalというprofile名を指定したい場合Linux,Macの場合 export AWS_PROFILE=carametalWindowの場合 set AWS_PROFILE=carametalこれでターミナルから出るとデフォルトに戻る状態でProfileを切り替えることができる

WSLで使用する既定のディストリビューションを切り替える方法

コマンドプロンプトからwslコマンドで入れるLinuxディストリビューションを切り替えたいときに使える方法です。打つのが面倒でなければ wsl -d Ubuntu-18.04のように wsl -d ディストリビューション名でディストリビューションを指定することができます。既…

Laravelのクエリビルダ基礎(SELECT編)

はじめに Laravelでクエリビルダを使ったクエリを実行するコードを書くたびにドキュメントを見ていたので覚えるためにもいったん基本的な使い方をまとめて書いてみることにしました。今回の内容はすべて readouble.com に含まれています。テーブルはLaravel…

Laravelのroute関数にパラメータを渡したいとき

例えばweb.phpに以下のようなrouteを設定した場合 Route::get('/hello-world', function () { return 'Hello,World.; })->name('hello-world'); Laravel内で「/hello-world」というURLにhelloWorldという名前が付けられ route('hello-world'); という書き方…

ReactRouter~子コンポーネントでthis.porps.history.push()がTypeError: Cannot read property 'push' of undefinedになる

そこそこハマったけど意外と情報が出てこなかったので記録react等のバージョンは以下(package.json) { "react": "^16.13.1", "react-dom": "^16.13.1", "react-router-dom": "^5.2.0", "react-scripts": "3.4.3" }今回発生したパターンの発生条件としては子…

ASP.NET Core MVCにPostgreSQLを導入する

本記事はASP.NET Core は3.1、PostgreSQLは12.0で行っています ※ASP.NET CoreでPostgreSQLを使えるようにするまでなのでPostgreSQLのインストールなどは割愛してあります。こちらのチュートリアルをベースに進めていきます docs.microsoft.comASP.NET Core 3…

ドラッカーの「マネジメント」入門|「もし高校野球の女子マネージャーがドラッカーの『マネジメント』を読んだら」を読んでみた

ブログ「最も早くオシャレになる方法KnowerMag」のMBさんが成功の要因としてドラッカーのマネジメントを読み込んで徹底的に実践しているという話をしていました。マネジメントは組織経営のあり方についてまとめられている本ですが、MBさんの話を聞いていると…

EC2インスタンスにApacheのサーバーを立ててのテストページを表示する

今まで何回もやったことあるけど毎回忘れて調べてるので備忘録として手順を残す VPCの作成 マネジメントコンソール上部のサービスタブからVPCを選択してVPC管理画面で「VPCの作成」ボタンを押すVPCの設定では名前とCIDRブロックを設定する 今回は名前をtrial…

composer install で「Your requirements could not be resolved to an installable set of packages.」のエラーになる件

本記事の環境は以下 Windows10 Home WSL2 Ubuntu18.04 php artisan serveを実行すると PHP Warning: require(/var/www/html/pf-blog/vendor/autoload.php): failed to open stream: No such file or directory in /var/www/html/pf-blog/artisan on line 18 …

AWS管理インターフェースについて調べた

5月から客先常駐ではなく在宅による受託開発になり、記念すべき一発目の仕事でクラウドを利用するとのことなので改めてAWSを学び始めた。ひとまずAWS クラウドプラクティショナーの無料トレーニング動画を見始めたのだが、気になったことがあったので調べて…

Laravle+ApacheでDocument Root以外にアクセスすると404エラーになる際の対処法

こちらの記事にて解決しましたteratail.com以下のコマンドでmod_rewriteを有効化するだけでDocument Root以外も表示されるようになった cat /etc/apache2/mods-available/rewrite.load sudo a2enmod rewriteしかし、さっぱり何をしているのかわからなかった…

AWS EC2にLarabel + MySQL + Apache + Vue.jsの環境を一歩ずつ作ってみる

EC2でWebアプリの公開するための土台作りとして環境構築を行っていく codeDeployでの自動化とかも調べてみたけどとりあえず一番シンプルな方法か始めることにしました以下、EC2インスタンス内での操作すべて下記のAmazon Linux上で実施する $ cat /etc/syste…

Dockerを使ってPHP7+Apache+MySQLの開発環境を作る

今回は前回に引き続き実技試験の予習として開発環境を作っていく前回はPHP7+Apacheまで作ったのでMySQLを含めた環境を作っていく carametal.hatenablog.comこちらの記事を参考にさせていただきました。qiita.comこちらの記事ではMySQLクライアントにphpMyAdm…

Dockerでapacheサーバーを立ててphpでHello worldするまで

Django+PostgreSQLの環境を作る予定だったけど先日、3年くらい前から憧れていた札幌の企業に エントリーしたらPHPでの実技試験があるとのことだったので、予習をすることに今回はその第一弾としてphpの開発環境(DBなし)までやっていこうと思う。まずはindex…

Dockerを使ってcentosコンテナ内にnginxサーバーをたてる

前回はdockerでnginx環境を立てたので今回は一歩進めてcentosコンテナ内にnginxを立ててみようと思う前回の記事はこちら carametal.hatenablog.comそして今回はこちらの記事を参考にさせていただきました qiita.com前回はdockerでnginxコンテナを実行するだ…

nginxのDockerコンテナを立てるまで

docker container run -d -p 8000:80 --name test_nginx nginx:latestこれだけだった。 d - バックグラウンド実行 name - コンテナの名前指定 p ポート指定 8000は外部からのアクセス時のポート番号、80はポートフォワーディング設定 pオプションだけあんま…

Django でpython3 mange.py startapp ~~~ がエラーになった

前から予定していた掲示板アプリを実際に作り始めたところすぐに詰まったので特にハマったわけでもないけど記録 django-admin startproject boardprojectからのpython3 manage.py startapp boardで以下のエラー Traceback (most recent call last): File "ma…

「小さなチーム、大きな仕事」を読んでみた

前回に引き続き組織論系の本を読んだので感想を書いていく。 今回は2冊目「小さなチーム、大きな仕事」について 小さなチーム、大きな仕事〔完全版〕: 37シグナルズ成功の法則 作者: ジェイソン・フリード,デイヴィッド・ハイネマイヤー・ハンソン,黒沢 健…

「エンジニアリング組織論への招待」を読んでみた

今年の7月から現場でスクラム開発が取り入れられたもののなかなか成果が発揮できずモヤモヤとしていたのでチーム設計や運用書籍を購入してみた。 購入したのは以下の2冊 エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング …