2020年12月29日 / 最終更新日時 : 2020年12月29日あかひげ記事

X570 AORUS MASTERで行ったBIOS設定

BIOSアップデートしたら設定がリセットされたのでメモとして残しておく。仮想化技術の有効化 Hyper-Vを使うために。メモリのクロックアップメモリをPC3600として使うために。やらないとPC2133。 NVMe […]

2020年12月26日 / 最終更新日時 : 2020年12月26日あかひげ記事

2020年何やってたの技術編

AWSで使ったことあるリソースが増えたってのとデザインリテラシー向上がハイライトだろうか。コードはなんか小物しか書いてない気がする。 AWS、Terraform、Ansible 中規模システムをCentOS6からの乗せ換 […]

2020年12月19日 / 最終更新日時 : 2020年12月21日あかひげ記事

WordPress5.6でメジャーバージョンの自動更新がデフォルトになった

先日リリースされたWordPress5.6では新規インストールされたWordPressはメジャーバージョンの自動更新が最初から有効になっている。地味に事件を引き起こしそうな変更である。企業サイトなどクライアントワークで […]

2020年12月14日 / 最終更新日時 : 2021年7月14日あかひげ記事

新PCでのWSLのセットアップと旧PCからの環境移行

WSLのエクスポートからのインポートで簡単なんだけどデフォルトユーザーとか少し工夫が必要だったのでメモ。 WSLの有効化参考: Windows 10 用 Windows Subsystem for Linux のインス […]

2020年12月14日 / 最終更新日時 : 2020年12月14日あかひげ記事

自作PC（Late 2020）のパーツ選び

おもむろにお仕事マシンを組むことにした。ずっと自宅で仕事してるしノートにこだわる必要ないよねってことで。今年お金あんまり使わなかったし年末だし経費として使っとくかってのもあり。最初は自作するつもりはなくショップブラン […]

2020年11月24日 / 最終更新日時 : 2020年11月24日あかひげ記事

Nanocで1ファイルからたくさんのページを作る

静的サイトジェネレーションと言えば最近はGatsbyやNest.jsが元気いいかんじだけど、単純なHTMLやJSONの生成などにはNanocも手軽で依然便利である。今回は同じ構成のサイトで文言が少しだけ違うようなものを […]

2020年10月18日 / 最終更新日時 : 2020年10月18日あかひげ記事

TerraformでEC2インスタンスを作成

Terraformのバージョンは0.13.4。 EC2インスタンスでサーバーごとに異なる設定値を定義 EC2インスタンスの作成 for_eachで複数台作成する。 subnet_idはTerraformでAWSのネットワ […]

2020年10月17日 / 最終更新日時 : 2020年10月18日あかひげ記事

TerraformでAWSのネットワーク設定

AWSコンソールでポチポチ作ったものをimportしてstate showしてコピペしてきて作ったもの。タグのうまいつけ方がよく分からない。 Terraformのバージョンは0.13.4 VPCとサブネットのIPアドレ […]

2020年9月26日 / 最終更新日時 : 2020年9月26日あかひげ記事

EOLによるサーバー移行はその1年前を完遂目標とすべし

いよいよCentOS6のEOLが目前に迫ってきた。2020年11月30日である。まだ未対応だとしたらそれはかなり遅いと言わざるを得ない。そしてその遅いと言わざるを得ないシステムをいくつか抱えている身としては、なかなかに […]

2020年9月10日 / 最終更新日時 : 2020年9月10日あかひげ記事

Reactのコンポーネントにスタイル適用どうするの

色々なコード見てると色々な書き方があって初心者からするとカオス。結論を言うと普通にCSS書いてclassNameでCSSクラスを指定する（classはJavaScriptの予約語のためPropsに使えない）のでOK。色 […]

2020年9月6日 / 最終更新日時 : 2020年9月11日あかひげ記事

WordPressでReactを使ったテーマを作る準備編

SPAにしたらサイトによっては速くて快適かなとかそういう思いつきから。ちなみにこの技術ブログのように直帰率が極めて高いサイトの場合はあんまり恩恵はない。下手すると初回ロードに時間がかかるだけデメリットの方が大きいまであ […]

2020年9月3日 / 最終更新日時 : 2020年9月4日あかひげ記事

Docker DesktopからWSL2上のUbuntuのDocker daemonへ

WSL2に移行したら開発用のDockerコンテナが起動しなくなった WSL2を有効化し、動作が遅くなった問題にも対処の続編。 Ubuntu側にファイルを移したら開発環境のDockerイメージがビルドできなくなってしまい、 […]

2020年8月28日 / 最終更新日時 : 2020年8月28日あかひげ記事

WSL2を有効化し、動作が遅くなった問題にも対処

WSL2の有効化待ちに待ったWLS2がWindows10 1903/1909にバックポートされたので窓の杜を参考に有効化する。 WSL2が使えるように更新プログラムを適用まずWindows Updateで新しく出てる […]

2020年8月22日 / 最終更新日時 : 2020年8月22日あかひげ記事

WSL上のUbuntuでdiff-highlightを使う

diff-highlight便利そうだと思いつつ入れてなかったのをふと思い立って入れた。 diff-highlightが見つからないので最新のgitを入れた色々な導入記事の通りにしようとすると/usr/share/gi […]

2020年8月19日 / 最終更新日時 : 2020年8月19日あかひげ記事

Windows10のWSL環境でwp-envが使えない件

最初のつまづき Windows10のWSLのUbuntsu上でwp-envを実行しようとしたらうまく行かなかった。要するにdocker-composeのバージョンが古いというエラー。普段はWindows10の本体の方 […]

2020年8月18日 / 最終更新日時 : 2020年8月18日あかひげ記事

Honkitのプラグインの探し方と使い方

公式ドキュメントを読んで探し方を探す HonKitのドキュメントのプラグインの項を読むと plugins.gitbook.com で探せと書いてあるったがそのページはすでにNot Found。代わりにnpmjs.com […]

2020年8月9日 / 最終更新日時 : 2020年8月9日あかひげ記事

Slack Ruby ClientでSlackにメッセージを投げる

自前でウェブから情報を集める手段を作りたくて考え中。スクレイピングの方はAWS Lambdaで動かせばいいとして、集めた情報をどこに集約するのがいいのかなと。メール？フィード？Slack？とりあえずSlackに投げ […]

2020年7月29日 / 最終更新日時 : 2020年7月29日あかひげ記事

GitBook改めHonKitを久々に？使う

仕様書のためのドキュメンテーションツールを探してワシは戻ってきたぞGitBookに！・・・って見てみたらもうメンテされてないし、HonKitと言うのがforkしてたのでそっちに。 GitBookはなんか有料のサービスに […]

2020年7月22日 / 最終更新日時 : 2020年7月22日あかひげ記事

サイトタイトルの字間を調整してみた

タイポグラフィでカーニングについて勉強してからこのサイトのタイトルを見ると、見事に字間のバランスが微妙な感じだった。 Before 「ひ」と「げ」の間が狭く、「ろ」と「ぐ」の間が広く見える。 After HTMLとCSS […]

2020年7月17日 / 最終更新日時 : 2020年7月17日あかひげ記事

独学でプログラミングを学べと勧めがち

プログラミングを学びたい初学者に対して「スクールなんていらないから独学しようぜ」と言うアドバイスを定期的に目にするので、意見の整理がてらひとつ書いておきたい。独学者の生存バイアスまず自分も基本独学でやってきた人間なの […]

2020年7月11日 / 最終更新日時 : 2020年7月11日あかひげ記事

ブロックエディタにテーマ独自のクラスを利用したスタイルを適用する

ブロックエディタの表示にテーマのCSSを当てると、コンテンツエリアは完全なWYSIWYGに近くなり、いちいちプレビューしないでもイメージ通りに編集していくことができる。そのためにはafter_setup_themeフック […]

2020年7月5日 / 最終更新日時 : 2020年7月5日あかひげ記事

そろそろブロックエディタ

WordPress5.0がリリースされてすでに1年半。つまりブロックエディタがデフォルトになってから1年半。上から下に文章書いて行くだけのサイトだと不要かなと思ってずっとClassicエディタを使っていたが、以下の理由で […]

2020年6月28日 / 最終更新日時 : 2020年7月22日あかひげ記事

このブログのデザインをリニューアルした

おもむろに新しく作成した自作のテーマを先日適用した。まだ直したいところはあるがとりあえず形にはなっているので、完璧にこだわりすぎてエターナルしないように。リニューアルの経緯このブログは今まで既成のテーマを使っていたの […]

2020年6月22日 / 最終更新日時 : 2020年7月22日あかひげ記事

ブロックエディタで段落や改行が消える時の対処

古いエディタ系プラグインを削除するこのブログをクラシックエディタからブロックエディタに移行した直後、段落のpタグが消えるので「ナンダコレハ」としばらく悩んだが、プラグインのJP Markdownを無効化したら直った。ブ […]

2020年6月21日 / 最終更新日時 : 2020年6月21日あかひげ

スキルの棚卸 2020

現状確認と今後何していくのかと言う指標のひとつとして。アクティブなスキルウェブ開発ウェブサイトやウェブアプリケーションの要件定義から設計、サイトマップや画面遷移図など開発保守に必要なドキュメンテーション、ワイヤフレ […]

2020年6月18日 / 最終更新日時 : 2020年6月18日あかひげ

Figmaでデザインを始める際に参考にしたサイト

このブログをリニューアルしようと思ってFigmaでデザインを始めた。その際にとっかかりとしたサイトをまとめておく。あとでまた参照するためにも。ちなみにこの手のデザインツールは前々から使ってみたくてSketchがいいのか […]

2020年6月17日 / 最終更新日時 : 2020年6月17日あかひげ

隣接セレクタを使って要素の並びに応じたマージン調整を行う

見出しや段落といった要素の間にマージンを設定するのに、要素の並び方によって違和感を感じることがある。例えばh3とh4であれば「h3のあと段落や画像など他の要素を挟んでh4となる場合」と「h3のすぐ下にh4となる場合」な […]

2020年6月9日 / 最終更新日時 : 2020年6月9日あかひげ

Railsのテンプレートエンジン選択を考えた

知り合いがERBを使っていたら「Slim使わないのは小学生までだよね」くらいの勢いで煽られてイラっと来たという話を聞いて、そういや今は何がデファクト何だろうと気になって少し調べてみた。結論として何がデファクトかはよく分 […]

2020年6月4日 / 最終更新日時 : 2020年6月21日あかひげ

ウェブデザインで使うアイコンをゲットする

アイコンを程よく使うとデザインのアクセントになるのでうるさくならない程度に少量使っていきたい。久々にそんなアイコンに関する情報をアップデートしたのでメモ。 Font Awesome 定番のFont Awesome。ア […]

2020年5月25日 / 最終更新日時 : 2020年5月25日あかひげ

久方ぶりにSASSを使ってみる

このブログのリニューアルで久々に一からCSSを書いている。そしてCSS設計の本を読んだこともありBEMを使ってみている。それにともなって素のCSSを書いて行くのはだるいなということで久々にSASSを使ってみることに。 […]