はてなブックマーク

作業道具こだわってますか？ 私は某IT系企業でエンジニアとして働いています。 エンジニアにとって毎日使う作業道具はこだわりたいですよね。 デスク、チェア、モニター……そしてキーボード！ 一日に何万回とキーを叩くわけですから、ここに投資する価値は大いにあります。 そんな中、最近めちゃくちゃ盛り上がっている（多分）のが自作キーボードの世界です。 自作キーボード盛り上がってます 自作キーボードの即売会イベント「キーケット」をご存知でしょうか。 国内最大規模のキーボード専門イベントで、直近では2026年3月28日に東京・浜松町で開催されました。 会場には自作のキーボードキットやキーキャップなどがずらりと並び、多くのキーボード好きが集まる熱気のあるイベントです（行ってません）。 無線分割キーボードが熱い そんな自作キーボード界隈で大きなブームを作ったのが、トラックボール搭載の分割キーボード「Keyb

Claude Codeによる開発体験の変化 みなさんClaude Code使っていますか？ Clineやそのフォーク、Cursorなどが群雄割拠していたところからここ1ヶ月くらいで急激に話題の中心に躍り出たClaude Codeですが、便利なツールという評価を超えて、これまでの開発フローを一新しうる可能性を持ったツールだと思います。 特に、与えられたタスクを分解して様々なツールを使いながら順に機能を実装していく様子は経験を積んだエンジニアのやり方そのものです。 CLIベースのツールであることの利点として動かすコンピューターを選ばないので、公式のGitHub Actions連携をすれば手元に開発環境がなくてもIssueやPull Requestのチャットで会話をしながら開発を進めることまでできてしまいます。 Claude Codeとアプリ開発の相性 そうはいっても、Claude Codeをう

Claude, Dify, DevinなどLLMをエージェント化するツールが雨後の筍の如くリリースされています。 どれがデファクトと呼べるレベルで定着するのか読むことが難しいため、触るモチベーションは低いものの、一切触らないのもいかがなものか。 という事でClaude Desktopをインストールし、MCPと呼ばれるものを試してみました。 Claude Desktopのインストール こちらでインストール可能です。 Webサイトではなくデスクトップアプリケーションとしてインストールする事で、後述するMCPを活用したプラグインが活躍する、というものです。 インストールすると概ねChat GPTなアプリケーションが使えるようになります。 MCPとは Model Context Protocolの略です。 LLM Modelに対し既定のインターフェースを提供する事で、様々な追加機能をチャットUIを

最近Astroを使い始めました。 以前はNuxtを使っていたのですが、Nuxtが使いづらいな〜と思っていた矢先にAstroはかなり開発体験も良く、ビルド時間も短縮できておそらく2024年時点では最高の静的サイト生成フレームワークだと思います。 実際にサイトを開発している中でページ数が多くなるとビルド時間が長くなる問題があるかと思います。 特に今回作ったサイトでは日本語、英語に加え、中国語、韓国語の計4つの言語に対応しなくてはいけません。 仮に、トップ、アバウト、プロジェクト(40ページ)、コンタクトの普通のコーポレートであれば生成されるページ数は100を超えます。 今回はそんなサイトのビルド時間を4.5m → 1mまで短縮した方法を備忘録として記載していきます。 前提条件 今回は以下の構成で実装しました。 node@18.18.2 Astro@4.16.6 microcms-js-sdk@

私はエンジニアが軸足ですが、マネジメントも含めなんでもやるタイプです。 別に自信があるわけでもないですが自分が管理する案件はだいたい平和になる、というか平和にするまでありとあらゆる手段を尽くして平和にしています。 その辺の自分にとっては普通にやっていることを言語化して発信することに意義があるのではないか、と思う所があったので書いてみます。 至高のタスクマネジメント 至高という言葉は料理研究家youtuberの影響で軽率に使っているものであり、タスクマネジメントの手法は組織の形に応じていくらでも正解があるものだと思っています。 実態としては自分はこうやってます、という事を書きます。 至高のタスクマネジメントツール マネジメントを行うためのツールは何でも良いとは思っていますが自分はBacklogを使ってます。 Backlogについては至高のマネジメントツールといっても差し支えないと思っています

インクロフトというマンガ投稿サービスを作りました。読者と作者にとって使いやすく、投稿しやすいサービスにしていきます。 先の投稿でインクロフトを作った理由や実現したかったことを書いたのですが、この投稿ではそれらを実現するために選んだ技術構成と工夫した点について紹介していきます。 Cloudflare インクロフトの各種機能は全てCloudflare上で動いています。様々なサービスを使っていますが、総じて他のクラウドに比べてコストが安く、また安い理由も腑に落ちるのがよかったです。 Cloudflare Workers サーバーレスのアプリケーション基盤で、機能としてはGCPのCloud FunctionsやAWSのLambdaなどに近いですが、コールドスタートが爆速(0ms)なのとコストが他に比べて安いのが特徴です。 また、エッジで実行されるため地理的に近いサーバーのリソースを使うことができる

趣味のマンガ好きが高じてマンガ投稿プラットフォームを作りました。 お試しということで、二次利用が自由に許可されている「ブラックジャックによろしく」が試し読みできるようになっているので、気になる方は読んでみてください！ ※「ブラックジャックによろしく」の利用規約により、書籍ストアに掲載する場合は1円以上の有償販売とする必要があるため、インクロフトの最低決済額の50円で投稿しています。 なぜ作ったか 私はマンガが大好きでジャンル問わず暇さえあればマンガを読んでいるんですが、最近は新しいマンガを見つけるのにXなどのSNSを使っています。 #漫画が読めるハッシュタグなどを使って作者の方がXに自分の作品を載せてくださっているので、タグで検索しながら気に入った作品はサイトに飛んで読むということを繰り返しています。 本屋や電子書籍で手に取らないようなジャンルのマンガも気軽に試し読みができて大変いいのです

本記事は、「ChatGPT選手権！エンジニアリングに組み込んでみたらこうなりました LT大会」の発表の書き下ろしになります。 実際の発表は5分のLTでしたので、この記事のダイジェスト版と言えるかと思います。 こちらの記事の方がかなり情報量が多いため、実際に発表を聞いていただいた方も、そうでない方も楽しんでいただける内容になっているかと思います。 ChatGPTとの対話も含めて全て読むには非常に情報量が多いので、お時間のある時にじっくり読んでいただくことをお勧めします。 プロローグ さて、時は遡ること3ヶ月半前、ChatGPTが登場し、週末に戯れていた私は衝撃を受けました。 それがこちらの投稿です。 ツイートのスレッドを追っていただくとわかるのですが。ChatGPTと対話を重ねていくことで、twitterっぽいフロントエンド実装をReact/TypeScript/ CSSを駆使してつくってく

OVAファイルの変換 UTMではOVAファイルをインポートすることができないため、QCOW2ファイルに変換します。 your_vm_file.ova はご自身のOVAファイルを指定してください。 # OVAファイル内を確認 % tar tf your_vm_file.ova your_vm_file.ovf your_vm_file-disk001.vmdk your_vm_file.mf # .vmdkファイルを抽出 tar xf your_vm_file.ova your_vm_file-disk001.vmdk # .vmdkファイルを.qcow2ファイルに変換 qemu-img convert -f vmdk -O qcow2 your_vm_file-disk001.vmdk your_vm_file-disk001.qcow2 # .vmdkファイルは不要なので削除 rm -f

本記事のモチベーション 約8年前、Gitを使い始めたときに以下の記事を公開したところ、想像以上の反応をいただきました。 当時はSubversionからGitに移行し、試行錯誤をしている中だったこともあり、多くの反応をいただけたことはモチベーションのひとつでした。 ただ、時が経ち、当然かもしれませんが現在は当時と違う書き方をしており、思想として変わっていない部分はあるものの、今でもときどきLikeをいただく中で、アップデートを全くしないのは誠実じゃないなと感じていました。 というわけで、現在のフォーマットも数年後には変わっている可能性が高いですが、その時々のスナップショットを公開することにも何らか意味があるかなと思い、「今の僕はこうコミットメッセージを書いているよ」というのをまとめました。 Gitを使う環境 開発フローやホスティングサービスごとのUIのdiffによって、最適なフォーマットは変

目的 SQLのWITH句, WITH RECURSIVE句とは何か。及びその使いどころを理解する。 検証DB 今回検証に用いたDBは、MySQL8.0.29。 WITH句, WITH RECURSIVE句は、MySQLでは8.0から実装された。 WITH句 共通テーブル式 (CTE = Common Table Expression)。 同一SQL内で仮想テーブルを作成して、それをメインクエリ内で参照できる。 構文 WITH 仮想テーブル名 (カラムの別名) AS (仮想テーブルの生成クエリ) -- 以下、メインクエリ。メインクエリ内で仮想テーブルを呼び出すことができる SELECT ... FROM ... WHERE ... GROUP BY ... ; ちなみに、Ruby on Rails(ActiveRecord)にはWith句に相当するメソッドは無い。 (なので、書こうとするとs

以下の手順を、puppeteer で行う例。 Bot判定されにくくするために、puppeteer-extra と puppeteer-extra-plugin-stealth を用いる。 手順 URL のリストが入った CSVファイルの読み込み ヘッドレスブラウザの Chromium でスクレイピング HTMLファイルとして保存 1 〜 3 を CSV のデータ分、繰り返し実行 インストール npm i --save puppeteer puppeteer-extra puppeteer-extra-plugin-stealth npm i --save papaparse const puppeteer = require('puppeteer-extra'); const StealthPlugin = require('puppeteer-extra-plugin-stealth')

はじめに インフラ構成管理ツールのTerraformを仕事で使っています。 書いたテンプレート通りにawsなりgcpなりのインフラを作ったり消したりしてくれるアレです、お世話になっています。 そんなTerraformですが、applyコマンド実行前に、コマンド実行前後のインフラ構成の差分が出力されます、また差分を確認するためのplanコマンドもあります。 そんな差分を表現する文字列を事前によく見て、時にはチームの誰かに確認を取ってから実際にインフラリソースへとテンプレートの内容を反映させるような作業フローで業務を行っています。 そのような業務フローでは、 Aさん「terraform planの実行結果slackに貼りました、大丈夫ですかね?」 わたし「う～ん大丈夫じゃないですかね、applyしちゃってください」 そして消される消えてはいけない設定…みたいな事案が発生してしまいがちです。 言