Biome v1.7からPrettierとESLintから移行するためのコマンドが追加されたので、既存のNext.jsプロジェクトで試しに移行コマンドを叩いてみました。 biomejs.dev Biomeのインストールと初期設定 ESLintからの移行コマンド Prettierからの移行コマンド package.jsonのscript変更 実行してみる Biomeのインストールと初期設定 Biomeをインストール。 > npm i --save-dev --save-exact @biomejs/biome@latest added 3 packages, removed 81 packages, and audited 891 packages in 5s 157 packages are looking for funding run `npm fund` for details 3

こんにちは。出口です。 タイトルにある通り、技術ブログをはてなブログに移行しました。 この記事では、なぜ移行することになったのか、どうやって移行したのか、移行で苦労したところなどをまとめておきたいと思います。 もし脱セルフホストブログ、脱Contentfulや、はてなブログへの移行をお考えであれば参考になるのではないかと思います。 なぜ移行したのか Nuxt 3への移行が大変すぎる Contentfulへの不満が募ってきた 当初の計画 改めて移行を考える 移行について 記事移行 インポート機能を使ってWXRを取り込む場合 AtomPubを使ったパターンの場合 サブディレクトリオプション Netfilyのリバースプロキシ設定 robots.txtを設置 NetlifyのPrerenderingオプション設定 検証ツールで1つだけ検証失敗する まとめ なぜ移行したのか まずそもそもなぜ移行した

はじめに Obsidianという素晴らしいプロダクトが登場してから、デジタルノート術は活発化したと思います。私もその１人で、今日も楽しくObsidianを使っています。 しかし、その一方であまりノート術にこだわりが強くない方や深く理解するほど価値を感じていない人の中ではまだまだ単なるメモ帳として使われている現状があります。 そこで、今回は「がんばらない」Obsidianノート術として、「こだわりすぎない」「多様な原理原則がない」形で『書く』習慣を付けるためのノート術を書きました。 そんなノート術であったとしても、今後ノートを分解していけるような構造にしておくことで、今後の拡張性を残しています。ぜひ「難しくて挫折しまった」という人はチャレンジしてみてください。 『書く』ことで整理術は生きる Personal Knowledge Managementはの概念やLYTといった考え方は斬新で、とて

クラスを動的に定義したいな〜って時ありませんか？ 例えば、Ramen というクラスを動的に定義するには以下のようにします。

なぜ作ろうと思ったのか 最近、技術検証的なプロダクトを3つ作ってます 作ったもの クリーンアーキテクチャとサーバーサイドTSを使ったサバゲ動画まとめ フロントエンドで完結するまったくサーバーを使わないアイドル判定AI「セレン」 ChatGPTのAPIを使った名前ジェネレーター これらは技術検証が主で、使ってもらうことはあまり考えられていません もちろん使ってもらえたら良いなーとは思ってはいます そろそろちゃんと使ってもらえるアプリ（サービス）を作りたいなぁと思い始めました 今まで色々開発してきていて、自分が使いたいものを作らないとモチベーションが保てないのは分かっていたので、ちょうど欲しいと思ってた目標管理をするアプリを作ることにしました。 作っているもの 目標管理アプリを作っています 名前は今のところAchievva（アチーヴァ）を予定しています 中長期的な目標を1つ設定し、日々のアクテ

どんなことができるアプリ？ ウイスキーのレビューができるアプリで、主に下記のようなことができるようにしようと思っています。 ウイスキーの検索 ウイスキーの詳細やレビューの閲覧 ウイスキーのレビュー レビューへのいいね 他ユーザーのプロフィールやレビュー履歴の閲覧 他ユーザーのフォロー 作ろうと思ったきっかけ なんとなくトレカやレゴ、ウイスキーなどオルタナティブ投資に関わる何かを作りたいなと思っていました。 そんなとき、妻の実家に大量のウイスキーのミニボトル（容量が50mlのやつ）があるのを見つけました。 「ウイスキーは結構好きだし、コレクションも楽しそうだな」と思いました。 「じゃあウイスキーをレビューするよくあるアプリを作ろう」と思いました。 あとは、技術的に下記をキャッチアップ&深掘りしたいなという思いもありました。 Next.jsのapp directory RailsのAPIモード

作ろうと思った経緯 前回のレシピガチャを作ってみたと同様、会社のメンバーで個人開発をやっていこうというイベントで作りました。 マンガが好きなのでマンガに関連するものを作りたかった スクレイピングで何かやってみたかった 案件でvue.jsを触る機会があり、vue.jsで開発してみようと考えた という感じです。 技術スタック ruby 3.2.2 Rails 7.0.4.3 vue.js 3.2.47 nuxt.js 3.4.2 vuetify 楽天レシピAPI Github Actions どんなものができたか Webマンガ更新情報まとめアプリです。下記URLにアクセス頂くと表示できます。フロントエンドとバックエンドのサーバが分かれていて、初回アクセスはページ自体はすぐ表示されますがバックエンドのサーバが寝てるので起きるまでコンテンツ表示にはだいぶ時間がかかりますのでご了承ください。　→ サ

2 ヶ月前に投稿したこちらの記事で紹介した「買い物の優先度を管理するアプリ」を 6 月末リリース目標で開発を進めていましたが、間に合いませんでした 😭 この記事では、前回記事からやったことと現在の状況について書きます。どんなアプリかは前回記事を読んでみてください。 このプロダクトは、株式会社 mofmof の「水曜日の個人開発」にサポートされています。 現在の状況 ✅ 実装・テスト完了 予定していた一部機能をスコープアウトしたものの、リリースできる状態になっています 💪 リリース準備中 プライバシーポリシー、アイコン、スクリーンショットの設定などリリースの準備作業中です 前回からやったこと UI の改修 多機能なアプリではないので、できるだけシンプルに操作できるようにしたいと思っていました。 そこでモーダルやダイアログなどの挙動や、一部デザインを改修しました。カラーも白基調にアクセント

株式会社mofmofのkoba_hiro_です。 Rustの勉強も兼ねて、CLIでGPTとチャットできるツールを作っているので、途中経過を書いてみようかと思います！ 経緯 mofmofでは自由参加の社内技術部活動のようなものがあり、現在はRust入門をテーマに活動しています。 入門したついでに何かつくってみたいなーということで、個人開発でCLIツールを作り始めました！ なぜGPTとチャットするツールなのかというと、 OpenAIのAPIを気軽に試せる方法が欲しいな〜curlは面倒だしな〜 APIkeyさえ用意すれば気軽にAPI試せるツールを・・・という感じです。 過程 とりあえずは、Rust公式が用意してくれているTHE BOOKというチュートリアルを読んでみました。 簡単なCLIプログラムを書いたり、webサーバを構築してみたり、かなり充実していて勉強になりました。 その後、THE BO

Transcript Protsenko: My name is Mykyta. I work at Netflix. My job is basically making sure that other developers don't have to stay at work late. I call it a win when they can leave at 5 p.m., and still be productive. I work in the platform organization, namely in productivity engineering, where we try to abstract toil away for the rest of engineers. Where we try to make sure that the engineers c

※別途大型商品送料を申し受けます。 ■￥3,850(税込) [テーブル(通常)] ●幅135、奥行80、高さ70cm・1台 [テーブル(大)] ●幅150、奥行85、高さ70cm・1台 [チェア] ●幅44、奥行49、高さ82.5(座面高43)cm・2脚 [ベンチ] ●幅100、奥行38、高さ43cm・1脚 ●耐荷重量／テーブル天板：30kg ●主材／テーブル天板(ナチュラル)：天然木化粧繊維板(オーク材＜ウレタン樹脂塗装＞)、テーブル天板(ダークブラウン)：天然木化粧繊維板(ウォルナット材＜ウレタン樹脂塗装＞)、その他木部：天然木(ラバーウッド＜ウレタン樹脂塗装＞)、チェア・ベンチ座面側地：ポリエステル、チェア座面中身：ウレタンフォーム・ウェービングベルト、ベンチ座面中身：ウレタンフォーム・合板 ●テーブル脚部のみ取り付け ●製品重量／テーブル(通常)：23kg、テーブル(大)：25kg

AWS Dev Day 2023 Tokyo. E-3 「実践！モノリスからマイクロサービス！Event Stormingによるドメイン駆動設計から実装まで」 2023/06/23 at AWS Dev Day 2023 Tokyo

Matt PocockMatt is a well-regarded TypeScript expert known for his ability to demystify complex TypeScript concepts. TypeScript 5.2 introduces a new keyword - using - that you can use to dispose of anything with a Symbol.dispose function when it leaves scope. { const getResource = () => { return { [Symbol.dispose]: () => { console.log('Hooray!') } } } using resource = getResource(); } // 'Hooray!'

A design pattern is a repeatable solution to solve common problems in a software design. When building apps with the Ruby on Rails framework, you will often face such issues, especially when working on big legacy applications where the architecture does not follow good software design principles. This article is a high-level overview of design patterns that are commonly used in Ruby on Rails appli

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Assign a default value to an attribute in Active Record - Andy Croll 原文公開日: 2023/03/13 原著者: Andy Croll 日本語タイトルは内容に即したものにしました。 以下のAPIドキュメントもどうぞ。 Rails: ActiveRecord標準のattributes APIドキュメント（翻訳） Active Recordモデルのインスタンスにデフォルト値を設定する必要が生じたことのある人は、おそらくコールバックでデフォルト値を設定したことがあるでしょう。 実はRails 5.0からもっとよい方法があるのですが、最近まで気づいていませんでした（Mosesに感謝します！） 参考: §2.3 Active Record属性API -- Ruby on

paild 社でお手伝いをしている yuki です。前回に引き続き Dependency Injection 略して DI の話題を書いていきたいと思います。今回は Rust における DI についていろいろと考えてみました。今回紹介する実装はかなり単純な例を用いたもので、この記事からさらにみなさんのアプリケーションの実装状況に合わせていくつか工夫は必要になるかもしれません。ただ、とっかかりとしては十分なものになっていると思うので、DI でお困りの方はぜひ参考にしてみてください。 今回実装したいアプリケーションのお題について 今回紹介する技法の種別について コンストラクタインジェクション 静的ディスパッチを用いたもの 動的ディスパッチを用いたもの 静的ディスパッチと動的ディスパッチの利点・欠点 shaku （DI コンテナ）を用いたインジェクション shaku の利点・欠点 余談: DI

先日リリースされたChrome 114でPopover APIがサポートされ、HTMLのpopover属性が使用できるようになりました。 今まではポップオーバーを実装するのにはJavaScriptを使用し、ポップオーバーの開閉・フォーカス・アクセスフックなど面倒でしたが、popover属性で実装すると驚くほど簡単で、さまざまなUIコンポーネントに利用できます。 Introducing the popover API by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに HTMLのpopover属性とは ポップオーバーのデフォルト、オーバーライド 自動ポップオーバーと手動ポップオーバー popover属性とdialog要素の違い 近日公開予定の便利な2つの機

あまり知られていない関数型言語のおもしろ概念として、Opticsというものがある。 Opticsとは、オブジェクト指向言語で言うところのSetter/Getterを一種の関数として捉え、いくつかの便利な特性を付与したものの総称だ。この便利な特性によって、Setter/Getter以上のことをパワフルにこなせる。 最も有名なOpticsはLensであり、色々な解説資料が(主にHaskell向けに)出ている。 blog.recruit.co.jp さて、これまでのOpticsを紹介する資料はSetterとGetterとしての側面に注目しがちだったので、じゃあOpticsの何が良いのか、Scalaでやる意義は何か、という側面をこの記事で紹介しようと思う。 Optics -- vs. copyメソッド地獄 Opticsは合成可能である Opticsはボトムアップのアプローチである Opticsがう

アラブ首長国連邦の首都アブダビに拠点を置く研究機関「Technology Innovation Institute」がオープンソースの大規模言語モデル「Falcon」をリリースし、機械学習関連のデータ共有サイト「Hugging Face」にてモデルを公開しました。 Falcon LLM - Home https://falconllm.tii.ae/ The Falcon has landed in the Hugging Face ecosystem https://huggingface.co/blog/falcon tiiuae/falcon-40b · Hugging Face https://huggingface.co/tiiuae/falcon-40b Falconモデルは400億個のパラメーターをもつ「Falcon-40B」モデルと、70億個のパラメーターをもつ「Falco

Babylon.jsと色々なものを組み合わせる：ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3