hirose504のブックマーク - はてなブックマーク

UnJS にどんなツールがあるのか、上位30件すべて紹介してみた

タイトル通り、JavaScriptツール群﹁UnJS﹂にどんなライブラリが存在するのかをひたすら見てみよう！　という記事です。本当は全て紹介しようと思ったのですが、全75個あり、1つの記事に入れるとあまりにも多すぎるので、この記事では2023年11月4日時点のStar数の順に沿って上位30個を紹介していきます。 UnJS とは UnJSは、Nuxt開発チームが中心となって開発・メンテナンスされている、あらゆるJavaScriptフレームワーク上で統一的に動作するユーティリティーツール・ライブラリ群です。 UnJSというプロジェクトが何であるかについては、2022年11月に公開された講演映像﹁UnJS: Nuxt 3 behind the scenes by Pooya Parsa﹂を観て頂くのが最もわかりやすいと思います。Nuxt 3 正式リリース直後ということもあって、かなり詳細な背

hirose504 2023/11/07

リンク

その例外、いつキャッチするの？

はじめに最近、若手のコードレビューをしていて例外の使い方を教える機会があったので、ブログの方にもまとめたいと思います。今回はバッチ編。オンラインだとまた少し違う観点があると思います。また、言語はJavaを前提していますが考え方は例外機構をもつ言語ならあまり変わりません。 TL;DR 例外は原則キャッチしない。バッチは速やかに殺せ個別箇所でログを出さずに必要な業務情報はExceptionを入れ子にして乗せる長いバッチのためにはスキップもやむなし原則、例外はキャッチしない JavaにはErrorとExceptionが存在し、OutOfMemoryErrorとかプログラム上ではどうしようもないものがエラー、ファイルが存在しない(FileNotFoundException)とかプログラム側でハンドリングするもの、と教科書では習うと思います。なのでException系はキャッチするものと、と

hirose504 2023/11/04

リンク

Next.js 14 で導入された React Taint APIs を試してみた

Next.js の公式ブログの How to Think About SecurityinNext.js という記事で Next.js14で導入される ReactTaintAPIsについて紹介されていました。この記事では、Next.js14で ReactTaintAPIs実際に試してみて、どのような機能なのかを確認してみたいと思います。 ReactTaintAPIsとは？ ReactTaintAPIsとは、React が experimental バージョンで提供する新しいセキュリティ保護機能の一つです。このAPIを使用することで、誤って Client Component にセキュリティ上の重要なデータが渡されることを防げるようになります。具体的には、以下の2つの API が提供されています。 experimental_taintObjectRefe

hirose504 2023/10/29

リンク

CSSのサブグリッド（subgrid）の基礎知識と使い方、たった一行のCSSで複数カードの水平グリッドを簡単に揃えられる！

CSSのサブグリッド（subgrid）がChrome 117でサポートされ、Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できるようになりました。先日の記事でもお伝えしたように、subgridを使用するとカード内の見出しやテキストの水平グリッドを簡単に揃えることができます CSSのサブグリッド（subgrid）の基礎知識と使い方、プログレッシブエンハンスメント、デベロッパーツールによるデバッグ方法などを紹介します。 CSS Subgrid by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。はじめにサブグリッド（subgrid）の基礎知識ページレベルの「マクロ」グリッドを共有するサブグリッドのサポートをチェ

hirose504 2023/10/28

リンク

GPT-4などLLMのコード生成能力にデバッグ機能を追加する『SELF-DEBUGGING（セルフデバッギング）』と実行プロンプト | AIDB

GPT-4などの大規模言語モデル（LLM）はコード生成においても驚異的な成果を上げています。しかし、モデルが生成するコードは必ずしも完璧ではありません。そこで、DeepMindとUCバークレーの研究者らは新たなフレームワーク『SELF-DEBUGGING（セルフデバッギング）』を開発しました。追加訓練なしでも、複数のベンチマークにおいて高いパフォーマンスを達成できる手法です。実行プロンプト（の例）は比較的シンプルで、多くのプログラミングタスクで容易に適用できます。参照論文情報・タイトル：Teaching Large Language Models to Self-Debug ・著者：Xinyun Chen, Maxwell Lin, Nathanael Schärli, Denny Zhou ・所属：Google DeepMind, UC Berkeley ・URL：https://

hirose504 2023/10/28

リンク

Server Actions が Next.js 14 からStableに！古参フロントエンドが消失しないために知っておくこと

思い出します2年前・・・ VTeacher所属のSatokoです。フロントエンドエンジニアとバックエンドエンジニアを兼任しています。定番なテクノロジーと少しだけGeekなテクノロジーを組み合わせた選定が好みです🤤 Next.js Conf 、朝まで大忙しでしたね。︵ねむい・・・︶ Server Actions の一般的な誤解まず最初に、SNSで話題になっている Server Actions に関する一般的な誤解についてです。 (1) 生のSQLが書かれているというアンチパターン？🤔 一部のサンプルコードでは、生のSQLを直書きしているところがあります。しかし、以前のプレゼンテーションでも述べられているように、 React Server Component や Server Actions で、この書き方を推奨しているわけではありません。あくまで﹁こんなこともできるようになっ

hirose504 2023/10/28

リンク

関数型プログラミングと型システムのメンタルモデル

Qiita Conference 2023 Autumun での発表資料です発表時間の見積もりが下手で後半全然説明できませんでした、すみません！実際のプロダクト開発ではどうすればいいのか? というケースは以下のスライドを参照してください。 (本スライドは、こちらのプロダクト開発の経験をベースに基礎を再整理したものになります) https://speakerdeck.com/naoya/typescript-niyoru-graphql-batukuendokai-fa-75b3dab7-90a8-4169-a4dc-d1e7410b9dbd

hirose504 2023/10/28

リンク

useFormStatus – React

The useFormStatus Hook is currently only available in React’s Canary and experimental channels. Learn more about React’s release channels here. useFormStatus is a Hook that gives you status information of the last form submission.

hirose504 2023/10/28

リンク

Java 21の概要 / outline of Java 21

2023/10/20に行われたJava 21リリースイベント@福岡での登壇資料です。 https://javaq.connpass.com/event/298600/

hirose504 2023/10/21

リンク

いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）

免責事項社内向けに展開するように雑にまとめました Next.jsの知見が深くない人がリードしてPoCを立ち上げなきゃいけなくなったが、社内的にはNext.jsを推奨しているみたいな場面を想定していますなので自信ないところも多いですが割と断言するように心がけて書いています PoCの立ち上げ想定なので、jest/Storybookなど内部品質面についてあまり深く書くことを避けていますほぼ自分の知識だけで書いており私見も多いですし、そもそも自分自身がトップクラスの知識や視座を有しているわけでもないので、まずは以下の話を理解はした上で、踏襲するかどうかは別途他記事やGitHub、公式ドキュメントなどを漁って判断することを推奨 App RouterかPages Routerか 2023年末現在まだApp Routerは技術記事が足りてきている印象ではないため、社内でノウハウを積極的に貯めていく

hirose504 2023/10/21

リンク

100万人が思い付き1000人が書こうとして完成まで至ったのは10人程度の中で面白く書けた最初の1人にお前がなるんだ

川原礫 ; SAO IFアンソロジー11月発売 @kunori だいぶ前ですが私も、自分がSAOの原作者であると主張される方から連絡を頂いて、しかも先方は怒っているわけではなく、﹁どうして自作が勝手に出版されているんだろう﹂と困惑している感じで、こちらもどう対応していいのか解らなかったということがありましたね… twitter.com/livedoornews/s… 2023-10-16 22:06:41 ライブドアニュース @livedoornews ︻業界現状を危惧︼﹁盗用です﹂身に覚えのないDMと戦う﹁セーラームーン﹂監督 news.livedoor.com/article/detail… 監督は、女性に330万円の賠償を求める訴訟を起こし、後に請求額を増額。作品に与えるダメージを心配したが、同業者に対する同じような被害を防ぎたいという気持ちが勝ったという。 2023-10-16 0

hirose504 2023/10/18

“おまえが思いつく程度のネタ、100万人は既に思いついてるよ。その100万人の内、形にしようと手を動かしたのは1000人程度で、完成させたのは10人程度で、面白く書けた最初の1人におまえがなるんだよ”

リンク

チームビルディングの始め方

この記事は毎週必ず記事がでるテックブログ "Loglass Tech Blog Sprint" の8週目の記事です！1年間連続達成まで残り45週となりました！はじめにチームビルディングというとチーム開発をしている人ならばありふれた取り組みで普段からやっているよ！という人も多いかと思います。しかしながら、初めてチームビルディングをリードする人にとってはどうやって取り組んだらいいか悩む人もいるのではないでしょうか？特に﹁いつやればいいのか？﹂﹁どうなったら成功と言えるのか？﹂といった疑問については言語化が難しいところでもあります。この記事ではこれからチームビルディングにトライする人向けに、チームビルディングを始める際の考え方やHowの接続について解説します。チームビルディングとはチームやチームビルディングの定義についてはペパボさんの以下のスライドが非常にわかりやすいので、

hirose504 2023/10/11

リンク

CSSの新しいプロパティ「field-sizing: content;」が便利！フォームのサイズを入力された文字量に合わせて自動変更

今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-heightやmax-heightを同時に設定できるので、上限下限のサイズを設定することもできます。 CSSの新しいプロパティはfield-sizingです。field-sizingプロパティを使用すると、フォームコントロールのデフォルトのサイズを無効にし、フォームのサイズをコンテンツに依存させることができます。そのため、自動で拡張されるtextareaを実装するのが簡単になります。参考: Feature: field-sizing CSS property CSSは

hirose504 2023/10/10

リンク

4本脚のバイク？階段も登れるスズキの電動モビリティー｢モクバ｣

4本脚のバイク？階段も登れるスズキの電動モビリティー﹁モクバ﹂2023.10.08 11:0037,312 岡本玄介乗り心地も気になりますね。10月26日～11月5日まで、東京ビッグサイトにて﹁JAPAN MOBILITY SHOW 2023﹂が開催されます。各社が最新モデルやコンセプトカーを発表するのが楽しみですが、バイクや軽自動車でお馴染みのスズキがバイクのような4輪車を出品します。メカニカルな木馬？その名は、次世代四脚モビリティ﹁MOQBA︵モクバ︶﹂。﹁Modular Quad Based Architecture﹂を略しています。跨って乗るのはバイクと同じですが、4本脚には車輪があるので歩くより滑って移動することが分かります。﹁モクバ﹂が凄いのは平行移動だけではなく、階段が登れてしまう点。脚にある関節が稼働し車輪にブレーキをかければ段差もへっちゃらなのです。階段や段

hirose504 2023/10/08

これが家から駅まで迎えに来てくれる未来を夢見ている

リンク

続・変更に強いコンポーネント設計の方針と規約（Webフロントエンド）

■イベントコンポーネント設計のすゝめ〜ベストプラクティスを学ぶLunch LT〜 https://findy.connpass.com/event/296449/ ■登壇概要タイトル：続・変更に強いコンポーネント設計の方針と規約（Webフロントエンド）登壇者：技術本部データ戦略部木田悠一郎 ■データ戦略部エンジニア採用情報 https://media.sansan-engineering.com/data-strategy

hirose504 2023/10/06

リンク

タンパク質も野菜も取れる、じんわり辛みの効いた「ゆず胡椒炊き込みご飯」は味も香りも最高のごちそうメシ - メシ通 | ホットペッパーグルメ

こんにちは、料理・食文化研究家の庭乃桃です。秋は食べ物がおいしい季節。中でも、やはりご飯ものは外せませんよね。今回ご紹介するのは、炊飯器ひとつで手軽に作れる炊き込みご飯。常備しやすいツナ缶や、炊き込みご飯と相性の良いにんじん、しめじなど、1品でタンパク質も野菜も取れるごちそうメニューです。さらに﹁ゆず胡椒﹂を加えることでワンランクアップした炊き込みご飯を作ります。さわやかな香りとピリリとした辛さが魅力のゆず胡椒は、実は炊き込みご飯との相性もバッチリなんです。ほんのりスパイシー、香り豊かで品の良い味わいに仕上がるので、いつもの炊き込みご飯とはひと味違ったおいしさが楽しめます。炊き込みご飯は、多めに作って冷凍し、焼きおにぎりにするのもおすすめ。具材のうま味や香ばしさの中に、ふわりとゆず胡椒が香って最高に食欲をそそります。さらに、だしをかければ、さらさらいただける﹁香ばしだし茶漬け﹂が

hirose504 2023/10/04

つくる

リンク

チームでホメと感謝を伝え合い、仕組み化した話 - SmartHR Tech Blog

こんにちは！SmartHRで配置シミュレーションの開発を担当している、プロダクトエンジニアの @tommy6073 です。今回は、最近チームで実践してきた﹁ホメと感謝﹂にまつわるお話をご紹介します。ちなみにSmartHRにおいて、ホメとは褒めることを意味しています。ホメ祭り 2023年8月上旬に、チームで﹁夏のホメ祭り2023﹂と題して、互いのホメやチーム・プロダクトで達成したことを伝え合って自己肯定感を高め合う会を開催しました。元々はSmartHRの別チームが行っていたものを、これは良いとメンバーの1人が私たちのチームでもやろうと企画・開催したものです。ホメ祭りのやり方としては、事前準備として、オンラインホワイトボードツールのMiro上に、各メンバー、チーム・プロダクトの枠を用意し、各メンバーはそれぞれの枠にホメを記入した付箋を貼っておきます。そして当日に、冒頭で、会の目的と、

hirose504 2023/10/04

リンク

書評：これからはじめるReact実践入門 - ナカザンドットネット

明日、2023/9/28に発売する﹁これからはじめるReact実践入門﹂を献本いただきましたので、簡単に目を通した感想を書こうと思います。これからはじめるReact実践入門目次目次かなり網羅性が高い足りない情報があったらプロを目指す人のためのTypeScript入門 Next.jsについて、次に読む本はありますか？補足したいところ Create React Appを使わない選択肢もある Recoilさんは開発状況がちょっと心配 React Routerの知識が活きるアプリケーションフレームワークもあるまとめおまけ 2023.9.28 10:36追記かなり網羅性が高いパラパラと読んでみて感じたのは、かなり手広く、それでいて一定の深みもある本だということです。出版社のサイトにある目次を見てみましょう。 Chapter 1　イントロダクション 1-1　ReactとJavaS

hirose504 2023/09/30

リンク

『いいヤツの話』

gakukentのブログもともとは新座ストロングサッカークラブと自分の趣味を書き込むサイトでしたが最近はＦＢばかりになり、どちらかというと昔のがくけんとのブログの記録を残しておくためのサイトですかね。 2004年と古い話ですが、良い話なので、アップしちゃいます。 2004年9月11日に新座市サッカーフェスティバルにて　清雲清純氏︵元・　ユース日本代表監督、JFF-UNITED　監督、当時　大宮アルディージャ　ＳＳＣ代表の高校の後輩です。︶による指導者講習会にて聞いた話を以下の通りメモしました。ご参考にしていただければ幸いです。以下は清雲さんの話・・・今日は、一人の男についてお話したいと思います。私︵清雲氏︶が小野と初めて出会ったのは、１９９７年、ユ一ス︵Ｕ20︶日本代表監督になって彼を合宿に召集した時ですが、彼は挨拶のときから、きちんとしており、他の選手とはちがっていました。代表