この記事はニーリーアドベントカレンダー2024の10日目の記事です。 はじめまして、Nealleのデザイナー音部です。 profile.unotovive.io アドカレでデザインチームのことを書くつもりが、全然思いつかずにフロントエンドの話をします。 タイトルにある通り、shadcn/uiというモノの紹介と、実際に使ってみたレポートです。 shadcn/uiとはそもそも何なのか? ui.shadcn.com shadcn/uiは、2023年のJavaScript rising starで総合1位に輝いたReactエコシステム(?)です。 2位は2022年王者のBunでしたが、10k以上の差をつけて1位に輝いていて、アツいといっても過言ではなさそうです。 最初はMaterial UIやChakuraなどと同じようなUIライブラリかと思っていましたが、どうやら「コピペで使えるUIコンポーネン

GitHub Universe 2024 Recap in ZOZO https://zozotech-inc.connpass.com/event/336687/

追記：マッチングアプリで気を付けていたこと＆してもらって嬉しかったこと上級編（anond:20241216211659） === 婚活って愚痴系の話が多いので、してもらって嬉しかったこと・気を付けていたことを書いてみる。 私は女性なので女性目線にはなるけれど、基本的にしてもらって嬉しかったことは自分からもするように気を付けていたつもり。1度会った人からは2度目も誘ってもらえたので、気を付けるべきポイントは大体押さえられている？誰かの参考になったら嬉しいです。男性から見た「女性がこう振舞ってくれたら嬉しいな」も知りたい。付き合って以降のこととかも。 マッチング～メッセージのやり取りいいねしてくれるプロフィールに個性がある（無難一辺倒だったりテンプレそのままの方も多くて、なにかしらいいねする理由や話題があるとありがたかった）いいねした理由を教えてくれる プロフィールを読んでくれる会話のきっかけ

どうも、野溝のみぞうです。趣味でサイバーセキュリティをやっている者です。 私は色んなセキュリティ系勉強会なりイベントなりに顔を出していまして、初対面の方と交流を持たせていただくことも多いのですが、その中でこんな質問をお受けすることがあります。 「セキュリティに興味があるのですがどうしたらいいかわからない」 まあ、質問いただいている方もそれほど重いトーンで聞いているわけではないということも頭では理解していますが（単なる世間話レベルかもしれない）答える側としては真摯に答えようと思って色んなことを考えてしまうわけです。なぜならコミュ障のオタクだから！！早口で色んなことしゃべっちゃう！！許して！！ なので、私が特に初心者の方にむけて作っている本だったりコンテンツだったりやっているイベントだったりについてまとめてご紹介したいと思います。ビジネスチャンスかもしれないし。 ホワイトハッカーって200色あ

最初に 本記事では、非エンジニアな方でも理解しやすいように「オンラインアクションゲームを開発するにあたって知っておきたい仕組み」について、丁寧に解説していきます。 対象読者は以下の通りです。 ゲームサーバーを運営したり、シンプルなオンラインゲームを構築した経験があり、実際の開発ではどういった仕組みを用いているのか興味がある方 プログラムやゲームエンジンを触ったことがあり、オンラインゲーム開発の基礎について学びたい方 なんもわからんけど知見として持っておきたい方 今回、前編と後編で記事を分割しています。 前編で紹介する内容は以下の通りとなります。 ゲーム開発における基本用語 非同期型について 非同期型における「アイテムデュープ」などの問題 後編では以下の内容を記載します。 同期型について 同期型におけるフルメッシュ型とスター型の違い C/SやP2Pの簡単な概要について グローバルIPアドレス

この記事は はてなエンジニアアドベントカレンダー 2024 5 日目の記事です。 昨日は id:susisu さんの Data types à la carte in TypeScript でした。 本人が「アクセス増えたと思ったら別の記事で、全然読まれてない...」と言っていたので「いきなりフランス語で難しそうやからね」と伝えました。本文は日本語なので、みなさんも読んで下さい。 今日は最近見て面白かったコードの紹介です。 ChatGPT が流行って以来、アプリでストリームのレスポンスをよく見るようになりました。 LLM によるテキスト生成はわりと時間がかかる処理で、もしすべて生成し終えてからレスポンスするとユーザーを待たせてしまうからでしょう。テキストがちょっとずつ表示される UI は昔からあるものですが、LLM を使ったアプリケーションが出てきて以来、演出としてではなく実用としてよく見

本記事は、CyberAgent Group SRE Advent Calendar 2024の5日目の記事です。 メディア統括本部 サービスリライアビリティグループ（SRG）の鬼海雄太（@fat47）です。 #SRG（Service Reliability Group）は、主に弊社メディアサービスのインフラ周りを横断

Practice RustLearn Rust by practicing, choose from a variety of coding exercises and challenges to help you improve your Rust programming skills

Amazon Web Services（AWS）は、Webアプリケーションに追加することでAWSのオブジェクトストレージであるAmazon S3に簡単にアクセスできるUIコンポーネント「Storage Browser for S3」が正式版となったことを発表しました。 Webアプリケーションに追加することで、許可されたエンドユーザーが権限に基づいてAmazon S3のデータに対してブラウズ、アップロード、ダウンロード、コピー、削除などの処理ができるようになります。 「Stor……

本構成のコンセプトは開発チームの自律性です。 マネーフォワードには多くのサービスと開発チームがあります。その開発チームのサイクルを、可能な限り、他チームに依存せずに進められるようにしたいです。守らなくてはいけないポイントはポリシー等で縛りつつ、開発するサービスのコンテナやAWSリソースは、KubernetsとTerraformのマニフェストを利用し、他に依存せずに構築できるようにしています。 構築する前は、サービス毎に開発チームがあり、インフラは共通のインフラチームがまとめて見てコーディング以外の多くのことを担当していました。サービス・開発チームの数が10程度のときは、その体制、役割分担が競争力を生んでいたと思います。開発チームはアプリケーションの開発に集中でき、認知負荷が低い状態です。その他の仕事はインフラチームの学習が進み、効率性も高まっていました。しかし、プロダクトの数が増え、開発体

はじめに 表題のようなCLIツール aws-iam-policy-sim を書きました。 github.com 使い方 Statement フィールドに、以下のようなオブジェクトの配列が入っている、というJSONファイルを用意しましょう。 Action フィールドにアクション名もしくはその配列 Resource フィールドにリソースもしくはその配列 たとえば以下の通りです。うっすらお気づきの方もいると思いますが、実はポリシードキュメントのJSONがそのまま使えます。 { "Statement": [ { "Action": [ "s3:PutObject", "s3:GetObject", "s3:GetObjectTagging", "s3:DeleteObject" ], "Resource": [ "arn:aws:s3:::example-bucket/*" ] }, { "Act

今週末（めちゃくちゃ忙しいのに）フランス大使館からサイエンティフィックゲームジャムの審査員を頼まれてしまった…まあやるからには楽しんでやるしかないナ……と思って予習をしています（めちゃくちゃ忙しいのに）。 この記事めちゃ伸びてるんですが、 次の日曜日に日本科学未来館で予約不要でプレイできて懇親会まであるのが伝わってない感じあるので加筆した！ 公式サイト: https://jp-minerals.org/scientificgamejam/jp/participate.html X(Twitter): https://x.com/sgjtokyo2024 高校生部門は「pyxel」という環境を使うそうな。本題はこちらです Pyxel (ピクセル) は、 Python 向けのレトロゲームエンジンです。 使える色は 16 色のみ、同時に再生できる音は 4 音までなど、レトロゲーム機を意識したシン

- 線形代数・回転の表現 - 株式会社 セガ 開発技術部 こちらからも↓PDFをダウンロードできます https://techblog.sega.jp/entry/2021/06/15/100000

Amazonの推薦をいい感じにするブラウザ拡張Amaxというブラウザ拡張をリリースしました。会員登録など必要なく、もちろん無料で、ブラウザ拡張をインストールしていつも通り Amazon を使うだけでいい感じになります。手軽なのでぜひ使ってみてくださいね。 chromewebstore.google.com 私の専門は推薦システムで、特にユーザーサイドの推薦システムに力を入れて研究をしています（プロフィール）。このブラウザ拡張にはユーザーサイドの推薦システムの研究成果がふんだんに詰め込まれています。 本稿では、ブラウザ拡張の紹介のほか、開発の裏側やもとになった技術について詳しく説明します。 目次 目次 Amax の紹介 開発の裏側 ユーザーサイドの推薦システムについて おわりに 関連論文 Amax の紹介 ブラウザ拡張をインストールして、商品ページにアクセスすると、「Amax によるおすすめ

僕が触り始めた頃のウェブフロントエンド開発はデバッガーもなく、ダイナミックHTMLと呼ばれて文字をチカチカさせたりするようなものでした。IE6という超安定ブラウザが出てきたり（Netscape 4.xも7.xも不安定だった）その後jQueryが登場したときは、天使が降臨したように思えたものです。 そこから長い年月が経ち、ウェブフロントエンドの比重が大きくなるにつれ、フロントエンドのコードはどんどん複雑化しました。OpenAPIなどのコードジェネレータなども普及した結果、通信というものが隠され、イベントの中でawaitや.then()で呼ばれる何か、みたいな理解をしているメンバーも今後増えていくのではないかという懸念があります。 現在ではウェブフロントエンド開発はReactやVueといったフレームワーク上で行われ、イベントというのはそのフレームワークの提供するライフサイクルイベントに対応付け

前提 DuckDB が使える環境 Docker Compose が使える環境 まとめ DuckDB から S3 互換オブジェクトストレージを利用する際、MinIO を使う事で、ローカルに気軽に S3 互換オブジェクトストレージ環境を用意できる。 DuckDB とは こちらをどうぞ。 DuckDB雑紹介(1.1対応版)@DuckDB座談会 - Speaker Deck MinIO とは MinIO はオープンソースの S3 互換オブジェクトストレージです。 DuckDB は S3 API 機能を持っており、S3 互換オブジェクトストレージとの相性がとても良いです。 ローカルで試したい時などに Docker Compose で MinIO を用意して利用すると、とても便利です。 Docker Compose ローカルということでセキュリティは一切考慮していません MinIO のイメージを pu

AWSのALB(Application Load Balancer)のログはS3に置かれるが、この中身をサクッと調べたいとき、Athenaを使う方法が標準的で、下記で案内されているようにパーティション射影(Partition Projection)でテーブルを作ってAthenaからクエリする。 パーティション射影を使用して Athena で ALB アクセスログ用テーブルを作成する - Amazon Athena 私も従来はその方法を使っていたが、Athenaはブラウザから使うと動作がもっさりしているし、決まったクエリを1回きり実行して結果を取得したいだけのときならまだしも、探索的にクエリを何発も実行したいときには使い勝手が悪い。 最近他のプロジェクトでDuckDBを使うようになって、使い勝手の良さに感動していたが、DuckDBはALBのログを探索的に調べたいときにもめっちゃ使えると思った

同世代男性たちがやっているポッドキャストOssan.fmで紹介されていた「あたらしい家中華」という本を買ってみた。 特別な調味料は必要なく、あっさりしていて、毎日でも食べられるそう。マジで？ MCのnagayamaさん曰く、ご家族にも評判がいいらしい。なるほどね。買ってみよ。 該当エピソードはこちら→ 311. あたらしい家中華 届いた本をパラパラ〜っと見て、これはたしかに調味料としても一般的な家庭にあるものばかり、ちょっと特殊といえば紹興酒とか黒酢くらい？なかなかよさそう 子どもたちが「これ食べたいから付箋つけておくね」と、いきなり付箋だらけ 器具について「特別なものはいらないけど筆者はこれを使ってるよ」と本の中で紹介されていて、形から入るタイプなので色々買った。中華鍋・おたま・五徳・蒸し板・蒸し板用のトングを買った。詳細は後述。 目についたものを週末いろいろと作ってみた、優しい味で家族

nilaway どんなもの？ nil パニックによるランタイムエラーになる箇所を指摘してくれる静的解析ツール スタンドアロンで動く。golangci-lintで使用するにはカスタマイズが必要。 先行技術やツールと比べてどこがすごい？ 標準パッケージに同梱されているnilness[1]ではチェックできないnil パニックとなりうる箇所を指摘する 関数やパッケージの境界を跨いでnilフローを追跡 nil インターフェース値を報告 例えば以下のコードでは、nilnessはエラーを報告してくれないが、nilawayはnilパニックを報告してくれる。 var p *P if someCondition { p = &P{} } print(p.f) // nilness reports NO error here, but nilaway does. 技術のキモはどこ？ Our main idea