M3 Maxを選んだ理由として画面出力は3画面以上欲しかったこと、M1 MaxからM3 Proはダウングレードになるということ、メモリは48GB以上欲しかったということ、によりM3 Max搭載のMacBook Proにしました。価格は60万8800円。筆者の人生で一番高いPCになりました。 データ移行 前回、14TBのデータ移行に苦労した経験を元に、使用しなくなったデータはNASへバックアップする癖をつけ、移行するデータは1TB以下で済むようにしました。ゆえに移行はすんなり完了しました。 また基本的なデータはM1 MaxのMacBook Proにも入れており、こちらはThunderboltケーブルでつなぐことでわずか十数分で数百GBのデータが移行できました。 周辺機器 Windows環境から引き続き使用する周辺機器は以下の通りです。 オーディオインターフェースとしてYAMAHA MG12X

HTMXとは HTMXは、JavaScript を記述せずに、Ajax通信や高度なUXを実現できるライブラリ。 軽量 で 高速 で、既存のサーバーサイドのフレームワークとシームレスなやり取りができる。また、AJAX通信の発火、フォームの送信処理、DOMの更新などを既存のHTML要素を拡張するだけで可能とする。WebSocketやSSEにも対応しているので、チャットアプリなどにも適している。 2023 JavaScript Rising Starsでは、 フロントエンド・フレームワーク部門で見事2位に輝いた！(一位はReact、全部門だとshadcn/ui)　似たような機能として、Ruby on RailsのHotWireがあるらしい。 2024年はHTMXがくると言われているぐらい世界で騒がれているのだが、あまり日本では流行っていない。以下はGoogleトレンドで調べた結果である。 アメリ

ことの顛末5月: Cloudflareで開発を始める/遊び始める2023年5月ごろからとある業務委託で新規開発を任されたので、心機一転新しいスタックで開発を行っていました。 具体的には Cloudflare Workers/Pages (Host) SvelteKit(フロントエンド) Hono (API Backend) Lucia Auth (認証) Drizzle (ORM) Swift UI (モバイル) Planetscale (DB) etc... なるべく安く、なるべく安定させて、かつWeb FrontendもiOSアプリも必要だったのでこのような構成になってます。 当時、この構成でこれだけのものを一人で開発していました。文字通りのfull stack engineerをやってました。とてもしんどかったですが、最近のエコシステムの成熟はとてつもなく、１ヶ月ほどで基本のものは出

日々プロダクトに向き合うエンジニアのみなさんにヒントをお届けすべく、日本最大の電子掲示板『２ちゃんねる（現５ちゃんねる）』を立ち上げた、ひろゆきさんを迎えた本連載。国内外のプロダクトを、ひろゆきさんはどうみるのか？ ひろゆきさんが開発者ならどこをブラッシュアップするのか？そんなことを、毎回話題のプロダクトを取り上げながらお届けすることでプロダクト開発で大切なことを探っていきます。 今、巷で注目を集めるプロダクトに対し、ひろゆきさんの見解を語ってもらいながら、「プロダクトづくりで大切な視点を学んでいこう」という本連載。 二回目となる今回取り上げるのは、誰でも簡単に画像が生成できる『Akuma.ai』です。 Akuma.ai：https://akuma.ai/ Kinkaku株式会社：https://www.kinkaku.com/ 現在は個人向けに作られている同プロダクトだが、「いずれは企業

localStorage.setItem("localConfig_v2", localStorage.getItem("localConfig_v2").replace(/\"is_unified_user_client_enabled\":true/g, '\"is_unified_user_client_enabled\":false'))

jsの主要ライブラリ7選を徹底解説 ソフトウェア開発において、Angular、Vue、Nuxt、React、Next.js、Node、Socket.ioは異なるツールやフレームワークです。それぞれがウェブ開発やアプリケーションの構築に役立ちます。 Angular Angularは、Googleによって開発されたJavaScriptフレームワークです。Angularはウェブアプリケーションの構築に使用されます。Angularを使うと、ウェブアプリケーションを構築するために必要な多くのツールや機能が提供されます。Angularは、大規模なアプリケーションの開発に適しており、コンポーネントベースのアーキテクチャを採用しています。 Vue Vueは、ウェブ開発に使用できるJavaScriptフレームワークです。Vueは、シンプルで使いやすい構文を提供し、小規模なプロジェクトから大規模なアプリケーシ

ライブドアニュース @livedoornews 国内・海外のニュースや芸能情報、ネットで話題の小ネタまで、幅広いジャンルのニュースをいち早くお伝えします。 ■公式アプリonl.la/JHuxZ3v news.livedoor.com ライブドアニュース @livedoornews 【驚嘆】20代には通じない「パソコン・IT用語」死語ランキング 1位は「フロッピーディスク」 news.livedoor.com/article/detail… 「フロッピーディスク」は圧倒的1位の票数だった。2位は「ダイヤルアップ接続」、3位は「起動ディスク・起動フロッピー」と続いている。 pic.twitter.com/5nwcvKfny0 2023-10-26 09:13:52

TL;DR CLI ツールを管理する方法として、Vim/Neovimのプラグインマネージャーを使うと意外と便利 はじめに 皆さんはCLI ツールをどのように管理していますか？ 私はmacOSで使うツールの管理に以下のパッケージマネージャーたちを使っています。 汎用的なパッケージマネージャー aqua - YAMLでDeclarativeにツールを管理できる。極力これで管理したい Homebrew - 有名なパッケージマネージャー。macOSのデファクトスタンダード。Aquaで管理できないツールを管理する 言語ごとのパッケージマネージャー volta - Node.jsのバージョン管理ツール。Node.jsのバージョンを切り替えるのに使う rye - Pythonのバージョン管理ツール。Pythonのバージョン/仮想環境/ツールを管理するのに使う rustup - Rustの管理ツール。Ru

WeJS @ 42nd https://wajs.connpass.com/event/293440/

はじめに Bunの1.0が発表されましたね！ 自分はすでにいくつかのプロジェクトに導入したりして、とても気に入っています。 例えばこちらの自作プロジェクトでは、 node18 + pnpm + vitestからbunに移行したところ: Packageのインストールが8秒から0.5秒に vitestからbun testへの移行で5秒から0.3秒に tscによる型チェックが2.5秒から1秒に と、とても高速になりました。 またモノレポにも対応しているので、手元のプロジェクトたちを順次pnpmからbunに移行しています。 BunでペライチのCLI Toolを書く さて、BunにはAuto Installという機能があります。 これはスクリプトの先頭にあるimport文を解析し、必要なパッケージを自動でインストールしてくれる機能です。 例えば import { z } from 'zod' con

この記事について 私はこれまで Zenn のフロントエンドエンジニアとして働いてきましたが、2023/09 いっぱいで Zenn もといクラスメソッドをやめることになりましたので、この機会に Zenn でやってきたことを振り返ってみようかなと思います。 コードブロックのコピペ Zenn に入ってまず初めにやったことといえば、コードブロックのコピペがありました。 Zenn の公式ツイートより引用 ごくありふれた機能ではありますが、私が初めて実装した機能なのでよく覚えています。 実装方法は描画された DOM に対して無理やりコピーボタンを挿入するという力業だったので PR が通るか心配でしたが、無事に通ってリリースできたのでとても嬉しいかったです。また、チームメンバーが Twitter で告知してくれて、ユーザーからの反応が結構よかったのも良い思い出でした。 GitHub の埋め込み機能 次に

はじめに 数日前にこのような記事を見かけました。 この記事ではZshの起動時間を大幅に短縮する方法が紹介されています。 さて、自分はここ数年(というかコードを書き始めてからずっと)、 Fish Shell を使っています。 Fish Scriptがとても書きやすく、補完がとても優秀なのでずっと気に入って使ってます。 しかし、起動時間が遅いなとなんとなく感じていたので、この機会に設定を見直してみました。 自分自身のマシン環境 ➜ neofetch 'c. ryoppippi ,xNMM. ------------------------------------ .OMMMMo OS: macOS 13.5.1 22G90 arm64 OMMM0, Host: Macmini9,1 .;loddo:' loolloddol;. Kernel: 22.6.0 cKMMMMMMMMMMNWMMMM

Pythonで必ずお世話になる「仮想環境（venv）」のしくみを「完全に理解」しましょう！ イベントページ：https://studyco.connpass.com/event/292513/ 関連記事：Pythonの開発環境の3つの観点をおさえよう （https://zenn.dev/os1ma/articles/935f6e653f1052）

TL;DR Git の commit message を考えている間に pre-commit script を実行するneovimの設定を書いた CLIから git commit -n で neovim を立ち上げて使う 今はいろいろ雑なので、今後は設定を切り出してプラグイン化/CLI Tool化したい はじめに ある日、いつものようにThe Engineers' Paradiseで喋っていると、da-ja-re王ことkuuさんの gitcommit の設定が話題になりました。 この設定は、「gitのcommit messageを打っている間に .git/vim にあるスクリプトを実行してくれる」設定です。 「確かにcommit message を考えている間にスクリプトを実行できたら嬉しいだろうな」 「これをgit の git hooks の実行に使えたら！」 ということで、このアイデア

写真のような画像を生み出す生成AIが続々と登場する中、それをビジネスにつなげようとする動きも続出している。週刊プレイボーイでデビューしたAIグラビアアイドル「さつきあい」は、実在のアイドルの仕事を奪うといった批判も続出し、1週間でお蔵入りに。一方、AmazonやYoutubeには大量の「AI生成グラビア」コンテンツが登録され、存在感を示し始めている。 こうした非実在のデジタル人物はビジネスや世の中をどう変えるのか。7月7日から放送が始まったアニメ「AIの遺電子」の原作者である山田胡瓜さんと、亡き妻の面影をAIを駆使して再現する取り組みで「第1回 AIアートグランプリ」の最優秀賞を受賞した「松尾P」こと松尾公也さんが語り合った。 AIの遺電子の根底にある「2つのやばさ」と「3つのAI」　ChatGPT到来を予言した世界観を作者本人が解剖（前の記事） “AIグラビア”でよくない？　生成AI時代

端的にいうと、 フロントエンドはSvelteKitやらモダンなやつで組んで Cloudflare Pagesにデプロイしたい そしてKVやD1やらも使いたいし ローカルでも実際の値を参照して開発したい つまり、サーバーレンダリングやAPIルートを実装するときに、既存のスタックに保存してある値を使いたいという話。 個人的にはあるあるのケースで、あらゆるものをCloudflareのエッジで完結させる未来を待つなら、なおさら。 ローカルから実際のKVやD1にアクセスするには 現状、これをやるには2通りの方法しかない。 REST API `wrangler dev --remote` まず前者。これはいわずもがな、HTTP経由でアクセスできる。 ただ、Cloudflare Pagesにデプロイするなら、Workersで動作するコードからアクセスするなら、あえて1クッションはさむ理由はなさそう。 つ

追記 初出では記事のタイトルを「とあるｺｰﾃﾞｨﾝｸﾞﾁｮｯﾄﾜｶﾙ勢のエディタ遍歴」としていました。 「ﾁｮｯﾄﾜｶﾙ」の意味を全く理解せずにタイトルに用いてしまい、不快に思われた方にお詫び申し上げます。 「ﾁｮｯﾄﾜｶﾙ」とはすなわち、Linus Torvalds レベルの超上級者のことをさす言葉ということを先ほど知りました。 もちろん自分は到底上級者とは程遠い存在であると自負をしております(記事を読んでいただければわかると思います)。 今年でコードを本格的に書き始めて 8 年目になる。 これまでに メインのエディタを 3 回変えているので遍歴を書いてみる。 (本記事では IDE は除く) Atom (2015 ~ 2017) 2015 年に大学に入学して、初めて自分のコンピュータ(MacBook Pro 13)を手に入れることができた。 小学生の頃からコードを書くことには興味があった