【WebAuthn】ドメイン設定でパスキーが死んだ話と復旧法
今回は EmDash ブログに独自ドメインを設定したら、それまで使えていたパスキーで管理画面に入れなくなった話です。原因は WebAuthn の rpId 固定。メール復旧も塞がれた僕が、本番トークンだけで復旧した手順を解説します。
開発
73 記事
.zshenvと.zshrcの場所・違い・設定方法を解説します!
MacOS のデフォルトシェルが bash から zsh に変わりました。zsh 設定ファイルの種類はやたらと多く、環境変数の知識が必要です。また設定ファイルを配置する場所によって優先順位が変わります。今回はそのあたりを優しく解説します!
AnsibleでUbuntuにLaravel環境を構築するサンプル
今回は Ubuntu 上で Laravel 8 を動作させるために必要な PHP / MySQL / Nginx の環境構築を Ansible で自動化するノウハウを共有します!
TerraformによるLinodeインスタンス新規作成サンプル
Terraform で定義ファイルを管理しておいてコマンド一発でいつでも何回でも Linode インスタンス構築できるようにする IaC ノウハウについて解説しています。AWS の EC2 より Linode は安いしオススメですよ。
【Fingerprint】CircleCIがSSHできない問題解決
CircleCI コンテナが SSH ができない場合、CircleCI の管理画面から正しい SSH Key を登録して、それに紐づく Fingerprint を config.yml に登録する必要があります。今回はその方法を解説します!
【Laravel】セッションタイムアウト後のログイン処理で前回URLに遷移するバグ修正
Laravel でセッションタイムアウト後のログイン処理で前回URLに遷移してしまうバグの修正を解説しました!
M1 Mac (2021) でanyenv/phpenvの初期設定!
Macbook Pro 2021 が届いたので PHP 環境を構築しようと anyenv とphpenv の初期設定をしたのですが、これが非常に難しかった...! ので備忘録を残しておきます!
【zshライブラリ】2文字で好きなディレクトリに移動【jump】
cd /Users/genadi/Development/chaos/website ... 毎回こんなコマンド打ってませんか? それ z w で website ディレクトリに飛べますよ! 今回紹介するのは jump というライブラリです。
【EC2・RDS】WordPressのデータベース接続確立エラー
データベース設定に誤りがないのに、メモリ不足で「WordPressのデータベース接続確立エラー」というエラー画面が頻発することがあると思います。AWS の場合、インスタンスの再起動で解決することがあります。試してみてください。
【Mac+Docker】PHP Intellisense設定方法
とりあえずで入れてた VS Code の PHP Intellisense が動いてないと気づきました。今まで動いていたのは VS Code デフォルト機能だった模様。今回、Mac で phpbrew を使って動くように設定してみました!
Googleグループのメールアドレス (エイリアス) に送信できない
Google Workspace (旧 G Suite) のグループで作成したメールアドレス (もしくはエイリアス) に対して「グループ外のメールアドレス」でメール送信をするとエラーが返ってきます。その場合、共有設定が必要なので解説します!
【.env】Laravel8のMailgun設定方法【環境変数】
Laravel で mailgun を使ってテストメール送信する機会があったので、備忘録として記事にします。ググって出てくる記事だと .env の環境変数が不足していて動かなかったので、そのあたりを重点的に解説します。
【tmuxとは】便利な使い方とチートシート紹介【Emacs設定】
実はターミナルを Emacs っぽく扱うことができて、いつでも前回の状態から作業再開できるようにできます。それを可能にするライブラリは tmux 。名前も Emacs に似てますね。今回は tmux の使い方をわかりやすく解説します!
【自動化】Google Analyticsの集計→Slack通知
今回は AWS の Lambda と CloudWatch を使って、Google Analytics のメトリクス (PV/Session/User) を毎日 Slacks チャンネル通知する自動化方法について解説します!
【pipenv】PyCharmでパッケージインポートできない問題
pipenv install [package] したのに PyCharm でそのパッケージ・モジュールを import できないことがあります。PyCharm で pipenv 環境のプロジェクトを開く場合は設定が必要なので解説します。
【基礎一覧】Pythonの基本文法を全て解説してみた!【初心者】
今回、プログラミング言語 Python の基本文法をまとめてみました。もし書き方を忘れてしまったときはチェックしてみてください。
【PyCharm】Unresolved referenceの解決
PyCharm でパッケージを import すると、Unresolved reference という警告が表示されることがあります。今回は PyCharm でこの警告が表示されないように設定する方法を紹介します。
【nohupと&!】zshでバックグラウンドコマンド実行する方法
今回は zsh で Linux コマンドをバックグラウンド実行する方法を解説します。nohup コマンドも一緒につけて処理が中断されないようにしつつ、通常はバックグラウンドで実行したいと思うので末尾に &! を付けるのが基本です。
【Git】最も簡単なリモートブランチのチェックアウト方法【-t】
誰かが push したリモートブランチをローカルブランチとして保存したいことがあります。その場合 git checkout -b ではなく git checkout -t を使う方がシンプルで簡単ですよ。
【初心者】なぜ僕たちはEmacsの使い方を知らないといけないのか
なぜエンジニアは Vim や Emacs を未だに使うのか? もしかしたら今の時代、そんなの使わなくてもいいんじゃないか? 駆け出しエンジニアの頃、そんなことを思っていました。しかし実際、本当にマストなんです。その理由と勉強方法を説明します。
ApacheリバースプロキシでHTTPSリダイレクトをかける方法
今回は Apache でリバースプロキシを使っている場合における、HTTP から HTTPS にリダイレクトをかける方法を説明します。単純に Redirect ルールを設定するだけでは実行されないことがあるので注意が必要です。
【初心者向け】シェルをわかりやすく説明してみた【zshオススメ】
駆け出しエンジニアは Linux コマンドの入力で zsh というシェルを使うと爆速で成長できると思います。シェルとはなんなのか? どういうシェルの種類があるのか? なぜ zsh をオススメするのか? その理由を説明します!
【React】User-AgentのPC/スマホ/タブレット判定
React は仮想 DOM を使うので、そのままだと User-Agent にアクセスできません。ライフサイクルメソッド componentDidMount () 内では UA が使えるので PC / スマホ / タブレット判定が可能です!
【React】Twitter絵文字ライブラリTwemoji解説!
ブラウザで Twitter の絵文字を使えるようにする Twemoji というレガシーな JavaScript ライブラリがあります。今回は React でもっとシンプルに使える react-twemoji について解説します!
Amazon Linux2でLet's Encryptを使う方法
HTTPS の証明書といえば無料の Let's Encrypt が有名ですが、EC2 で Amazon Linux2 を使っていると、設定ファイルの修正が必要になってきます。これは少しわかりにくいところなので詳しく説明したいと思います。
リバースプロキシしているApacheにHTTPS接続できないとき
Apache でリバースプロキシをしている場合、HTTPS 接続時に SSL23_GET_SERVER_HELLO:unknown protocol というエラーが返ってくることがあります。今回、このエラーの解消方法を説明します。
【AWS】Route53とは? EC2のIPにドメイン設定する方法
EC2 で Web サイトを作ったら、ドメインを付けて一般公開したいですね。そのときドメイン周りの設定は Route53 を使うと簡単ですよ。今回は AWS の Route53 で独自ドメインを設定する方法・手順を解説します!
【SSH接続】サーバ上でGitHubを使う手順【公開鍵と秘密鍵】
ローカル開発環境で GitHub にプロジェクトを push したら、今度は本番環境で git clone したり git pull したいはずです。今回はサーバ上で GitHub を使えるようにするまでの設定・手順を解説します。
【本番リリース】Node.jsサーバ接続方法【リバースプロキシ】
最近は Node.js 製のアプリが増えてきていますね。サーバ上でも localhost サーバを起動するのですが、そのアクセス方法はご存知でしょうか? 今回はリバースプロキシでサーバ上の localhost にアクセスする方法を解説します!
【AWS】VPCとEC2でシンプルなサイトを公開するまでの手順!
今回、VPC のパブリックサブネットに EC2 インスタンスを構築して、シンプルな静的サイトをネット公開するまでの手順を解説します! ほぼ全てのスクショを撮ったので迷うことはないと思います。永久保存版です!(AWSが変わらない限り)
【AWS】VPCとは? 初心者向け徹底解説!【アーキテクチャ設計】
AWS 初心者の方はまず EC2 や RDS 利用することが多いと思いますが、なにはさておき VPC 作成しないとはじまりません! しかし、普段なじみのない用語に遭遇すると思うので、今回、初心者にもわかりやすいように VPC を解説します。
【PHP】デバッグ方法を一挙解説【API開発で値を確認する方法】
今回「おそらく基本的なこと…」だと想像できるだけに、現場の先輩に聞けないような質問。「API 開発のデバッグってどうやるの?」を説明します! せっかくなので PHP のデバッグによく使われる「出力系の関数」も説明しようと思います。
【ロードマップ】zshで超快適にLinuxコマンド【0から解説】
作成した Emacs の記事をロードマップ風にまとめてみました。Linux コマンドに不慣れな駆け出しエンジニアこそ zsh をオススメします。入力補助が超充実していて特有のストレスがあまりないからです。エンジニアとして早く成長できますよ。
【ロードマップ】Emacsとは? 使い方を0から解説【初心者歓迎】
作成した Emacs の記事をロードマップ風にまとめてみました。Emacs は拡張性の高いエディタですが、操作性に少々クセがあります。しかし、駆け出しエンジニアでも最低限の Linux コマンドで基本的な操作方法が分かるようになっています!
【アジャイル】カンバンとは? 使い方・無料ツール・運用方法を解説!
今回はアジャイル開発手法の 1 つである「カンバン」について解説します! これは「スクラム」という開発手法で使っても OK です。無料でも使えるカンバンボードサービスの紹介もしています! プロセス名を踏襲すれば、生産性めっちゃ上がりますよ。
WordPressカテゴリードロップダウン! 階層を空文字から変更
今回は当ブログでも採用している WordPress で階層化されたカテゴリーのドロップダウンメニュー作成方法、その表記を変更する方法について解説します!(これはデフォルトままだと階層表記が「空文字」で表示崩れっぽく見えてしまう対策です)
【初心者向け】スクラムとは? スプリントなど用語解説【アジャイル】
アジャイル開発とは…少数精鋭のチームで、無駄を省いて、優先順位つけて早く開発しようぜ! そんな概念ですが、じゃあそれを具体的にどうやるのって話になると「スクラム」という開発手法が有名です。用語が多いため、初心者向けに分かりやすく解説します。
【開発手法モデル】アジャイルとは? ウォータフォール型との違いは?
最近どこの現場も「猫も杓子もアジャイル開発」な感じです。僕もウォータフォール型の開発現場で苦い思いをしたことがあるので気持ちは分かります。今回はソフトウェア・システム開発手法「ウォータフォール」「アジャイル」について易しく解説します!
【Formik/Yup】React簡単フォーム作成ライブラリ解説
React でフォーム作成するのは大変…と思いがちかもしれませんが、ライブラリを使うとすごく簡単です。今回 Formik と Yup を使ったお問い合わせフォーム・アカウント作成フォームのサンプルコードを公開します!
【React】Next.js環境構築【SASS/ESLint】
今回、React フレームワークである Next.js の環境構築方法を紹介します。そして SASS/SCSS と ESLint と React-Bootstrap の導入方法・その設定ファイルについても解説します。とても簡単なのでぜひ参考にしてみてください!
【PHP】composerの使い方:useする名前空間の確認方法
Laravel や CakePHP といったフレームワーク上で composer を使ってライブラリをインストールすることがありますが、その名前空間をどうやって調べていますか? autoload_classmap.php の確認がラクですよ!
【使い方】CircleCIとは? EC2にsshしてデプロイ自動化
今回、初心者にとって出来るだけ分かりやすく・画像多めに CircleCI について解説します。実際に GitHub の master ブランチにプッシュしたら EC2 インスタンスがそのコミットを自動的にプルするようにしてみます。
【シンボリックリンクでOK】Macエイリアスへcd移動はできない
Mac でエイリアス作成する人もいると思います。しかし Terminal で cd [エイリアス] 移動って実はできないので、シンボリックリンクの作成方法を学びましょう。またフォルダをクリックして簡単にパスを調べる方法も紹介しています。
stream_get_contentsで空文字・取得できないとき
PHP の stream_get_contents () で CSV ファイルの中身を取り出そうとしても空文字…で先日ハマったので共有します。結論は「ストリームのモードをちゃんと見ろ」です。
簡単なSASS/SCSSの導入方法【Gulp・yarnの使い方】
先日、保守がつらそうな直書きの CSS を見ました。まだ SCSS 使っていない人は早めに慣れた方がいいですよ...今回は Gulp を使ったかんたん SASS/SCSS 導入方法を紹介します!
【nodebrew】Node.js簡単インストール方法【使い方】
開発マシンに直接プログラミング言語をインストールしていませんか? いわゆる環境汚染ですが、そういったインストール方法はよくありません。今回は簡単に Node.js のインストール・バージョン管理できる nodebrew について解説します。
.gitignoreが反映されない! キャッシュ原因でないときは?
.gitignore が反映されず、ファイルが無視されない! そんな場合、もしそのファイルが既に Git 管理下にあるのであれば、変更したファイルの追跡を無視する git update-index --skip-worktree を使います。
ReactにSASSとESLint (AirBnB) を導入する方法
create-react-app コマンドでかんたんに React プロジェクトを構築する方法、SASS の導入方法、ESLint を AirBnB 構成にする方法を解説します。新規プロジェクト作成するときはこれが一番ラクだと思います。
【pecl? brew?】MacのPHPのintlインストール方法
Mac の PHP ローカル開発環境で intl がないというエラーが出たら brew install で PHP 本体をインストールしてください。環境変数 PATH に /usr/local/bin が通っていればそれで解決します。
Dockerfileとは? command 書き方をまとめました!
今回は Dockerfile の概要と書き方について見ていきましょう。話を簡単にするため 1 つの Dockerfile で 1 つの Image / Container 作成するサンプルを交えて、基本から順番に解説しています。
4時間のスキルチェックでLaravel製カレンダーを作ってみた
エージェントのスキルチェックを PHP の Laravel で受けました。4 時間ほどでカレンダーを作ったので Laravel 初学者の人に参考になればと思って公開することにしました。こんなレベルでもフリーランスになれると安心して頂ければ。
Dockerとは? 概要・頻出コマンド使い方を解説! ドキュメント有
Docker についてこれから解説していこうと思います。今回は Docker の概要と頻出 docker コマンドの使い方について述べています。エンジニア初級者〜中級者ぐらいの読者を想定して、そのハマりどころも解説しています。
【open】Macコマンドから一発でフォルダ・ファイルを開く方法
今回紹介する open コマンドは Finder のダブルクリック操作に相当します。フォルダ、ファイル・URL を開くことが可能です。開発に慣れてくるとコマンドライン操作が増えるので open でサッとアプリ起動できると便利です。
【必須】Gitコミットの書き方・作法【prefix/emoji】
今回は Git コミットの運用方法をまとめてみました。どのプロジェクトでもある程度は通用する作法を紹介しています。また prefix や 絵文字を使ったコミットメッセージ、そのテンプレート作成方法も解説しています。
【bash】Git対応・見た目改善するStarship【zsh】
本日は Mac 環境にコマンドライン拡張ライブラリ Starship 導入方法について紹介します。こちらは Bash や Zsh で簡単に使うことができるテーマで、Git ブランチやプロジェクトの言語バージョンまで表示してくれて便利です。
【PostgreSQL】psqlメタコマンドチートシート・使い方
MySQL と同様に、PostgreSQL でもメタコマンド機能が psql というコマンドの一種として \ から始まるコマンドで定義されています。これを使うと出力結果が崩れなくなりますし、簡単に DB 操作できるようになります。
【表示が崩れる】MySQLメタコマンドでSQL結果を見やすく出力
MySQL のメタコマンドをご存知ですか? 文法と切り離して説明されることが多いので知らない人も多いかもしれません。メタコマンドは簡単にいうと SQL 文と組み合わせできる裏技コマンドです。これで SQL 出力結果の表の崩れがなくなりますよ。
【AWS】EC2でchshのシェル変更できない問題解決【zsh】
今回は EC2 (Amazon Linux) で zsh をうまく設定できない人を対象に、シェルの変更方法を解説しています。設定ファイルを直接書き換えてもよいのですが chsh コマンドを導入すれば簡単に変更できるようになります。
【写真付き】Emacsの画面名について解説します【Buffer】
Emacs では画面の部品ごとに名称がついています。解説サイトではよく飛び交っているので、知識として押さえておきましょう。
【Emacs】5分でわかる! 効率的なパッケージリストインストール
Emacs のパッケージ導入で使う M-x package-list-packages ですが、リスト画面上で欲しいパッケージに「インストールフラグ」を立てておいて、あとでまとめてフラグ実行するということができるので解説していきます!
sudoでいつものLinuxコマンド実行できない!? を解決します
sudo [なんらかのコマンド] で「コマンドが見つかりません (command not found)」というエラーが出たときの対処法を解説します。結論としては visudo で sudo 時に読みこまれるパスの設定をしていきます。
プロセスを止める最終手段killコマンドの種類・シグナルの使い方
今回は Linux コマンドで PC 処理を終わらせる方法、つまり kill コマンドでプロセスを終了させる方法について解説します! 処理が固まったとき、すごく動作が遅くなってしまったときの最終手段として使うことがあります。
history不要! pecoでLinuxコマンド履歴を爆速で検索
zsh で peco というライブラリを使って「前方検索による」コマンド履歴検索から「インクリメンタルサーチによる」コマンド履歴検索へ進化させてみましょう! 一覧性が高く、絞り込みも早いのでコマンド履歴検索がとても早くなります。
1箇所コピペするだけでgitブランチ名を常に表示【.zshrc】
「あれ? 今の git ブランチなんだっけ。あっ新しくブランチ切ってなかった!」これをやってしまって、新しいブランチにコミットを移す作業はめんどくさいですね。。。ブランチ名さえ確認していれば…この状況、zsh の設定だけである程度は防げます!
【.zshrc解説】コピペで簡単zshカスタマイズ【設定方法】
今回は zsh をより使いやすくするため、僕が普段つかっている設定をコピペしてかんたんカスタマイズをしてみましょう! 設定の記述は難しいので、まずどのような動作をするのか確認して、もし不満があれば都度調べながら修正でよいかと思います。
【Mac/Linux】zshとは? インストール方法を超丁寧に解説
こんにちは。ダタクです。今回は Web 開発初心者の方に向けて OS デフォルトの bash を卒業して、zsh と oh-my-zsh 導入による快適 Linux コマンド入力を実現する方法を解説していきます。
Emacsを超便利にする「Helm」のパッケージインストール方法
今回は Emacs のパッケージインストールの使い方を解説します。その中で Emacs の使い勝手をよくする Helm というパッケージを導入します。Emacs の使い方を調べたら難しい…と感じた人もラクに設定できるようになっています。
【簡単】Emacs基本的な設定ファイルの書き方【init.el】
今回は Emacs の設定ファイルである init.el を僕がどのように設定しているか公開します。ちゃんと設定ファイルを書くと自分好みで使いやすくなっていくのでよかったら参考にしてみてください。
【キーバインド】わかるEmacs操作方法【cheetsheet】
今回は Emacs コマンドの使い方について解説していきます。前半では、基本的なコマンド入力方法・キーボード設定について、後半では、どのようなコマンドが使えるのか一覧でわかりやすくしています。
【CentOS】優しいEmacsインストール方法【Ubuntu】
今回は AWS の EC2 の利用を想定して CentOS と Ubuntu の中に Emacs26 系をインストールする方法を解説します。簡単にパッケージインストールするためのリポジトリ設定の書き方も説明しています。
MacのEmacsインストール方法を丁寧に解説!【PATH設定】
今回はコマンドライン上で動かせるテキストエディター Emacs26.2 を Mac 環境に導入する手順、初心者がつまづきやすい PATH の通し方まで徹底解説します。
【iTerm2】便利なショートカット・同時実行コマンド【使い方】
本日は iTerm2 のショートカットコマンド・同時実行コマンドについて解説をしていきます。iTerm2 は Mac で使えるコマンドラインツールとなります。Mac に最初から入っている Terminal の正当進化版とでも思ってください。
【超高速全文検索】ripgrepとは? 簡単・便利な使い方を解説!
PC の検索機能・エディターの検索検索だとコレジャナイ結果だったり、絞り込みの問題でまったく結果が返ってこないことがあったり、リモートサーバーのファイルだと、普段使いのエディターで全文検索できないことあったり。。。これ ripgrep で一発解決します!