フロントエンドを Vue.js から React にリプレイスしたお話 (前編) - NTT Communications Engineers' Blog
はじめての方、はじめまして。久しぶりの方、お久しぶりです。 イノベーションセンターの何縫ねの。(@nenoMake)です。 普段の業務ではソフトウェアエンジニアとして Node-AI という WEB アプリケーションの開発をしています。 パブリックな活動としては、好きな言語である C# 関係の OSS 開発や技術ブログの投稿、登壇などをしています。 ですが、今回は C# ではなくフロントエンドのお話をします...! この記事では今まで Vue.js 2.x で開発されていた Node-AI の WEB フロントを完全に捨て去り、React にリプレイスしたお話をつらつらとしていきます。 まずは前編ということで、リプレイスプロジェクト発足時の課題感からはじめ、プロジェクトの進め方や選定技術などについてお話しします。 後編には内部の設計などのより技術的なお話をしたいと思います。では前編スタート
ついに最終回を迎えました。 最後までご視聴いただき本当にありがとうございました！ 「らんまん」最後のnoteは、「植物」についてのお話です！ 劇中で登場したさまざまな草花は、季節の移ろいとともにいろいろな顔を見せてくれたり、新たな発見をさせてくれたり…さらに登場人物の心に寄り添い、ときには愛しい人を思い出させてくれるような存在でした。 ここまで「らんまん」に登場したたくさんの植物の裏には、 植物考証チーム、略して「S（植物）K（考証）T（チーム）」という存在がありました。今回は、そんなSKTのこだわりがいっぱい詰まった裏話をお届けします！ こんにちは。 ディレクターの畠山です。2022年に入局、東京のドラマ部に配属となり「らんまん」の助監督をしていました。助監督にはさまざまな担当がありますが、私は植物担当、SKTの一員になりました。メンバーは5人の助監督と、日本のトップオブ植物学者7人。み
「HTML,CSSだって難しいよ！」 初心者でも始めやすいって言ったの誰ですかね。最初は覚えるのに必死だし、少しわかるようになったかな？で始めたサイト制作（コーティング）もエラーだらけで頭を抱える日々。そんな修行を耐えているみなさんに知ってほしい、CSSの設計についてお話できたらなと思います。概念的なこと中心になりますので細かいことは下記の参考文書をご覧ください。 『インプレス社 Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法 谷拓樹著 2022年発行第１版』 注意 作者自身もプログラミング初めて１ヶ月の超初心者です。HTML、CSSを使ってデザインカンプを元にサイトを作れるぐらいのレベルです。なので僕より歴長い人はスルーしてもらっていいです。まだ初めたばかりの人は追いついてきてください。僕は先に行ってます。 初め 壊れない完璧な設計を
色々あって WebAssembly の component model を調べていたら、未来が見えた気がしたのでここに書いておきます。 「今の WebAssembly」 とは何か WebAssembly の Web の部分は忘れてください。これは単に JVM version 20xx です。ポータブルなバイナリ仕様です。 実行にあたっては今はホスト言語として JS が使われていますが、実際にはホストがJSである必要すらなく、なんならホストが不要なスタンドアロン環境すらあります。(wasmtime/wasmer) じゃあ WebAssembly は何かというと、サンドボックスで実行される VM の仕様です。比較的高水準なバイナリで、 V8 や Spider Monkey に付属する WebAssembly Runtime や、 Wasmtime や Wasmer といった WebAssemb
英国がレーザー指向性エネルギー兵器「ドラゴンファイヤ」の試験を実施したと発表/British Defence Ministry （ＣＮＮ） 英国は今週、１発約１３ドル（約１９００円）でミサイルや航空機を迎撃できるとする新型レーザー兵器の動画を公開した。現在同じ役割を担っているミサイル迎撃装置に比べ、多額のコスト節約につながる可能性がある。 英国防省はこのレーザー指向性エネルギー兵器を「ドラゴンファイヤ」と命名。試験の様子を捉えた新たな動画には、１月にスコットランドで実施された演習で、空中目標に対するレーザー兵器の使用に成功したとされる場面が映っている。 「防空のゲームチェンジャー（戦争のあり方を一変させる兵器）になる可能性を秘めている」との解説も聞こえる。動画にはヘブリディーズ諸島の演習場上空の夜空をレーザービームが貫き、目標に命中して火の玉が発生する様子が映っている。 英国防省はドラゴン
言いたいこと：「少女小説をラノベに含めても無視してもボコボコに叩かれる」という難しい状況がある。 女性向けが省かれるラノベ150選いま、ライトノベルのオールタイムベストを選出する作業が進められている。 ラノベが社会に認められるためには、売り上げだけが唯一の評価軸である現状では差し障りがある。文化としての成熟には体系化と批評の存在が必須であり、その一歩としてたいへん意義のある活動と言えるだろう。 その暫定的な成果であるラノベ150選が先日公開された。 あくまで叩き台であり、作品数的にもより拡張した形を目指していくようだが、現時点でも各年代に目の行き届いた、ラノベの歴史の流れを俯瞰できる内容となっている。 ただ、この手の企画はどのような基準で選んだとしても、あれがないこれがないという不満はどこかから出てしまうものだ。ラノベ150選も例外ではない。 その中で今回特に目についたのが、「女性向け作品
技術的負債を抱えたレガシーコード。変なメソッド名と入り組んだロジック、リファクタリングするならどちらが先？（後編）
技術的負債を抱えたレガシーコード。変なメソッド名と入り組んだロジック、リファクタリングするならどちらが先？（後編） ソフトウェアの品質をテーマに研究をしている名古屋大学 森崎研究室は、ソフトウェアの技術的負債をなんらかの形で数値化する手法の研究の一環として、コードの読みにくさの原因となる要因などを分析した研究結果を発表するイベントをオンラインで開催しました。 この記事ではそのダイジェストを紹介します。記事は前編と後編の2つに分かれています。今お読みの記事は後編です。 森崎氏による補足説明 前編では、グループA（命名的問題）より、グループB（構造的問題）の方が正答率が大きいということ。一方でグループA（命名的問題）よりグループB（構造的問題）の方が読みにくさを感じた、という点に統計的に有意な差があったことが発表されました。 発表の後、オンラインイベントの参加者からの質問について森崎氏と和田氏
【読売新聞】 栃木県那須町大島の那須どうぶつ王国で先月１０日、ガマグチヨタカのヒナ「どらやき」が誕生した。近く、一般公開される。 どうぶつ王国によると、ガマグチヨタカはオーストラリアを中心に生息。くちばしが「がま口」のような形をして
厚生労働省は23日の立憲民主党の会合で、健康保険証が廃止される来年秋以降も一部の医療機関などでマイナ保険証が利用できない状態が続くことから、保険診療を受けるために氏名などが記載されたカードや文書を配布することを明らかにした。マイナ保険証や健康保険証の代わりとなる資格確認書と異なる新たな対応策により、来年秋の切り替え当初、医療機関の窓口で混乱が生じないか懸念される。 このカードや文書は「資格情報のお知らせ」と命名される予定で、被保険者番号や窓口での自己負担割合なども記載する。
ジャンプTOON Next.js App Router の活用〜得られた恩恵と課題〜 | CyberAgent Developers Blog
目次 はじめに Colocation を意識した設計方針 Parallel Routes と Intercepting Routes を用いた設計パターン サーバー側に処理を寄せたことによる恩恵と課題 Next.js が抱える課題 おわりに 参考文献 はじめに ジャンプTOON のWeb版（以降、ジャンプTOON Web）の開発を担当している浅原昌大（@assa1605）です。 5 月にサービスを開始した「ジャンプTOON」は、オリジナル縦読みマンガ作品や人気作品のタテカラー版を連載する、ジャンプグループ発の新サービスです。 ジャンプTOON のフロントエンドには、Next.js を採用し開発をしています。 本記事では、Next.js の最新機能や設計パターン、Next.js を採用した恩恵と現在の課題について紹介します。 Colocation を意識した設計方針 Parallel Rou
韓国の女性５人組グループ、ＮｅｗＪｅａｎｓが大みそか放送の「第７４回ＮＨＫ紅白歌合戦」（後７・２０）に初出場することが２８日、分かった。昨年７月の韓国デビュー以降、本国の音楽賞を数々受賞し、米紙ニューヨーク・タイムズの「今年最もスタイリッシュな人物７１人」に選出されるなど世界を席巻中。日本デビューが未定のグループの出場は極めて異例で、期待の新鋭が年末の大舞台を彩る。 今最も旬なＫ－ＰＯＰのガールズユニットが紅白に緊急参戦だ。 関係者によると、ＮｅｗＪｅａｎｓは番組の大詰めを迎える後半に登場。３０日に日本レコード大賞に出演するほか、来年元日に韓国から米ＡＢＣ放送の年越し特番「Ｄｉｃｋ Ｃｌａｒｋ’ｓ Ｎｅｗ Ｙｅａｒ’ｓ Ｒｏｃｋｉｎ’ Ｅｖｅ ｗｉｔｈ Ｒｙａｎ Ｓｅａｃｒｅｓｔ ２０２４」（現地時間３１日後８・０、日本時間来年元日前１０・０）に出演することが発表されており、本番は収録の可
Reactベストプラクティス: react-hooks/exhaustive-depsのエラーを0にする - Hello Tech
javascripter です。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 今回は、筆者が社内で書いている技術ガイドラインについて紹介します。 はじめに ハローでは、高品質なコードを維持し、開発チームの技術レベル向上を図るため、社内で継続的に技術Tipsやガイドラインの整備・蓄積を行っています。 チーム横断的に、有用な技術Tips、ベストプラクティス・コーディングガイドラインなど情報をNotion上に集約し、自由にエンジニアが閲覧・編集できるようになっています。 この取り組みの目的は以下の通りです： コード品質の向上と統一 開発チームメンバーの技術スキル向上 「どう」直すかでではなく「なぜ」そう修正すべきかまで理解してる人を増やす 効率的な開発プロセスの確立 新メンバーのオンボーディング支援 今回紹介するドキュメント 今回は、その中から「reac
チュートリアルでDDD体験: ドメインモデルの成長を紹介 - BIGLOBE Style ｜ BIGLOBEの「はたらく人」と「トガッた技術」
プロダクト技術本部の川口です。 3年間、ビッグローブ光といった固定回線のインフラ部門に所属していましたが、今年の4月に BIGLOBE の基幹システムのリニューアルを推進していく部署に異動することになりました。 所属するチームでは、ドメイン駆動設計（DDD）で開発しています。 チームにジョインすると開発チュートリアルをやることになっており、そこで IntelliJ や Spring Boot での開発の仕方を学んだり、チュートリアルを通して DDD を学んだりします。 今回は、DDD のチュートリアルで実際に作成したドメインモデルがどういう風に成長していったかについて紹介します。 勤怠管理アプリ チュートリアル 初期ドメインモデル 中期ドメインモデル 後期ドメインモデル 学んだこと、感想 勤怠管理アプリ チュートリアル お題は GitHub のパブリックリポジトリに公開されています。 ht
東北大学は8月30日、ノッキング実験データと定量的に一致した直接数値計算結果を分析することで、極限下では燃焼化学反応が起こる火炎が、「火炎」として存在できなくなる特別な条件が存在することを突き止め、この時に起こる現象を「火炎からの激しい遷移現象」(Explosive transition of deflagration)と命名。この結果から、着火と火炎の等価理論を構築し、ノッキングとこの条件の関係を明らかにすることに成功したことを発表した。 同成果は、東北大 流体科学研究所(IFS)の森井雄飛助教、同・角田陽大学院生、インド工科大学ルールキー校のアジット・クマー・デュベイ助教、IFSの丸田薫教授らの国際共同研究チームによるもの。詳細は、気体・液体および複雑または多相流体の力学に関する全般を扱う学術誌「Physics of Fluids」に掲載された。 ノッキングとは、ガソリンエンジンで発生
ああ あこがれの コントリビューターに なりたいな ならなきゃ ゼッタイなってやるーッ！ 「はじめまして！ プログラミングの せかいへ ようこそ！」 「わたしの なまえは ヤマダ」 「ひごろは Yamada UI Next.js Chakra UI Mantine Refine のコントリビューターをして おるよ」 改めまして、『まだマサラタウンにいるプログラマーのみなさん』こんにちは。プログラマーを始めて3年目の山田です。 今回は、みんなが憧れるOSSのコントリビューターになる、『1番道路』へ踏み入れるための完全攻略本です。そして、日本で大注目されている(はず)のYamada UIを題材にして進めていこうと思います。 また、この完全攻略本では以下の内容は省略しています。 OSSとは OSSに貢献することのメリット GitHubの使い方 Gitの使い方 理由は、この攻略本を見ているあなたは
ベタープログラマ を読んだ
ベタープログラマ を読んだので自分的に刺さった点をまとめる。 6章 航路を航行する⌗ 新たなメンバーが開発チームに参加する際にどのようにすれば速やかに生産的になることができるかについての章。 最善な策はすでにプロジェクトへの理解があるメンバーに導いてもらうこと。もしそれができなければ次のようなことを調べるとよい。 ソースの取得の容易さ⌗ ソースの取得がどれだけ簡単か。健全なプログラムはコードベース全体を得るための単一のチェックアウトのみを必要とする。 コードのビルドの容易さ⌗ 一般的でないツールにビルドが依存していないか コード自身に適切で簡単なドキュメンテーションがあるか 手作業なしで1つのコマンドでビルドを行うことができか コードの一部に取り組んでいるときにその部分だけをビルドすることができるか ビルド中に潜在的な問題を曖昧にしているかもしれない無数の警告が出ていないか テスト⌗ 単体
……なんだっけそれ。最近流行ってるやつだよね 「好きな惣菜発表ドラゴン」ですね。 それさえ知ってるなら大丈夫です。 おk。 ん、大丈夫って何が？ 説明がまだでしたね。今日はですね…… 俺が「好きな惣菜発表ドラゴン」になります。 ？？？ という訳で今日は俺が主催する「好きな惣菜発表ドラゴン」をモチーフとしたゲームに参加して頂きます。 参加者はこちら。 みくのしん……「ゲームをするから頭数を揃えて欲しい」以外の説明を受けずに招集された。好きな惣菜は「牛ホルモンのプリプリの煮込み」 マンスーン……頭数。多分何も聞かされていない。好きな惣菜は「豚バラとナスの味噌炒め」 ヤスミノ……やはり何も聞かされていない。好きな惣菜は「生協の『骨取りさばの味噌煮』」 ストーム叉焼……筆者であり本日の好きな惣菜発表ライター。本日のゲームマスター兼ヘッド・ジャッジ。好きな惣菜は今から発表する。 今日はこの三人に、俺
Web フロントエンドの推しディレクトリ構成と Next.js App Router なコードベース | Offers Tech Blog
Offers を運営している株式会社 overflow の あほむ でございます。暖冬と言われつつもすっかり寒い季節ですね。おかげさまで割と走っているほうの師です。（師走） n 年ぶり n 回目の Web フロントエンド 最後にメイン開発者の立場でコードをスクラッチしたのいつだったっけ？と遡ると 2018年ごろのブログ記事 がでてきました💀 実際には 2017 年から 2018 年にかけての作品ですかね。当時の構想から読み取れる重厚かつ自己表現の感に内心苦笑いしつつ久々の新規建立です。 今回はディレクトリ構造の面から紹介していきます。 推しディレクトリの先達たち 推しディレクトリという言葉に乗っかってみたものの、ゴメンそこまでの熱感は持っていないかもしれない🥺 とはいえ先達の記事もご紹介しておきます。 今回の前提 本稿において、これらの前提に依存した論はほとんど含まれない認識ですが一応
新たに発見された恐竜コレケンの復元図。（ILLUSTRATION BY GABRIEL DIAZ YANTÉN） すべてはかぎ爪から始まった。アルゼンチンのラ・コロニア累層で恐竜の化石を探していたとき、古生物学者たちが岩石から突き出た足の指の骨に気付いた。さらに掘り出して調べてみると、鼻の低い肉食恐竜アベリサウルス類の新種と判明した。小惑星の衝突によって白亜紀が終わる数百万年前、太古のパタゴニアを歩いていた肉食恐竜だ。この発見は5月21日付で学術誌「Cladistics」に発表された。 アルゼンチンにあるエジディオ・フェルグリオ古生物博物館の古生物学者ディエゴ・ポル氏らは、この恐竜をコレケン・イナカヤリ（Koleken inakayali）と命名した。パタゴニア東部の先住民族テウェルチェの首長だったイナカヤルにちなむ名前で、テウェルチェ語で「粘土と水から生まれる」という意味だ。
という考えにたどり着いたので、考えのスナップショットをとっておく。 Go言語における、テスト関数名とサブテストのname引数の値を「テストケースの名前」・「テスト名」と呼ぶことにしている。 (*testing.T).Run(name string, f func(t *testing.T)) bool テスト名に近いものとして、(*testing.T).Errorや(*testing.T).Logの引数がある。これらはテスト実行時の出力に含まれるが、テストケースを分かつものではない。あくまで、特定のテストケース内の情報を増やすものだ。対するテスト名は、（通常は）テストケースを分割できる最小単位である。 テストケースがテスト名の単位で存在するということは、テスト名はそのテストケースを十分に表現できていたほうがよいということだ。さもなくば、検証・変更しようとする仕様に対応するテストケースや、実
DDDを実践するための手引き（ドメインイベント編）
ドメインイベントを扱う実装は様々な流派があり、本記事ではなるべく一般的なものを取り上げたいと思っていますが、あくまで一例です。 実装例は Kotlin を使っていますが、他の言語でも同様の実装が可能です。 ドメインイベントとは イベントとは「過去に発生した出来事」であり、ドメインイベントは「ビジネスドメイン上で発生した重要な出来事を表すメッセージ」です。 （例: チケットが割り当てられた、注文がキャンセルされた） ドメインイベントはシステム内の状態の変化（=集約の状態の変化）を表現するものであり、通常は集約がドメインイベントの発生源となります。 用途 ドメインイベントは主に次のような目的で使用されます。 1. イベントの発生を起点に、別の処理をトリガーする ドメインイベントは、システムの異なる部分間を連携させるために使用されます。 ドメイン上の要件として「...したら...する」のようなフ
トンデモに対する防衛術 | 雑記帳
いわゆるトンデモに関して私が思うことを何点か書いておく。 何を問題にしているか ここで問題にするのは、例えば以下のような表現物である： 初心者にとって有害である。つまり、間違った理解を植え付ける。 誤りを修正したら何も残らない。 すべきではない対処 まず、作者に突撃して撤回させるのはあまり現実的ではない。指摘を受け入れて撤回するなら良いが、「自分の表現物が無意味あるいは有害だった」ことを受け入れられる表現者がどのくらいいるだろうか？あるいは、SNS上でバトルに発展した場合不毛な時間を費やすことになる。 第二に、作者に対する人格攻撃や侮辱的な表現は行うべきではない。具体的に言うと、2021年にプログラミング界隈を騒がせた件（「関数型プログラミングが『銀の弾丸』であるという非常識な常識2022」の感想の言及先）の作者を「漢字1文字+ひらがな1文字+漢字1文字」で呼んだはてなブックマークユーザー
Pull Requestのレビュー負荷を軽減し、開発生産性を向上するためにチームで取り組んだこと - ZOZO TECH BLOG
はじめに こんにちは。WEARフロントエンド部Webチームの藤井です。私たちのチームでは、WEARのWebサイトのリプレイスと新規機能の開発を並行して進めています。これらの開発を推進する中で、Pull Requestのレビュー負荷を軽減し、開発生産性を向上させるための取り組みを行なってきました。本記事では、その中で効果的だった取り組みについてご紹介します。 目次 はじめに 目次 背景と課題 レビューの体制の薄さ スコープの広さ 仕様把握の負担 対応内容についての説明不足 処理の複雑性 仕様の抜け漏れ 動作確認の手間 課題解決に向けた取り組み レビュー体制の見直し Pull Requestを小さくする Issueを小さくする Pull Requestの粒度について明文化する 機械的なチェックの拡充 ESLintルールの拡充 Visual Regression Testの拡充 Pull Req
ｅスポーツ極めた脳、極彩色の「ゲーミング脳」に 千葉電波大
コンピューターゲームで対戦する「ｅスポーツ」を極めた「ゲーミング脳」は虹色に輝き出す――。千葉電波大学医学部の研究グループがこんな研究結果を２５日に発表した。ｅスポーツ選手の適性やトレーニング結果を客観的に判断する指標として活用が期待できるという。 グループは、対戦型格闘ゲームの初心者とプロが脳内の血流をどのように変化させているかを調べるため、近赤外線装置を使って血流量を可視化した。その結果、プロはゲームのプレイ中、脳の前頭葉にある運動野と呼ばれる場所に多くの血流が流れて赤く活性化した一方、記憶を司る海馬などゲームとの関連が薄い場所では、ほとんど血液が流れなかったため青く示されることがわかった。 初心者では部位ごとに顕著な色の変化が見られなかったことから、グループでは「長期間にわたってゲームに集中すると、脳の部位ごとに活性のメリハリがつくのではないか」と推定。この仮説を証明するため、脳機能
AFURI株式会社からの提訴について
昨年8月、ラーメンチェーン店 AFURI株式会社（以下「AFURI社」といいます）から、当社商品である日本酒「雨降（あふり）」に付された商標（以下「当社商標」といいます）がAFURI社の商標権を侵害している旨の文書を受け取りました。 文書の大意としては、”AFURI”と記載した当社商標の使用はAFURI社の著名性にフリーライドしその商標権を侵害するものであり、商品を全て廃棄処分すること等を要求するものでした。 これにつき、双方弁護士を交えた協議を重ねて参りましたが、最終的に不調に終わったことから、AFURI社は、当社商標の使用差止や損害賠償等を求めて東京地方裁判所に提訴しました。 当サイトにも記載の通り、「雨降（あふり）」銘柄は、丹沢大山の古名「あめふり（あふり）山」と、酒造の神を祀る近隣の大山阿夫利神社（以下「阿夫利神社」といいます）にちなんで命名したものであり、ラベル「雨降」の文字も阿
1990年代の“アキバ”。世界に冠たる電子の都・秋葉原のあのころをプレイバック！【『16bitセンセーション ANOTHER LAYER』連動企画第12回】 | ゲーム・エンタメ最新情報のファミ通.com
1990年代の“アキバ”。世界に冠たる電子の都・秋葉原のあのころをプレイバック！【『16bitセンセーション ANOTHER LAYER』連動企画第12回】 2023年10月4日より、アニメ『16bitセンセーション ANOTHER LAYER』が放送開始された。マイクロソフトのOS“Windows95”が発売される以前、おもにNECのパソコンPC-9801シリーズをプラットフォームに花開いた美少女ゲーム文化をフィーチャーしたこの作品には、1990年代に発売されていたパソコンやゲームソフトがあれこれ登場する。 この記事は、家庭用ゲーム機に比べればややマニア度が高いこうした文化やガジェットを取り上げる連動企画。書き手は、パソコンゲームの歴史に詳しく、美少女ゲーム雑誌『メガストア』の元ライターでもあり、『16bitセンセーション ANOTHER LAYER』にも設定考証として参画しているライタ
西荻窪の魅力を発信すべく、2013年から2016年にかけて西荻窪駅周辺をボランティアで案内するスペース、その名も「西荻案内所」を運営していた奥秋圭・亜矢夫妻に、古さと新しさが混在する西荻窪の紹介をしていただいた。 偶然と必然が生んだ西荻窪での新生活 今回、西荻窪を案内してくれる奥秋夫妻の出身地は、デザイナーである圭さんが山梨県、そしてディレクターの亜矢さんが愛媛県。どちらかが、あるいはお二人ともが地元民だと勝手に想像していたのだが、全然違った。 西荻窪とはまったく関係ないところで生まれ育ち、それぞれが東京にある別の大学へと進学し、卒業後に共通の趣味である演劇を通じて出会ったという間柄。 そんな二人が、なぜ「西荻案内所」を運営することになったのだろうか。まずは西荻窪に移り住んだ理由から伺ってみた。 在りし日の西荻案内所、2016年4月頃。写真提供：奥秋圭 奥秋圭さん（以下、圭）：「上京してか
3/30 に X で Terraform がトレンド入りしていて何事かと思ったら Terraform が公式ドキュメントとしてスタイルガイドを出したようです。 Terraform Style Guide いままで Terraform のスタイルに関して信頼できるドキュメントといえば Google Cloud の Terraform を使用するためのベスト プラクティス ぐらいしか知らなかったのですが、 Terraform 公式がようやく出してくれてありがたい限りです。 これでわざわざ社内の Terraform 規約を設けずとも「公式ドキュメントに従いましょう。」の一言で済みます。 ということで一通り読んだのでまとめました。 原文だと構文の簡単な使い方なども書いてありますが以下の要約ではだいたい省略しています。 詳細は原文を読んで確認してください。 要約 スタイルガイドについて コードのスタ
はじめに 皆様こんにちは、ソーシャル経済メディア「NewsPicks」(Media Infrastructureチーム)エンジニアの北見です。 現在、私は弊社サービスの一部のインフラ刷新を行なっている最中で、ここ数ヶ月 AWS CDKを触っておりました。 前職では Infrastructure as Code として Terraform を使ったことがあるのですが、少なくともAWS を使うという条件においては CDKを使うべき という結論に辿り着きました。 今回はそのように考えるようになった理由について説明していこうと思います。 前提 Terraform はパブリッククラウドにおける Infrastructure as Code の走りとして様々な現場に導入実績があり、それに対するリスペクトは持つべきです。 しかしよくある「AvsB」というメリデメの構図で「どっちでもいいよ、好みだよ」と投
大手RTAイベントに「柴犬」が選手として出場へ。飼い主を見つめながら、“お手”でファミコンロボット役を務める - AUTOMATON
大手RTA（Speedrun）イベントに“柴犬”が出場することが報告され、注目を集めている。「ファミリーコンピュータ ロボット」向けのゲームを、ロボットの代わりに柴犬が操作するようだ。海外メディアPC Gamerが伝えている。 RTAイベントに出場することで注目を集めているのは柴犬のPeanut Butter（以下、PB）だ。RTA走者JSR_氏の愛犬であり、「AGDQ 2024」に同氏と共に出場するという。Games Done Quickが主催するイベントで、来年の現地時間1月14日から21日にかけて開催予定。 PBがイベントで挑戦するのはファミリーコンピュータ向けの『ジャイロ（Gyromite）』のようだ。同作はファミリーコンピュータ ロボット（以下、ファミコンロボット）向けに発売された二作品のうちの一つ。ファミコンロボットはゲームと連動して動く周辺機器であり、画面上から送信される光信
研究データを整理しよう・したい・せねば｜まつーらとしお
軽く読んだだけですが，研究者・院生にとってもそうですし，学部生でもPCで様々なものを整理するという点から役に立ちそうだと思いました。 概略版と呼べそうな動画もあるのでそちらを先に見るのもよさそうです。 全体の構成は次のとおりです。 第１章 イントロダクション 第２章 研究データ管理の方針決定 第３章 研究データの整理法 第４章 研究データの保存 第５章 研究データの公開 「イントロダクション」よりいくつかとても参考になったことを記しておきます。 フォルダ構造やファイル命名法があるこのドキュメントは例えばフォルダ組織化やファイル命名法といった普段なかなか説明しないところまで目配りされている点が大きな特徴と言えるでしょう。例えばフォルダ組織化は次のようなスライドが用意されています。 「はじめよう、研究データ管理」第3章よりどれも「当たり前」と思うかもしれませんが，徹底することはけっこう努力が必
『資本主義が嫌いな人のための経済学』の誤謬（「『反逆の神話』の誤謬」補遺） - ラビットホール note.com という記事についてコメントする。この記事は、『資本主義が嫌いな人のための経済学』の内容を引用しながら、何が間違っているかを指摘している。本記事では、そうした指摘の中で誤読に基づいていると思われる点や、十分な根拠がなさそうな点を取り上げていく。 本題に入る前にいくつか注意点。 本記事は、ラビットホールさんの指摘の中で誤読に基づいている点を取り上げるものだ。総合的に判断して最終的に「『資本主義が嫌いな人のための経済学』は誤りを多く含んでおり入門書として不適切」といった結論になる可能性は排除しない。が、少なくともラビットホールさんが記事で行っているような指摘を根拠にそのように結論づけることは難しいだろう、ということは示したいと思っている*1。 ラビットホールさんの記事で指摘内容を掴み
はじめに 目まぐるしく進化するフロントエンド開発の世界では、常に最新の知識や技術をいち早く取り入れることが、エンタープライズアプリケーションの開発を成功させる上で欠かせません。Tailwind CSS、TypeScript、Turborepo、ESLint、React Queryなどを含む強力なツールキットとNext.jsを4年間使用してきた結果、開発に役立つさまざまな知見やベストプラクティスが得られました。この記事では、大企業向けフロントエンドアプリケーションのパフォーマンス、保守性、拡張性を最大限に高める設計・構築手法を紹介したいと思います。 注記：ここに記載する内容はあくまでも個人的な見解であり、筆者が推奨する手法が必ずしも適さない場合もあります。 効果的なエンタープライズ向けフロントエンドアーキテクチャの基本原則 エンタープライズ規模のアプリケーション向けにフロントエンドソリューシ
About ようこそプロジェクトに貢献するにはGeneral コード補完コメントからコードを生成コードからコメントの自動生成GitHub CopilotとのクイックQ&A正規表現プログラミング言語間の翻訳タイプヒンティング構造化データからのオブジェクト生成コードからドキュメントへClient Side Tips Copilot スニペットハンドリングGitHub Copilot ショートカット定義に移動便利なファイルのピン留めDesign Patterns AI が理解可能な命名規則一貫性のあるコーディングスタイルハイレベルアーキテクチャを先に小さなコードチャンクで作業するコンテキストレス・アーキテクチャ微細な OSS 依存関係の排除Collaboration AIフレンドリーなドキュメンテーションプロンプトとコード生成プロセスのコーチングTesting ユニットテストの作成テストコード生
2023年に使った技術・作ったもの・書いたものまとめ
2023 年に使った技術まとめ 2023 年もそろそろ終わりなので、今年のエンジニア生活のまとめです。 正直今年はほとんど仕事しかやっていないです。どうしてもお仕事だと攻めた技術選定ができなくて（記事書くには）あんまり面白くないなあ…の気持ちではあるんだけど、その分実務でこんな技術使ってますよ、ってお話としてみていただければ幸いです。 React 18 / TypeScript 去年（2022）までは Vue と React 半々くらいで生きてたんだけど、今年はどっぷり React でした。 Vue の選択肢もないわけではなかったんだけど、ある程度の規模のプロジェクトで、かつアプリケーションとしての複雑度が高いものを作る時に Vue はやっぱりちょっと怖いんですよね。。正直コントロールできる自信がちょっとない。 多分当面は、ロジックの複雑度や抽象度が高いものは React、ロジックは素直で
日本生まれなのに「世界最大級のコンテナ船」が日本に帰れないワケ 物流の世界サイズ“受入れムリ”な現状 | 乗りものニュース
日本で建造された「世界最大級のコンテナ船」が続々と竣工。世界物流の幹線航路へ投入されますが、あまりに大きいため、造船所を離れると日本へ戻ってくることができません。これは、物流の世界における日本の立ち位置を象徴しています。 ほぼ「動く団地」なサイズを何人で運航？ ジャパンマリンユナイテッド（JMU）呉事業所で2023年12月6日に竣工した2万4000TEU型コンテナ船「ONE INSPIRATION」は、世界最大級のコンテナ船であるというだけでなく、日本でこれまで建造されたコンテナ船の中で一番の大きさを誇ります。 拡大画像 竣工したONE INSPIRATION（深水千翔撮影）。 JMUと今治造船は2万4000TEU型を両社で合わせて計6隻建造しており、「ONE INSPIRATION」はその5番船。運航を担うのは海運大手の日本郵船、商船三井、川崎汽船のコンテナ事業を統合したオーシャンネット
「え，手で描くの？」リメイク版ウィザードリィ発売記念。今どき小学生と声優・保志総一朗さんがFC版“狂王の試練場”の初見プレイに挑む！【PR】
「え，手で描くの？」リメイク版ウィザードリィ発売記念。今どき小学生と声優・保志総一朗さんがFC版“狂王の試練場”の初見プレイに挑む！【PR】 ライター：岡和田 晃 カメラマン：大須 晶 「ウィザードリィ」，なんと甘美な響きだろうか。薄暗い迷宮をさまよい，奇怪な怪物と血みどろの死闘を繰り広げながら，奥へまた奥へと探検を続ける……そんな冒険者たちを演じるRPGの古典。 1981年にアメリカのSir-Tech Software（現：SirTech Entertainment）から発売され，数多くのフォロワーを生み出した同作のフル3Dリメイク版「Wizardry: Proving Grounds of the Mad Overlord」（PC / PS5 / PS4 / Xbox Series X|S / Xbox One / Switch）が，2024年5月23日に正式リリースされた。これは初代
君たちの知らないAPIデザインパターンの話をしよう
このように、RESTの設計原則に従ってAPIを構築することで、ほとんどのAPI設計は直感的に、かつ問題なく行うことができます。 デザインパターンの紹介 ここからが本題です。大抵の場合、上の例で示したようなAPI設計で十分です。 ただ、複雑な要件では、上のような典型的なAPI設計のみでは良いAPIを設計するための4つの特性を満たせないことがあり、そのような場合のためにデザインパターンが有効です。 カスタムメソッド 概要 カスタムメソッドは、標準的なCRUD操作（作成、読み取り、更新、削除）では対応できない特定の操作が必要になる場合に便利です。例えば、メールの送信や即時の文書翻訳など、通常の create や update メソッドでは処理が難しい操作がこれに該当します。 参考までに、以下にGoogleが出しているカスタムメソッドの記事を示します。 実装例 以下は、カスタムメソッドを扱うAPI
リンク Wikipedia 八街市 八街市（やちまたし）は、千葉県の北部に位置する市。 都市雇用圏においては東京都市圏に含まれる。基幹産業として近郊農業が盛んであり、落花生の生産量は日本一である。 明治時代に入ると明治新政府の政策により、江戸幕府の放牧地であった小金・佐倉両牧の開墾順序ではなく開墾の計画順に新しい地名が付けられ、8番目に予定されていた入植地として八街と命名された。1992年（平成4年）に印旛郡八街町が市制施行して八街市が発足した。 防風保安林と落花生の野積みによる特徴的な農村景観を有する。「八街市南部の防風保安林と落花ぼっち 3 users 3
【Unit4 ブログリレー6日目】 こんにちは、エムスリーエンジニアリンググループの福林 (@fukubaya) です。 最近まで開発していたm3ラウンジでは、goからRDBを利用していました。 m3ラウンジでは、SQLの組みやすさやテストのしやすさの観点で検討した結果、goquを採用しましたので、 そこで得られた知見とその実装例を紹介します。 これから試してみる方(と将来m3ラウンジの開発に新たに入ることになったメンバー)の参考になるように、サンプルコードも説明も多くなってしまいかなり長いです。 お時間ある時にお読みいただければ。 名古屋城は、日本の城のひとつ。尾張国愛知郡名古屋（現在の愛知県名古屋市中区本丸・北区名城）にある。本文には特に関係ありません。 m3ラウンジ goqu 実例 modelの構造体 mapper mapperの実装 goquのSQLの結果から構造体へのマッピング
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「らんまん」裏話！ドラマ支えた“SKT”の存在｜NHK広報局
HTML,CSS初めて１ヶ月ぐらいの人に知って欲しいCSS設計のこと - Qiita
WebAssembly は次世代のコンテナ技術になれるか？
１発１９００円の防空システム？、レーザーで安価なミサイルや無人機に対抗か
少女小説、もしくは「女性向けラノベ」とラノベの関係性
父「ようかん」と母「まんじゅう」の子は…「どらやき」と命名、那須どうぶつ王国で近く公開
マイナ保険証で新カード配布へ 利用できぬ医療機関受診時 国方針 | 毎日新聞
ＮｅｗＪｅａｎｓ、異例！日本デビュー未定での初紅白決定 数々の音楽賞受賞の韓国５人組、収録で！？後半登場
東北大、ガソリンエンジンのノッキングの全容解明に迫る新たな事実を発見
めざせコントリビューター【完全攻略本】
今日は好きな惣菜発表ライターによる「正式名称がわからない惣菜ゲーム」に参加して貰います | オモコロ
ほぼ腕のない新種の肉食恐竜を発見、約7000万年前、パタゴニア
テストケースの名前には条件と結果を含めた方が良い - 感情を込める
西荻の街が好き過ぎて「西荻案内所」を運営していた夫婦が語る西荻窪の魅力とは【いろんな街で捕まえて食べる】 - SUUMOタウン
Terraform 公式がスタイルガイドを出したので読んで要約した - Qiita
なぜCDKを使う「べき」なのだろう? - Uzabase for Engineers
『資本主義が嫌いな人のための経済学』の誤謬？ - 清く正しく小賢しく
Next.jsを4年間使用してたどりついた、エンタープライズアプリケーションのフロントエンド開発・構築手法 | POSTD
GitHub CopilotとのクイックQ&A
風が強すぎて千葉の土埃が映画『マッドマックス』みたいになってた→この土埃には千葉ならではの理由があった
goquを駆使してgoでSQL構築も構造体マッピングもRDBテストもやる - エムスリーテックブログ