My failed attempt to shrink all npm packages by 5%
In 2022, I had an idea that could decrease the size of all newly-published npm packages by about 5%, and it was completely backwards compatible. This would have improved performance and reduced storage costs. I eagerly pitched this idea to the npm maintainers, convinced it was a clear win. But after a few months, my proposal was rejected. To be clear: I think this was the right call! Here’s what h
VS CodeとAIチャットの往復いらず！ 話題の拡張機能Clineで爆速開発してみよう - Qiita
最近、AIにアンテナの高いエンジニア界隈でClineというツールが話題です。 これは元々Claude Devと呼ばれていた、VS Codeの拡張機能です。 サイドバーで生成AIとチャットしながら開発補助をしてもらえて、自分のリポジトリから必要なファイルを読み込んで理解してくれたり、ターミナルでコマンドを実行して出力を確認してくれたり、さらには必要なコードを書いたりしてくれます。 似たようなツールでCursor（カーソル）も結構前から人気ですが、Clineのいいところは いつものVS Codeに拡張入れるだけでそのまま使える どこまで手動/自動で補助してもらうか、好きな具合にカスタマイズできる 結果、コーディングしながらChatGPTやClaude.aiとエディタを往復する手間が省ける ことが大きなメリットです。私も秒でトリコになりました。 実際に試してみよう！ VS Codeに拡張機能「C
POSTER LIGHT powered by BASE
照明をもっと手軽に、 もっと自由に Make lighting easier and more free 照明をもっと手軽に、もっと自由に 一度買うと、なかなか買い替える機会のない照明器具。でも、もっと自由でいいんじゃないでしょうか。 好きなデザインの照明を、好きな場所にぺたっと貼りつける。気分が変わったら照明を着せ替えて、お部屋の雰囲気を切り替える。部屋を照らす照明器具でありながら、部屋を彩るポスターでもある。 そんな自由さと余白を持たせた照明がPOSTER LIGHT です。 さあ、お部屋を着せ替えよう。
新規サービス「FAANS」における、立ち上げからReact+TypeScriptのSPA開発を2年間運用した際に取り組んだ組織的・技術的な課題 - ZOZO TECH BLOG
こんにちは、ブランドソリューション開発本部フロントエンド部の田中です。 普段はFAANSのWebフロントエンドの開発を行なっています。 FAANSとは「Fashion Advisors are Neighbors」がサービス名の由来で、ショップスタッフの効率的な販売をサポートするショップスタッフ専用ツールです。 ショップスタッフ向けにコーデ投稿・成果確認などの機能が存在し、2022年8月に正式ローンチしました。詳しくは以下のプレスリリースをご覧ください。 corp.zozo.com 現在FAANSは立ち上げから2年経過し、Webフロントエンドの開発現場において様々な組織的・技術的課題がありました。 今回はその課題と取り組みについて紹介したいと思います。 目次 目次 前提 FAANSの組織の特徴 FAANSのWebのプロダクトの特徴 変化の多い環境下で遭遇し続ける課題 組織的・技術的課題とそ
フロントエンドテストの正解って？FAANSにおけるテスト戦略の振り返りとこれから - ZOZO TECH BLOG
はじめに こんにちは、FAANS部フロントエンドブロックでWeb開発をしている平舘です。 Webフロントエンドのテスト戦略って、結局どうすればいいのか、よくわからなくないですか？ この記事では、FAANS Webアプリケーション開発におけるテスト実装の歴史を「リリース期」「急成長期」「現在」という3つの開発フェーズに分けて振り返ります。プロダクト立ち上げからのリアルな現場感とともに振り返りつつ、主にテスト配分についてチームで議論しながらプロダクトへ反映していった歴史のレポートになっています。みなさんのテスト戦略の見直しや実践のヒントになれば幸いです。 目次 はじめに 目次 背景・課題 この記事で語らないこと 前提：FAANSについて 開発の歴史とテスト戦略の変遷 フェーズ1. 怒涛のリリース期 起きたこと (1) 関心の中心は、「何をつくるか」 (2) こなれない実装 (3) jest-d
Clineを利用した開発が超快適なので、使っている.clinerulesを解説します
こんにちは、株式会社Berryの浅沼です。 この記事を書いている数週間前くらいから話題のClineを会社で導入し、開発に利用しています。最初はコードの自動生成から試していたのですが、.clinerulesを使ってプロジェクトごとのカスタム設定ができることを知り、どんどん活用の幅を広げていきました。 特に大きかったのが、プロジェクト内のコード構造・コーディングルールの設定に加えて、コミットメッセージやプルリクエストのタイトル・サマリーを生成するルールを追加したことです。これによって、「コードを書く→コミットメッセージを考える→プルリクを書く」という一連の作業がスムーズになり、全体の開発効率が格段に上がりました。 この記事では、実際の.clinerulesの内容も含めて、どのようにルールを作り、育て、活用しているのかを紹介します。特に、コードの自動生成以外の使い方にも触れますので、すでにCli
"Less Password" 時代のアカウント防災訓練 | blog.jxck.io
Intro 震災の直後、復興のさなかに水害が起こり、再び全てが流される。能登の人々にとっては大変な 2024 年だったと思う。首都直下型や南海トラフはいつ起こってもおかしくないと言われ、戦火すら他人事ではなくなっている。 家に災害用の備蓄を用意するのと同様、定期的に「アカウント防災訓練」を個人的に実施するようになって数年経つ。 観点は「今、持っているものを全て失っても、リカバリできるだろうか?」だ。 現代のアカウントの管理は、"Password Less" を目指す過渡期で、中途半端に複雑だ。Password は無くなっているというより、集約された "Less Password" 状態であり、残る「最後の Password」を起点にどう全体を復元するかが、災害時リカバリの課題となる。これに失敗して全てが詰むと、仮に無事避難できたとしても、相当な喪失を味わうだろう。 現状の選択肢と設計方針を
ドイツの肉屋で出る賄い（まかない）がどれもおいしすぎる件について｜ソーセージ姉さん
こんにちは、ソーセージ姉さんです 私がドイツの肉屋で職業訓練を始めた昨年5月から、もうすぐ9カ月が経とうとしている ９ヶ月経とうとも、肉屋の労働はハッキリ言ってまだまだつらいことが続いている 毎朝5時の真っ暗な時間帯に出勤する事には少しずつ慣れた 体格のいいドイツ人男性たちに混じって大きな荷物を運び、デカい肉を何時間も捌き、こまめに手を洗うせいで指先から肘にかけて粉が吹きガサガサがちなことにも段々と心が適応していくようになってきている 仕事において常にスピードと正確さを求められる私の職場において、私の慎重で完璧主義な性格はあまり合わないようで未だによく「もっと早くやって！」と急かされては私の中の最大限のスピードを出し、心を張り詰めながら作業に取り組んでいる 帰る前には毎日作業場の清掃を少なくとも1時間、長い時は3時間以上かけて行うため心身共にヘロヘロで帰宅するのが常だ そんな職場における私
型安全にクエリパラメーターを扱う nuqs
型安全にクエリパラメーターを扱う nuqs 2025.01.25 フロントエンドの状態管理のパターンとしてクエリパラメータを信頼できる唯一の情報源(single source of truth)として扱うことがあります。ですが、クエリパラメーターの型が文字列であるため、型安全性が保証されないという課題があります。この記事では `nuqs` というライブラリを使用してクエリパラメーターを型安全に扱う方法について解説します。 フロントエンドの状態管理のパターンとしてクエリパラメータを信頼できる唯一の情報源(single source of truth)として扱うことがあります。つまり、useState などの React の状態管理フックを使用してメモリ上に保持した状態を使用するのではなく、location.search などでクエリパラメーターを取得し、それの情報を元に画面を描画するというこ
やはりVRフィットネスは人生を変えると思う。5年間で筋肉質になった私 - 勝間和代が徹底的にマニアックな話をアップするブログ
安価で実用的なVRであるOculus Quest1が発売されたのが、2019年5月でした。 VRにはもともと興味があったので、その発売以前から、Oculus Goももっていましたし、ベースステーションが必要でPCとつなぐタイプのものもいくつかもっていましたが、Oculus Quest1が出たときに、初めて実用的なHMDが出たと思い、予約して飛びついて買いました。 ただ、当時はそんなにソフトウェアも豊富ではなく、それこそ、人に勧められるのはビートセイバーくらいでした。 ところが、2020年にSupernaturlが発売になったときには、うおーーー、と思って、おお、これもまた、やっと実用的なフィットネスソフトができるようになったとせっせと遊んでいました。 www.moguravr.com それから早5年近くがたち、HMDもQuest2、Quest3とどんどん画質も音質も上がっていき、フィットネ
初心者向けJWT講座：JSON Web Tokenを使った認証の仕組み
JWTって何？ JWTはJSON Web Tokenの略です。 まずは完成されたJWTを見てみましょう。 eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c この文字列がJWTです。 JWTの特徴を見てみる よく見ると、この文字列は 「.」(ドット) で区切られています。 JWTは次の3つのパーツから構成されています。 ヘッダ（Header） ペイロード（Payload） 署名（Signature） ただの文字列じゃない？ JWTは単なる文字列ではありません。 実は、この「ヘッダ」や「ペイロード」をデコードすると、JSON形式のデータ
クッキーとセッションを雰囲気で使っているエンジニアが、違いを説明できるようになる記事
どうもお疲れ様です。MESIです。 Web系のエンジニアをやっていると普段からクッキーやらセッションやらを使うことになると思います。 皆さんの職場でも、こんな言葉を耳にするのではないでしょうか。 「クッキーに保存しよう」 「クッキー削除しよう」 「セッションに保存しよう」 「セッションが切れた」 そこで私のようなよわよわエンジニアはこう思うのです。 「クッキーとセッションの違い is 何？」 今回はそんな私のようなエンジニア向きにクッキーとセッションを説明していきます。 そもそもなぜクッキーやらセッションが必要なのか そもそもなぜクッキーやセッションは必要なのでしょうか。 それはHTTPはステートレスなプロトコルだからです。 ステートレスって？ ステートレスは、その名の通り「状態を保持しない」ことを指します。 HTTPはサーバーがクライアントの状態を覚えず、毎回新たなリクエストとして処理さ
定期的に何度も読み返している個人的名エントリを置いておく - 空の箱
思い立ってから10分くらいで頭に浮かんだものをつらつらと書いた。なんとこれらは全て無料で読める。他にもあるかもしれないので、それは思いついたら都度追記していく。必然的にだが、僕にとっての長澤まさみ枠な人たちが名を連ねている。 行動をするときに「自分には向いてないかも」と悩む時間は必要ない soudai.hatenablog.com id:Soudaiさんの記事。特に前川さんの「もし、お前に才能が無かったとして、じゃあお前はどうするんの？そのifの中に実装があるの？何も無いんだったらそのifについて考える時間は無駄じゃん。必要なくない？」っていう言葉が核心付いててめっちゃ好き。年に何回か訪れる気持ちがマイナスになった瞬間とかに読みに行くことが多い。 長く活躍できるエンジニアになるためには？ 技術者として大切にしたいこと speakerdeck.com id:naoyaさんのスライド。先のそー
ChatGPTに撮影時の条件込みで画像の内容を説明してもらって、ImageFXで生成するとほぼ同じ画像を作れておもしろい - hitode909の日記
タイムラインで流れてきたポストから、Googleが作っているImageFXが作ってくれる画像のクオリティが高いように見えたので、触ってみていた。 ImageFXの作例 これが自分で撮った紅葉の写真で、 こっちが、Image FXに、京都の紅葉、50mm f1.4バブルボケ、とか伝えて作ってもらったもの。 ChatGPTに同じ入力を渡すと、こんな画像なので、仕上がりの違いがわかると思う。 どこか嘘っぽいというかメルヘンな仕上がりになりがち。 ここまでできるなら、手持ちの画像そっくりな画像を作れるのでは、と思って試してみる。 手持ちのラーメンの画像そっくりなラーメン画像を作る ChatGPTに、自分で撮影したラーメンの写真をアップロードして、この画像を作るためのプロンプトを作って、とお願いする。 この画像と同じ写真を生成AIで作りたいので、プロンプトを生成してください。内容だけでなく、レンズの
最小歩数で手に入れろ！食材調達バトル | オモコロ
こんにちは、JUNERAYです。 webライターの仕事をしていると、撮影の前日や当日に、企画で使う品物の買い出しに行くことがよくあります。 特に多いのが、お料理系企画の材料となる食材！ 食べ物は傷んでしまうので、できるだけ撮影の直前に買うことにしているのですが、先日困ったことが……。 「グレープフルーツ」と「生のペパーミント」と「ライム」を用意しなければいけなかったのですが、それぞれの食材が売られているスーパーがなかなか見つからず、結局4軒もスーパーを回りました。 撮影の準備で忙しい時に、買い出しでこんなに時間を取られると大変です。 ▲撮影前日は、自分の記憶を頼りに、効率よくスーパーを選定しなければなりません そこでこんなことを思いつきました。 幾度となく企画用の買い出しをしているオモコロ編集部員であれば、最短距離ですべての食材が調達できるのではないでしょうか？ 例えそれが、たくさんの具材
撮った写真がそのままデッキになるカードゲームを考案したら、予想以上に白熱しました | オモコロ
この記事は——— リンパ腺……リス！！ 僕にはリスが見えます！！ カメラのキタムラにリスがいるわけねえだろ！！ ああああああ〜〜〜！！！！！！！ 散歩中に撮影した写真がそのままデッキになるカードゲームを考案したところ、 一目見ただけではどこまでが実像でどこまでが虚像かがわかりませんよね。やはり写真というのは実像と虚像を等しく同じ地平に並べる装置なわけですから恣意的に領域を模り意味を形成しているということです 予想以上の盛り上がりを見せたため、 わあ”あ”あ”あああああああああ！！！！！！！！！！ どうだ！！！ もう カラフルカラフルカラフルだよ！！！！？？？？？？ その一部始終をお送りする記事です。 散歩に行きましょう！ 〜散歩に行く人たち〜 【みくのしん】 友達と外を歩くのが好き。友達の家にいる時、外に出た過ぎるので、お腹減ったふりをして家から遠くのお店を提案して、なるだけ外に長くいよう
人間によるコーディング禁止の CLINE 縛りでゲームを作らせてみた感想
現時点の AI コーディングの実力を測るために、自分はプロンプトのみ、直接コードを書くのは禁止で Roo Code による VS Code によるエディタ操作のみでコードを書かせた。その感想 (急いで書いたのでいろいろと雑です) tl;dr 良し悪しはともかく、人類は確実にAIによる自動操縦型のプログラミング体験に依存するという確信を持った。 ただ、その基盤である CLINE(系)自体のツールとしての完成度はいまいち。 CLINE以外の、各モデルのコーディング性能も、現時点では物足りない。 CLINE とは何か(知らない人向け) いろいろと機能はあるが、コア機能としてはヘッドフルな vscode runner で、AI にコードを書かせるために必要な情報を受け渡しするインターフェースを持っている。ファイルの読み書きや、コマンドを実行結果をプロンプトにしてAIに渡す。puppeteer によ
確定申告を｢e-Tax｣で終わらせるために、いますぐ済ませておきたい3つの手続き
1：今回からマイナポータル連携対象となった書類の「初回連携作業」昨年度の確定申告から、マイナポータル連携による申告書への自動入力対象が拡大した。特に大きいのは「給与所得の源泉徴収票」だろう。また、フリーランス向けにも「国民年金基金掛金」「iDeCo」「小規模企業共済掛金」の証明書等のデータも一括取得・自動入力の対象となり利便性が高まった。 簡単便利な自動入力にはマイナポータル連携が欠かせない。すでにe-Taxアカウントと連携済みの人も、新しく自動入力対象となった書類を確定申告書へ自動入力できるようにするためには、初回手続きが必要だ。 「給与所得の源泉徴収票」 e-Taxマイページから「本人確認／情報取得希望」を登録する必要がある。国税庁のリーフレットに「確定申告の数日前までに事前準備が必要」とあるように、登録から利用可能になるまでタイムラグがあるので注意しよう。 e-taxサイトから、｢マ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
買ってよかったもの2024｜ひらやま
https://help.x.com/ja/using-x/write-image-descriptions