BLOG
疲れたときに疲れたって言える現場作り
2021-11-09
20 数社も現場を回っていると、やはり現場ごとに異なった雰囲気があるなぁと感じます。 自分はフロントエンドプログラマーなので、Web サービス現場で働いてきましたが。…
実はdisplay:flexでもgapが使える時代が到来している件
2021-11-09
gap property for Flexbox ずーっと前から使いたかったのですが、Safari だけが対応してくれてなくて使えていなかったんですよね。 そんな中、先々月の Safari のバージョン 15…
GitHubからファイルをダウンロードする方法
2021-11-04
メニレポで Web サービスの開発を行う場合、どうしてもスキーマファイルのダウンロードに苦戦すると思うのですが。 GitHub など、サーバー上にスキーマファイルが置いてあれば、引っ張ってくることは意外と簡単だったりします。 GitHub…
VSCodeの保存時にHooksの依存関係を自動で補完する方法
2021-10-27
ESLint のフォーマット時に補完が効かず、なんとかしたかったので調べてみたところ公式の Issues が引っかかりました。 exhaustive-deps autofix not working 「Hooks…
【CSS】シンプルでおしゃれな背景をさくっと設定する方法
2021-10-27
pattern.css というパッケージが便利だったので紹介をば。 pattern.css タイルとかストライプ系の背景をさくっと当てられるようになります。 はじめしゃちょーの畑のサイト で使ってみましたが。…
はじめしゃちょーの畑の非公式ファンサイトを作ってみた
2021-10-26
作ってみました。 はじめしゃちょーの畑 非公式ファンサイト リポジトリ も公開しています。
最近のESLintStylelintの設定を公開
2021-10-25
最近 ESLint と Stylelint の設定が固まってきたので、公開をば。 環境 以下の環境を前提としますが、Create React App でもそこまで変わらない気がします。 Next.js TypeScript CSS…
HeadlessCMSを3種類使ってみた
2021-10-21
最近業務で HeadlessCMS を触ることが増えてきました。 今回は以下の 3 つの HeadlessCMS について、フロントエンド的な側面から個人的な感想を書いていこうと思います。 Strapi Contentful…
和風なサイトのCSSの組み方
2021-10-19
もともと和系のデザインが好きで、過去何度か和風なサイトデザインに挑戦したことがあったのですが。 当時は自身の技術力もうそうなのですが、HTML や CSS も発達が追いついておらず、組むことを諦めてしまいました。…
（多分）正しいPrettier×ESLintとStylelintの組み方
2021-10-19
ここ数年ずーっと Prettier と ESLint および Stylelint の組み方を模索していたのですが、ようやく正解だと思われる方法にたどり着いたので、備忘録がてら。 前提 基本的にフォーマットは Prettier …
山善の焼き肉グリル（YGMA-X100）を買って焼き肉してみた
2021-10-17
うちで焼き肉や鍋をするとき、今までは 山善のホットプレート（YHC-W600） を使っていました。 このホットプレート、焼き肉が目的であれば問題なく使えるのですが、鍋が目的だと火力不足が結構致命的でした。…
はじめしゃちょーの畑から考えるトップダウンとボトムアップ
2021-10-14
奥さんが はじめしゃちょーの畑 という YouTube のチャンネルが好きで、ちょくちょく一緒に見ています。 で、最近このチャンネルの動画を見ていたとき、ふと会社におけるトップダウンとボトムアップについて深く考えさせられたので、それについて…
最近の自分のReactの書き方・進め方
2021-10-11
最近の自分の React を用いたコーディング方法と、プロジェクト設計をなんとなく書いていこうと思います。 前提 一応以下の環境を前提で話を進めます。 Next.js CSS Modules TypeScript Create React…
Fire TV Stick 4K と Fire TV Stick 4K Max を買ってみた
2021-10-10
リビングと自室用に Fire TV Stick 4K と Fire TV Stick 4K Max を買ってみました。 で、色々と触ってみたのですが、いくつか問題があることもわかってきました。 ということで、今回は以下の 3…
Twitter はじめました
2021-10-01
Twitter よしなにお願いします。
オモコロ&デイリーポータルＺ非公式リーダーを作りました
2021-09-26
オモコロ&デイリーポータルＺ非公式リーダー スクレイピングの練習がてら、なんとなく作ってみました。 例によって PWA 対応してありますので、よしなにインストールして使ってもらえたらと思います。 記事の取得頻度は 6…
【Next.js】特定のページのみ共通のコンポーネントを描画する方法
2021-09-22
公式サイトに思いっきり書いてありました…全然知らなかった。 Per-Page Layouts // pages/index.tsx import type { ReactElement } from "react"; import…
誕生日
2021-09-19
を迎え 32 歳になりました。 恒例の誕生日記事一覧です。 31 歳 30 歳 29 歳 28 歳 27 歳 26 歳 25 歳 24 歳 23 歳 [22 歳](http://piroshiki0919.blog116
フロントエンド開発の2M1S
2021-09-18
2M1S という言葉は自分が勝手に作ったものなのですが。 フロントエンド開発がうまく進むプロジェクトとうまく進まないプロジェクトをともに数多く経験してきまして。 うまく進むプロジェクトには、やっぱりうまく進むなりの理由があるなぁと。…
フロントエンドエンジニア初心者に送る、とりあえずこれ読んどけってドキュメント
2021-09-14
今回は React に限らず、フロントエンドエンジニア初心者の方向けのドキュメントを紹介していこうと思います。 The State of JavaScript Survey 世界中のフロントエンドエンジニアに対し、JavaScript…