とにかくケチりたい、そんな気持ちで作ったツールの話です。 元々開発にCline(Claude Dev)やAiderなどの開発ツールを駆使していました。 ただ、APIの料金が常に心配で、できる限り安く済ませたい気持ちもあり、Claude Proを契約してWeb版にファイルを1つ1つアップロードする日々を過ごしていました。 ある日それが面倒になってきて「全部1ファイルにしたらいい感じに読み込んでくれるのでは？」と思い、作ってみたら思いのほかうまくいったので公開しました。 百聞は一見にしかずということで、 こちらのデモにお気に入りのGitHubリポジトリ(例: honojs/hono)を入力してみてください。 Claudeが得意とするXMLっぽいフォーマットで出力し、そのままClaudeにアップロードすることができます。 完全にAIバブルの波に乗ったとも言えるのですが、多くの競合がいる中でスター

let arr = [1, 2, 3]; for (let i = 0; i < arr.length; i++) { arr[i] = arr[i++]; // ESLint : Disallow the unary operators ++ and -- } そうすると、ESLintから使うなと警告される。 えーダメなのかと思ってi += 1に直す作業をするだけでなんで使っちゃダメなのかについて深く考えたことがなかった。 ESLintの警告について読んでいたらUnary Operators(単項演算子)が原因だったので調べてみた。 単項演算子とは？ 単項演算子は一つの値に対して操作を行う演算子で、二項演算子（例：a + b）と異なり、一つの値に対してのみ作用する。 使い方 インクリメント/デクリメント演算子 ++と--は一般的な使い方のように+1や-1の動きをする。 また、前におくか、

import { StrictMode } from "react"; import { createRoot } from "react-dom/client"; import { Todo } from "./Todo"; const rootElement = document.getElementById("root"); const root = createRoot(rootElement); root.render( <StrictMode> <Todo /> </StrictMode> ); import { useState } from "react"; import "./styles.css"; export const Todo = () => { const [todoText, setTodoText] = useState(""); const [incom

Chromiumエコシステムに資金提供を行う「Supporters of Chromium-Based Browsers」、Linux Foundationが設立 ChromiumはオープンソースのWebブラウザ実装です。Googleが主導して開発しています。 このChromiumを基に、GoogleはGoogleアカウントへの対応などを追加することでGoogle Chromeを開発し、マイクロソフトはMicrosoft Edgeを開発しています。その他にもChromiumを基にしたWebブラウザは、OperaやBrave、Vivaldi、Arc Browserなど多数あります。 Linux Foundationが今回設立を発表した「Supporters of Chromium-Based Browsers」は、このChromiumおよびChromiumを基にしたWebブラウザなどのChr

はじめに JavaScript 大好きな私が、JavaScript の文字列について熱く語るブログです。 正月休み中に執筆したので、趣味全開のブログをお届けします。 JavaScript の文字列というと、"String" や 'String' は広く知られています。 しかし、`String` と表記する Template Literal (テンプレート文字列) はその真価が伝わりきっていないかなと考えます。 Template Literal を使うことで、コードの可読性だけでなく保守性も向上します。 また、Template Literal は、SQL インジェクションなどのセキュリティリスクを軽減するのにも役立ちます。 このブログでは、Template Literal について熱く語りたいと思います。 (メインで使う言語が TypeScript のため、例には一部 TypeScript

AWS、コンテナに最適化したLinux OS「Bottlerocket」を米国政府セキュリティ標準「FIPS 140-3」に適合へ Amazon Web Services（AWS）は、コンテナに最適化したLinux OS「Bottlerocket」を2020年9月にリリースしています。 Linux OSには一般にシェルやプログラミング言語のランタイムなど、便利に使える機能が最初から含まれており、インストールするとそうしたさまざまな機能がすぐに使えるようになっています。 しかし迅速に起動し、アプリケーションの実行に特化したコンテナ環境においては、より小さなファイル容量とメモリ使用量など、最小限のOSであることが望ましいとされます。 そうした用途のために作られたのがBottlerocketです。 参考：AWS、コンテナ実行に最適化したLinux OS「Bottlerocket」正式版リリース

Jack Wallen （Special to ZDNET.com） 翻訳校正： 編集部 2025-01-16 07:00 「Linux」ディストリビューションの中には、多数のアプリが前もってインストールされているものもあれば、少ないものもある。多数のアプリケーションが最初からインストールされているディストリビューションでも、適切なアプリ群がインストールされているとは限らない。 筆者の経験から言わせてもらうと、すべての新規ユーザーにとって「必須」とみなされるべきアプリがいくつか存在する。これらのアプリが主要なディストリビューションの多くになぜ含まれていないのか、不思議に思うことがよくある。 幸い、簡単にインストールできるアプリが多数存在し、そのほとんどは標準のリポジトリーに含まれている。 それでは、筆者が考えるLinuxの「必須アプリ」の紹介に移ろう。 1. 「LibreOffice」 オ

特定のリポジトリに対して機能追加・変更やバグ修正などを行う場合、エンジニアはPull Requestを発行します。プログラミングを続ける過程で数えきれないほど発行されるPull Requestは「エンジニアが歩んできた道のりそのもの」と言っても過言ではありません。 ならば、オープンソースコミュニティで活躍する方々が「特に印象に残っているPull Request」には、その人のOSS活動への思いや日々の研鑽が結実しているのではないでしょうか。今回は8名の著名エンジニアの方々に回答していただきました。 ※人名の50音順に掲載。回答者は敬称略。 k0kubunが紹介『Count trace_running for internal event』 github.com これは私が新卒1年目に初めてRuby本体に送ったPull Requestです。 当時、私は社内の開発者の生産性を改善するチームに所

「宿題やりなさい」を言わない我が家。子ども自らタスクの進捗管理ができるようになるフォローの仕方 2025年1月16日 しんざき システムエンジニア、PM、ケーナ奏者、三児の父。南米民族音楽の演奏が趣味。仕事・育児・演奏活動の傍ら、レトロゲーム雑記ブログ「不倒城」を20年程運営している。 X：@shinzaki ブログ：「不倒城」 こんにちは、しんざきと申します。前回に引き続いて、子どもと接する時に「なんかこれ職場で同じようなことやってるなー」と思ったことを書こうと思います。 この記事で書きたいのは、大体以下のような内容です。 以上です。よろしくお願いします。 さて、書きたいことは最初に全部書いてしまったので、後はざっくばらんにいきましょう。 keyboard_arrow_down 長期休みの宿題は子どもの「一大プロジェクト」 keyboard_arrow_down 我が家で教える「タスク管

貼り付く見出し 貼り付く見出し スクロールしてこの見出しが画面上部に貼り付いたときだけ、見出しの下に境界線を出したい。 技として、境界線用の要素をいっこ用意して、それを見出しの裏に忍ばせておく方法がある。見出しが画面上部に貼り付いたときに、下に境界線が出てくる。 画面上部に貼り付いたときに境界線が下に出る 貼り付く見出し 貼り付く見出し どうなってるかというと、背景色を透明にするとこう。 見出しの要素に margin-top: -1px; をつけることで、境界線の要素を覆い隠して見えなくしておく sticky の top の値を、見出しの縦幅 + 1px 分にして、 1px 下に貼り付くようにする 境界線が躍り出る空間を得るために、外側の包む要素の縦幅は、見出しの縦幅 + 1px 分にしておく むずいけど、これで、見出しが貼り付いたときに、境界線がちょうど背景色のすぐ下に躍り出る。 こうい

読者の自宅に使っていない古いPCはないだろうか。「Windows 11」をサポートしない「Windows 10」搭載PCを使用しているが、新しいマシンを購入することに興味はない、という人もいるかもしれない。そういう人はどうすればいいのだろうか。 軽量の「Linux」ディストリビューションを導入するといいだろう。このタイプのOSは通常、システム要件が非常に低く、古いマシンを新品のように生まれ変わらせることができる。軽量をうたうディストリビューションはいくつかあるが、本記事では、1GHz以下のCPU、2GB以下のRAM、10GB以下のストレージがシステム要件となっているものだけを紹介する。これらのディストリビューションはすべて、機能を犠牲にすることなく高速性を実現している。 それでは、どのディストリビューションを選択すればいいのだろうか。本記事では、適切なディストリビューションの選定に役立つ情

Impress Watch「AIで記事要約」終了へ　月10万回利用、「APIコストはまかなえている」が…… インプレスが運営する情報サイト「Impress Watchシリーズ」は1月17日、Googleの生成AI「Gemini」による記事要約機能を、1月末をめどに終了すると発表した。 2024年2月に提供を始め、現在も月10～15万件の利用があるという。要約記事に挿入される広告収入により「GeminiのAPI利用料は十分にまかえている」が新鮮味は薄れており、「社内外から『風景』になってきた、という声も聞こえている」ため、新たな挑戦を模索するとしている。 同サイトは2023年5月から、OpenAIの「gpt-3.5-turbo」「GPT-4」を活用して1000文字以上の記事を400文字程度に要約する機能を提供。24年2月からはAIをGeminiに切り替え、記事要約と、3行に要約する「3行まと

AI時代を活かした英語独学法とは何か。『脳を活かす英会話　スタンフォード博士が教える超速英語学習法』（朝日新書）を上梓した星友啓さんは「英会話レッスンに必須なアウトプットの環境づくりは、生成AIが最適。スマホとChatGPTさえあれば、自分に合った英会話が独学しかも無料で可能になる」という――。 今すぐダウンロードするべき無料の“英会話講師” 対面での英会話アウトプットがベストなのはわかっているが、時間もお金もかかりがち。もっと手っ取り早く、しかも安く、アウトプットの機会を作れないものか？ 本書（『脳を活かす英会話』）でここまで紹介してきたキラーフレーズだって、実際にいろいろ試してみたい。リアルなアウトプット現場に行く前に、リラックスした状態で練習できないものか？　しかも明日英会話カフェに行くので今すぐやりたい……。 そんなお悩みがあったとして、10年前なら残念ながら、「申し訳ありませんが

Ubuntu Weekly Recipe 第846回TPMを用いて⁠⁠、Ubuntu上の暗号化ストレージの復号を自動的に行う 第831回の「暗号化されたUbuntuのルートファイルシステムをリモートから復号する方法」では、Ubuntuのストレージを暗号化する方法を紹介しました。ただし単に暗号化するだけだと、起動時にパスフレーズの入力を毎回求められてしまいます。これはリモートマシンを暗号化する際の支障となるため、第831回ではその回避策として起動時にストレージをマウントする前にSSHログインしてパスフレーズの入力するための仕組みを構築しました。 今回は、マシン本体にある「TPM」を用いて自動的な復号を実現してみます。 Clevisによる自動復号 ストレージを起動時に自動的に復号するために「Clevis」を利用します。Clevisそのものは復号する処理を自動化するフレームワークで、「⁠PIN」

「しかたないスクラム」じゃないアジャイル開発を求めて はじめまして。1月からカミナシでエンジニアリングマネージャ（EM)を担当している @daipresents と申します。 カミナシでは新規事業開発のEMとして、絶賛全力で開発を支援しています。カミナシはとても現場に近い開発環境なので、ご興味のある方はぜひカジュアル面談 をお願いします！ この記事では、僕が関わる「新規事業開発」で実際に行われている「開発プロセス」と、そこに行き着いた経緯や意図をまとめたいと思います。タイトルにあるように、チームは「スクラムじゃないアジャイル開発を求めて」きたように感じています。 チームの立ち上げ期 僕は10ヶ月ほど前から業務委託として参加しており、現在のチームに入る前に、別のチームの支援も行っていました。そこではスクラムが採用されていて、試行錯誤しながら自律したチームを目指していました（今もがんばっていま

はじめに amazon Q Developperの機能を初学者向けに紹介します。 amazon Q は2025年1月時点で日本語非対応なのですが日本語でも使える範囲で紹介します。 対象購読者 amazon Q って何？美味しいの？という方 生成AIを使って効率的にプログラミングを実施してみたい方 amazon Q Developperについて興味ある方 VScode愛用者 RPGが好きな方!! AmazonQとは？ 安全にお手軽にAIを使えるサービスになります。チャットGPTと異なる点としては一般的な回答ではなく、会社や個人の独自の情報(プライベートなデータと言ったりします)から回答を生成することができる点が異なります。 主にこのようなサービスがあります。今回はamazon Q Developerでコーディングを効率的に進められる機能をご紹介します。

オープンソースのローカルLLMクライアント「Fullmoon for iOS/macOS/visionOS」がリリースされています。詳細は以下から。 元MetaのShivkanth Bagavathyさんらが設立したMainframe Computer, Inc.は現地時間2025年01月14日、iPhoneやMac、Vision Pro上でプライベート＆ローカルに大規模言語モデル(LLM)を動作させることができるクライアント「fullmoon」を新たにリリースしたと発表しています。 a billion parameters in your pocket: use fullmoon to chat with private and local large language models like llama 3.2. the simplest way to use private LLMs

ページ上で動作するアクティブなビュー遷移にリンクされたすべてのアニメーションを取得するJavaScriptのコードを紹介します。 数行のコードをコピペするだけで使用でき、アニメーションを反転させたり、継続時間を変更したり、キーフレームを変更したりなど、さまざまな操作を実行できます。 ビュー遷移（View Transitions）はSafariでもサポートされ、今年は使用する機会が増えそうですね。 お弁当箱みたいなUI、View Transitions APIでCSSアニメーションが進化する まずは、デモをご覧ください。 ブルーのボックスの疑似要素（::view-transition-group(box)）のアニメーションのキーフレームを数行のコードで取得します。 See the Pen Debugging View Transitions: Getting the group’s anim