- HTML/CSS
「Figmaの通りに作ったのに、なんか違うんですけど」─ デザインカンプとブラウザ実装のズレを埋める方法
おはようございます！株式会社ファストコーディングの働くおかんです。 先日、子どもが描いた絵を写真に撮ってプリントしたら、「色が違う！」と怒られました。画面で見た色とプリンターから出てくる色は、そもそも仕組みが違うので完全 […]
- HTML/CSS
「ここの余白、もうちょっと詰められませんか？」─ 余白設計で失敗しないCSS実装
こんにちは！株式会社ファストコーディングの働くおかんです。 先日、子どもの運動会のプログラムを作るお手伝いをしたんですが、「文字と文字の間がスカスカで読みにくい」と先生に言われて余白を詰めたら、今度は「ギュッとしすぎて窮 […]
- React, Vue.js
CursorとCopilotどっちがReact開発に向いてる？実案件で検証した
こんにちは、株式会社ファストコーディングのフルスタックエンジニア、独身貴族Fireです。 先日、バイクのヘルメットを買い替えようと思って、スペック比較をしていたんです。A社は軽さが売りだけど通気性がいまいち。B社は通気性 […]
- HTML/CSS
「この表、スマホだと見づらいんですけど」─ テーブルのレスポンシブ対応3パターン
おはようございます！株式会社ファストコーディングの働くおかんです。 先日、子どもの学校の時間割表をスマホで見ようとしたら、文字が小さすぎて全然読めなくて。横にスクロールしてもどの列を見ているのかわからなくなる。結局ピンチ […]
- React, Vue.js
AI駆動テスト生成：React Testing Libraryのテストを自動で書く方法
こんにちは、株式会社ファストコーディングのフルスタックエンジニア、独身貴族Fireです。 最近、ギターの練習で録音した自分の演奏を聴き返す習慣をつけているんです。弾いているときは「いい感じ」と思っていても、録音を聴くと「 […]
- kintone
「検品記録がまだ紙？」─ kintoneで検品チェックシートをデジタル化し不良品率を可視化する
皆さんこんにちは。kintoneアプリエンジニアのtomiokaです。 先日、部品メーカーのお客様から「検品記録を紙からデジタルに移したい」と相談がありました。 従業員100名ほどの工場で、検品結果を紙のチェックシートに […]
- ディレクション
Webディレクターが必ず聞かれる”SEOとUI/UXの優先順位”への回答
株式会社ファストコーディングで営業を担当しています長谷川と申します。お客様とお話ししていて気づいたことや、フロントエンド開発・コーディング制作界隈で最近流行っていることを書いていこうと思っております。どうぞ宜しくお願いし […]
- HTML/CSS
「前のコーダーのCSS、怖くて触れないんですけど」─ 既存CSSを壊さずに修正する防御的コーディング
おはようございます！株式会社ファストコーディングの働くおかんです。 先日、子どもが積み木で大作を作っていたんです。そこに下の子が「ここにもう一個足したい」と言って1つ追加した瞬間、全体がガシャーンと崩壊。上の子は大泣き、 […]
- React, Vue.js
Next.js Server ActionsをAI駆動で実装する ─ フォーム処理からバリデーションまで
こんにちは、株式会社ファストコーディングのフルスタックエンジニア、独身貴族Fireです。 先日、バイクのオイル交換を予約しようとして、ショップのWebフォームに入力していたんです。名前、電話番号、車種、希望日時……全部入 […]
