みなさまお疲れさま――本当にさまざまなリアルツール事情 紀伊國屋書店の新宿本店で 『本の雑誌』（2025年3月号）の特集「私はこれで書きました。」という表紙が目にとまった。手にとって開いてみると「パソコンはひとり一台の時代、では作家やライターは何で原稿を書いているのか！？ ～中略～ ハードとソフ両面から理想の執筆環境に迫るのだ！」とリードにある。 プロの執筆環境がどんなことになっているのか？　読んでみると、7人の作家の方々へのインタビューや記名原稿、受け取る側の編集者3人の座談会、角田光代さんや北村薫さんなど11人の作家へのアンケートから構成された記事だった。 最初に登場するのが、北方謙三氏で「万年筆を持つと小説脳になる！」とある。日本を代表するハードボイルド作家は、最初の1行を書けば、淀みなく修正もなく原稿用紙を1枚も無駄にせず書いてしまうのだそうだ。ところが、不思議なことにパソコンでは

プレイングマネージャー型のEMをしています、鈴木（@szk3）です。 今回は、私たちのサービスチームが新規プロダクト開発を始めるにあたって「スクラムを導入しなかった」経験について共有します。 このタイトルだけを見ると、スクラムに対して否定的な印象を持たれるかもしれません。しかし、これはスクラムへのアンチテーゼではありません。むしろ、スクラムの価値をリスペクトし、その実践に真摯に向き合いたいからこそ行った慎重な決断でした。実際、新規プロダクト開発の開始とほぼ同時期に認定スクラムマスター資格も取得し、スクラムについての理解を深めていく中で、この決断の意義をより一層実感しています。 新規プロダクトの開発において、アジャイル開発を取り入れることは当然の選択肢として考えられます。むしろ、アジャイル開発の実践にスクラムのフレームワークを使うことは、実質上のスタンダードとなっていると感じます。しかし、「

チーム内共有用に作ったやつです。Scrapboxの

はじめに 本当に悔しいし許せないし、エンジニアとして不甲斐ないです。2025年2月26日深夜にハッキングにあいました。どのように相手と繋がり、どのような手口でハッカーに資産を抜かれたか、コードベースで全てお伝えします。今後同じ被害に遭う方が少しでも減ることがあればこんな嬉しいことはないです。 コード解説、さらに対策案も書いていきます。もし他に良い対策案などあればコメントでご教示ください。 ハッカーとのやりとりの流れ ハッカーとは Linkedin でブロックチェーンを使ったプロジェクトを手伝ってくれないかという連絡がりそこからやりとりが始まりました。そして移行の大まかな流れは下記のような感じです。 Linkedinでプロジェクトを手伝ってほしいと言う内容でDMがくる Githubリポを見て実装できそうか確認してほしいと言われる 自分のGithubアカウントを共有してプライベートリポジトリに

この記事はスタディスト テックブログ月間 vol.2 12月19日の記事です。 スタディストの杉山です。 この記事ではCircleCIにおけるジョブ間キャッシュ共有の注意点をまとめます。 キャッシュのパスキャッシュを保存するジョブの実行イメージの違いに気をつける必要があります。 ジョブの実行イメージによっては、イメージ内でのユーザー名が異なることがあります。 例えば CircleCIの提供する cimg/* ではユーザー名は circleci です。 独自のイメージを使用する場合は、ユーザー名が circleci でないことがあります。 これらを使用するジョブがある場合、ホームディレクトリのパスの違いを考慮する必要があります。 以下のようなジョブがある場合にこの問題が発生します。 commands: example_cache_command: steps: - save_cache: k

さらに、ソースの概要を音声化する機能も搭載。チャットと違って日本語には対応していないが、英語のポッドキャストのように再生できる。ソースの内容から自動でQ＆Aを作成する「FAQ」や、ソースを教科書に見立ててテスト問題やクイズを作る「Study Guide」ボタンも備える。 ノートブック1件につき、ソースは50件まで指定可能。ノートブックは1ユーザー当たり100件まで作成でき、他ユーザーと共有も可能だ。 NotebookLM自体はGoogleアカウントがあれば無料で利用できるが、有料プラン「NotebookLM Plus」であれば、指定できるソースの数や作成できるノートブックの数を増やせる。さらに、「よりビジネス思考に」「より短い返事に」など、AIによる回答の傾向をカスタマイズするといった拡張機能も利用可能になる。 2月17日時点で、GoogleはNotebookLM Plusを「Google

2024-12-12 フロントエンドの技術選定~2024年を振り返る~Lunch LT https://findy.connpass.com/event/336320/

自社で開発する製品は徹底して依存ライブラリをできるだけ少なくするようにしている。 実際、時雨堂の主力製品である Sora の自社管理外の依存ライブラリは​かなり少ない。 Erlang/OTP と暗号化ライブラリである OpenSSL 。そして Erlang/OTP 特有のプロセス管理ライブラリである gproc 、RabbitMQ が開発している Raft ライブラリの ra 、あとは HTTP クライアントとサーバー。そしてメモリーリーク確認ライブラリだけ。 erlang/otpopenssl/openssluwiger/gprocrabbitmq/rarabbitmq/gen-batch-serverrabbitmq/atenrabbitmq/seshatninenines/cowboyninenines/cowlibninenines/ranchninenines/gunferd/r

// ✅ データ取得とフォーム用のコンポーネントに分離 function PersonDetail({ id }) { const { data } = useQuery({ queryKey: ['person', id], queryFn: () => fetchPerson(id), }) // データ読み込みが完了したらレンダー if (data) { return <PersonForm person={data} /> } // 読み込みが未完了ならフォールバックコンテンツを表示 return 'loading...' } function PersonForm({ person }) { const { register, handleSubmit } = useForm({ defaultValues: person }) return ( <form onSubmit={

SaaS の管理画面を開発していると新規作成画面と編集画面を実装することがよくあります。 これらの画面は一見似ているので共通のコンポーネントで実装できそうですが、意外と多くの違いがあります。 この記事では新規作成画面と編集画面を実装するときに気をつけていることをまとめてみます。 コンポーネント設計について シンプルな例でも新規作成画面と編集画面には違いがありました。 これらを1つの共通コンポーネントで実装するとコンポーネント内でIF分岐が発生し可読性が下がったり、再利用性が低くなったりします。 では両者を完全に別コンポーネントで実装したら良いのかというとそれも微妙です。新規作成、編集の入力項目は仕様的に同じであり、バリデーションも同じであることが多いです。 ここを別に実装してしまうと仕様が変わったときに変更する箇所が多くなってしまいます。 なのでフォーム部分(入力とバリデーション)は共通化

【初心者向け】UE5 シーケンサーと Movie Render Queue の使い方【Cinematic Dive 2023】

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? アクセシビリティを考慮したWeb開発の話題で、しばしば 「ロール（role）」 というものが登場します。 role="button" のような role属性 として紹介されていることもあります。 ロールは、Webアクセシビリティでとても重要な概念なのですが、わかりやすい解説記事があまり多くない印象です。一方で「role属性を使えばアクセシビリティが向上する」という誤解を招きそうな内容のものもちらほらと存在しており、それを信じて誤った使い方をすることで、かえってアクセシビリティを下げかねない状態になっています。 そこでこの記事では、rol

はじめまして、フロントエンドエンジニアの白浜です。 私が所属する令和トラベルでは旅行アプリ『NEWT（ニュート）』を提供しており、この3年弱で様々な新機能をリリースしてきました。 パフォーマンス面の改善は後回しになりがちだったのですが、2024年11月にChromeに搭載されたパフォーマンスのAIアシスタントを試してみたところ、想像以上に手軽にパフォーマンスを改善できたので、今回はその取り組みをご紹介します。 2024/11にリリースされたパフォーマンスAIアシスタント Lighthouseで改善点の洗い出し まずはChromeのDevToolsからLighthouseでNEWTの改善点を洗い出します。 普段使っているChromeを使うとFireabse認証やChrome拡張機能によって影響を受けるため、作成したばかりのChromeプロファイルを使うことをおすすめします[1]。 こちらがL

書籍「Webアプリケーションアクセシビリティ1」では、「3.1 ラベルと説明」のところで、紙版にして約1.5ページの分量を割いて、フォーム入力欄のプレースホルダー（<input> 要素や<textarea> 要素の <placeholder> 属性）の問題点を指摘しています。 この本で指摘されているプレースホルダーの問題点は以下の3つです。 プレースホルダーの色が薄く視認しづらい プレースホルダーとフォームコントロールの値との区別がつかない フォームコントロールに値を入力したときにプレースホルダーの値が見えなくなってしまう Webアプリケーションアクセシビリティ さらに、Nielsen Norman Groupによる「Placeholders in Form Fields Are Harmful」（日本語訳: 入力フォームのプレースホルダーを使ってはいけない）で数々の問題点が指摘されている

aria-label 属性は、たまに「スクリーンリーダーによる読まれ方を指定する」属性のように思われてしまっているようです。この理解のされ方は、実はあまり正確なものではありません。 そもそもaria-labelという名前が aria- で始まているということは、WAI-ARIAで定義されている属性です。こういった属性は使う必要がなければ使わないに越したことはないという話を以前に書きました。 aria-label 属性も例外でなく、使い方を間違えると、意図した効果を得られないどころか、思わぬ形で作用してアクセシビリティを下げてしまうこともあります。 なお、 aria-label 属性と良く似た性質を持つ属性として aria-labelledby 属性があります。こちらは aria-label 属性とは違い、他の要素の id 属性の値を指定して、要素を参照して使用する属性です。ほかの要素を参照

Back in July of 2024 we announced our plan to make ESLint a more general-purpose linter that is capable of linting any language. In October 2024, we announced linting support for JSON and Markdown, delivering on that vision. Today, we’re excited to add to the list of supported languages with the introduction of CSS support. CSS linting with @eslint/css CSS linting is accomplished using the @eslint

Developers Summit 2025 14-A-7 #devsumi https://event.shoeisha.jp/devsumi/20250213/session/5558 # 参考資料 - EGG '24 | ゲーム業界ホワイト化の光と影 https://www.docs…