コードジャンプ可能な CSS Modules を実現する happy-css-modules の紹介 - mizdra's blog
弊社では React で CSS を書くための手法として CSS Modules を全面的に採用しています。そこで CSS Modules を使った開発をより快適にするために、「happy-css-modules」というツールを作りました。 happy-css-modules のデモ。 この記事ではこのツールが必要になった背景、導入方法、そしてツールの技術的な仕組みについて紹介します。 CSS Modules の問題点と、typed-css-modules による解決 CSS Modules では、デフォルトでは存在しないクラス名を使用しても、(プロジェクトの設定次第ですが) TypeScript のコンパイルエラーが出ることはありません。 import styles from './Button.module.css'; function Button() { return ( <but
Webpackの後継となる新バンドルツール「Turbopack」が登場。Rust製のネイティブアプリケーションでWebpackの700倍高速に。Next.js Conf 2022
Webpackの後継となる新バンドルツール「Turbopack」が登場。Rust製のネイティブアプリケーションでWebpackの700倍高速に。Next.js Conf 2022 Reactベースのサーバサイドフレームワークとして知られるNext.jsの開発元のVercelは、日本時間10月25日深夜にイベント「Next.js Conf 2022」を開催。Next.jsの最新バージョンとなる「Next.js 13」と、Rust製の高速なバンドルツール「Turbopack」を発表しました。 Introducing Turbopack, the successor to Webpack. ~700x faster than Webpack 10x faster than Vite Native incremental architecture built with Rust Support f
世界一わかりやすいClean Architecture - nuits.jp blog
本項は「C# Tokyo オンライン「世界一わかりやすいClean Architecture」他」による発表の登壇原稿となります。過去に発表した.NET版の記事はこちらにアーカイブしています。 本稿のサンプルコード・PPTはこちらで公開しています。 「CC BY-SA 4.0」で公開していますので、気に入っていただけたら営利目的含め、ライセンスの範囲で自由に利用していただいて問題ありません。 github.com また動画を以下で配信しています。よろしければご覧ください。 世界一わかりやすいClean Architecture はじめに まず初めに、クリーンアーキテクチャの誤解されがちな二つのことについてお話させていただきます。 その上で、クリーンアーキテクチャの本質とは何か？押さえておくべき、本当に重要だと考えている三つの事について、お話しします。 注意事項 さて本題に入る前に、少し注意
情シス子会社への処方箋｜友岡賢二
エンタープライズITにおける組織課題の大きな比重を占める問題、それが情シス子会社問題です。一部の優秀な情シス子会社がある一方で、大半の情シス子会社の運営においては問題が多いように思います。情シス子会社が何故生まれて、問題点が何で、問題解決にはどうすれば良いかについて私見を述べて行きたいと思います。 情シス子会社のパターン①コストダウン型 一番多いパターンがこれです。事業会社は金を生む事業こそが主軸であって、金を生まないバックオフィスは外部サービス化して行きます。その第一歩が子会社化。見かけ上は専門職採用にするため、と体裁を整えていますが、給与や待遇は本社より見劣りする2級市民化政策です。情シス子会社の売上は100％親会社向けです。このような体制を敷く会社は、情シスには価値を見出せない事を企業トップが宣言したような会社です。個人的には、絶対に働きたくないパターンですが、新卒学生は企業名で就職
「アジャイルサムライ」の著者が語る、技術志向の企業が世界をどう見ているのか？ そしてソフトウェアテスト自動化を進化させる方法について（後編）。JaSST'22 Tokyo基調講演
「アジャイルサムライ」の著者が語る、技術志向の企業が世界をどう見ているのか？ そしてソフトウェアテスト自動化を進化させる方法について（後編）。JaSST'22 Tokyo基調講演 Jonathan Rasmusson（ジョナサン・ラスムッソン）氏はアジャイル開発における著名人の一人であり、さまざまな先進的ソフトウェア企業において開発やテストに携わってきました。 日本ではアジャイル開発の入門書として話題となった書籍「アジャイルサムライ」（オーム社,2011）や「初めての自動テスト」（オライリー,2021）、「ユニコーン企業のひみつ」（オライリー,2017）の著者としても有名です。 そのラスムッソン氏が2022年3月10日と11日の2日間、ソフトウェアのテストに関わる国内最大のイベント「ソフトウェアテストシンポジウム 2022 東京」（JaSST'22 Tokyo）の基調講演に登壇しました。
プロダクト開発でドキュメントを書かないとどうなるか
Agile Manifestoには以下のように書いてあります。 動作するソフトウエアは包括的なドキュメントにまさる ともするとドキュメント軽視と取られかねない宣言です。この宣言を誤って解釈してドキュメントはいらないとなる場合もあるかもしれませんが筆者はそれは間違いだと思っています。この宣言では包括的なドキュメントよ
新旧CTO対談 前編「これまでの10年とCTO交代」 - CARTA TECH BLOG
2022年1月、CARTA HOLDINGS（以下、CARTA）の新CTOに鈴木健太（@suzu_v、写真左）が就任しました。2012年、VOYAGE GROUP（現CARTA）にソフトウェアエンジニアとして入社し、幅広い領域で開発に従事。「すずけん」の愛称で親しまれてきました。 一方、前CTOである小賀昌法（@makoga、写真右）は、VOYAGE GROUP時代から10年に渡り、エンジニアリングの観点から幅広く経営に携わってきた存在です。 小賀さんのCTO就任当時からのこれまでの10年、そしてCTO交代の経緯やCTO退任後にチャレンジする領域についても聞きました。 （記事内の写真は、撮影時にのみマスクを外して撮影しています） 後編はこちら：新旧CTO対談 後編「これからのCARTAエンジニアリング」 CTOに就任した当時の状況 鈴木健太（以下、すずけん）：小賀さんは2010年から約10
エンジニアのためのお祭りの技術カンファレンスをオンラインで実施する｜YAPC::Japan::Onlineの場合 - Blog::kobaken
もう1ヶ月5ヶ月経ってしまいましたが、YAPC::Japan::Online 2022にご参加いただいた皆さま、関わっていただいた皆さま、ありがとうございました。「楽しかった！」「YAPCだった」といった感想を聞けて、ホッとしました。5ヶ月前に 最高のスタッフの打ち上げの様子 今回、初めてオンラインで大規模にYAPCを運営したのですが、けっこう試行錯誤だったので、その辺をお伝えできればと。 YAPCとは 自己紹介 下準備 下準備①：技術カンファレンスへの期待、課題のヒアリング 下準備②：仲間を集める 下準備③：お祭り感を演出する三つの企画 1. オンラインの懇親会では参加型コンテンツがあった方が良い 2. ノベルティ・飲食で、お祭り感がでる 3. ざわざわ感のあるサブコンテンツ 下準備④：お金のこと ノベルティの発送のしくじり。俺みたいになるな!! 1. 紙製品で別オペ発生のしくじり 2.
Ethereum/Polygon のトランザクションを再送するアーキテクチャ
背景 When you submit a transaction with a gas price that is too low to be included in the block, the transaction can be pending for a very long time. You might then want to update the transaction's gas price in order to get it mined. This concept becomes a bit more complex when it comes to EIP 1559. https://docs.alchemy.com/docs/retrying-an-eip-1559-transaction にある通り、トランザクションはガス代が安いとマイニングされないことがあります
OSS活動と好きな技術が新しいキャリアを切り開いた ー 活用も進む注目のDeno開発企業で私が働く理由 - Findy Engineer Lab
Webのフロントエンド開発言語として真価を発見されたJavaScriptは、数年後に今度はサーバーサイド開発言語として再発見されます。しかし、その立役者となったNode.jsの作者ライアン・ダール（Ryan Dahl）はNode.jsの開発を離れ、新しいJavaScript実行環境としてDenoを生み出しました。 ▶ Deno - A modern runtime for JavaScript and TypeScript 今回お話しを伺った日野澤歓也（@kt3k）さんは、2018年からオープンソース活動としてDenoにコントリビュートを重ねた結果、作者のライアン・ダール自身にリクルーティングされ、2021年1月にその開発会社であるDeno Land Inc.にジョインしました。現在はフルタイムのOSS開発者として勤務しています。 JSConf JP 2021における日野澤さんの発表「De
そうです。わたしがReactをシンプルにするSWRです。
この記事について SWR について色々と学んだので、その知見をここで共有したいと思います 💪 ※ 基本的に以下の公式サイトの情報を参考にしています 📖 そのため、この記事で出すサンプルコードなどは主に上記の公式サイトから引用させてもらっています。予めご了承ください 🙏 SWR とは何か？ SWR は、Next.js を作っているVercel 社が開発しているデータフェッチのための React Hooks ライブラリです。"SWR"と言う名前は、 stale-while-revalidate の頭文字をとって名付けられています。そのため、SWR はstale-while-revalidateに基づいた処理と設計になっています。 stale-while-revalidateについて解説したい所ですが、解説するとすごく長くなってしまうため、ここでは「 キャッシュをなるべく最新に保つ機能 」
状態、結合、複雑性、コード量の順に最適化する - valid,invalid
There’s No Such Thing as Clean CodeのHacker Newsコメント経由でコードやシステム設計・最適化についての良いコメントを見つけた。どうやらHacker Newsで何度も引用されているらしいが日本語で言及された記事が見つからなかったので取り上げてみる。 コメントは2016年のSandi MetzのThe Wrong Abstractionに関するもので、発言者のcurun1rいわく「私は設計の優先順位をこの順序で学習することで、優れた開発者になれた」。*1 4つの基準と優先順位のガイドライン 状態 > 結合 > 複雑性 > コード量 私は状態 (state)、結合 (coupling)、複雑性 (complexity)、コード量 (code) の順に削減することでコードを最適化する。 コードがよりステートレスになるなら、結合を増やすこともいとわない 結
デジタル監就任3ヶ月。サービス開発とチームづくりについて｜デジタル庁
デジタル監の浅沼です。 デジタル監に就任してから約3ヶ月。皆さんが直接使うサービスと、それを開発、提供するチームづくりに注力してきました。それと並行して、現在進行している200以上あるプロジェクトの再確認や目標設定の再定義をおこなっています。デジタル庁の担う範囲が広く、デジタル庁がフォーカスすべき領域を定義することが予想以上に難しいことがわかってきました。 今日は、開発中のサービスからマイナポータルのリニューアルについてと、チームづくりの進捗について皆さんに共有します。 使いたいと思える「やさしい」サービスづくりデジタル庁がめざすサービスは、利用者が「ストレスなく使いやすいと思える」サービスです。 前回も触れた、新型コロナワクチン接種証明書アプリは、私たちが目指すやさしいサービスの代表になると思ってます。いままで窓口に取りに行ったり、郵送で対応していた証明書が、スマホで数分で発行でき、利用
驚愕の新種！その名は「サザエ」 〜 250年にわたる壮大な伝言ゲーム 〜 - 国立大学法人 岡山大学
岡山大学大学院環境生命科学研究科（農）の福田宏准教授は、欧米の古文献を再調査した結果、日本では食用として広く知られている貝類のサザエが、これまで有効な学名をもたず、事実上の新種として扱われるべきであることを解明し、サザエの学名を新たに「Turbo sazae Fukuda, 2017」と命名しました。本研究成果は5月16日、日豪共同刊行の軟体動物学雑誌「 Molluscan Research 」電子版に公表されました。 サザエは、日本ではアサリやシジミと並んで最もよく知られた貝類であり、国民的アニメーションの主人公の名前にもなっています。しかしそのような種ですら、我々人類はアイデンティティを正しく把握できていなかったのです。このことは、生物の種の正確な識別と同定がいかに困難であるかを示す一端として示唆的です。 ＜本研究成果のポイント＞○ 地球上に存在するあらゆる動物の種のうち、学名のない種
AWS ECS on Fargate + FireLens で大きなログが扱いやすくなった話 | BLOG - DeNA Engineering
はじめに コンテナオーケストレーションサービスの一つである AWS ECS on Fargate (以下 ECS on Fargate) では、FireLens を利用することで、コンテナが出力するログを簡単に任意のログ基盤へ送信できます。 しかし、FireLens を通じてコンテナのログをルーティングする場合、16 KB 以上のログは分割された状態でログルーティング用のコンテナに到達します。構造化ログを実現するためにアプリケーションが JSON などの形式でログを出力している場合、ログを分割される前の状態に復元する必要があります。 この記事では、FireLens とは何かをおさらいした上で、上記の問題の背景を解説します。また、この問題の解決策についてこれまで知られてきた方法と、最近の ECS on Fargate のアップデートにより利用できるようになった方法を解説します。それにより、読
ドキュメントに固執せよ - gfnweb
どうして人間集団はこんなにも知見の共有を円滑にできないのか？ 改善にはドキュメントにまつわる各個人の心構え・制度設計・技術的解決の全部が必要だという話をしたい． ここでテーマにしているのは，著名OSSなど世の中にいくらでも知見が転がっている対象ではなく，特に企業内の十数人のチームでクローズドに開発しているなどして集合知に頼れない状況下でのドキュメントについてである． 非常に乱暴な言い方をするなら，「コードとか大部分は誰でも書けるようになるものなんよ，そんなところにマッチョイズムとか感じなくてええねん，我々の知的体力や組織性が真に試されるのはドキュメントちゃうんか」という気持ちです — 画力・博士号・油田 (@bd_gfngfn) June 3, 2022 ドキュメントに書く内容の必須項目或るシステム（ソフトウェアなど）について，そのシステムのことを全く知らない人を想定読者としたドキュメント
研修を通して気づいたチームでの学習の有用性【研修振り返りレポート】 | BLOG - DeNA Engineering
はじめに こんにちは。22新卒の sakuma です。 先日ようやく新卒研修を終え、ソリューション事業本部ゲームアライアンス事業部プラットフォーム開発部デベロッパーリレーショングループに配属されました。 皆さんは、何かを学ぼうとしたとき、どのような方法を選択しますか。 一人で机に向かい、参考書を開くでしょうか。動画配信サイトで専門チャンネルを探すでしょうか。 一人で学ぶことにも十分な価値がありますが、モチベーションの維持が難しく、しばしば道半ばで挫折してしまいます。 私は研修期間を通して「チームでの学習の効果」について認識しました。 チームで課題に取り組むことでこうした問題を解決でき、うまく活用できれば一人では獲得できない学びを得られるとわかりました。 そこで、本稿では以下の点について私が考え、感じたことをまとめていきます。 チームでの学習の効果 チームが活かされる場面 研修でチームでの学
話題のキャラ配信アプリ「IRIAM」チームってどんな感じなんだろう？ 〜異動して3ヶ月過ごしたエンジニアが見てきたモノ〜 | BLOG - DeNA Engineering
2022.08.05 カルチャー・環境 話題のキャラ配信アプリ「IRIAM」チームってどんな感じなんだろう？ 〜異動して3ヶ月過ごしたエンジニアが見てきたモノ〜 by Kengo Imae #iriam はじめに IRIAM事業部の今江です。IRIAMに2022年3月から異動して早3ヶ月経ちましたので、自分がIRIAMに入って感じた文化/技術の話に関してざっくばらんに紹介できればと思います！ 2021年8月にDeNAに仲間入りした話題のキャラ配信アプリ「IRIAM」、急成長・組織拡大中で気になってる方も多いのではないでしょうか？ つながりを大事にするIRIAMの思想を感じ取ってもらえれば幸いです。 本記事のスライド版は こちら です！ (Speaker Deck) ※ 本記事は 2022年6月に実施された社内勉強会の内容を元にしています 1. IRIAMとは？ 「スマホ１つでキャラライブ！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
未来人材ビジョン（PDF形式：2,560KB）経済産業省 2022年5月31日公表