「日本で一番大切にしたい会社」がつくるお絵かき道具
こちらは神奈川県川崎市にある日本理化学工業さん。メインとなる製造品は黒板用チョークの生産です。国内シェアのおよそ7割を占め、生産量は日本一を誇ります。 80年以上前に開発されたロングセラー商品「ダストレスチョーク」は、筆記時に粉の飛散が少なく、体に害のない商品として全国的な人気を博しています。 主原料の一部をホタテの貝殻にするなど、環境問題への積極的な取り組みから国内外を問わず数々の賞を受賞しています。 昭和初期の頃から、学校や企業向けにチョークを販売し続けてきた老舗の優良企業ですが、日本理化学工業さんのもっとも特筆すべきポイントはそこではありません。 なんと90名いるスタッフのうち、約7割が軽度〜重度の「知的障がい」を持っているのです。 しかも知的障がいを持つ人だけで、商品の生産ラインがすべて滞りなく回っているというのですから驚きです。 日本理化学工業さんが最初に障がい者採用を行ったのは
Serena MCPはClaude Codeを救うのか？
「Claude Codeがアホになる問題」が勃発している最中、SerenaというMCPサーバーが「Claude Codeのコンテキスト消費を削減し、応答を改善する」という評価でユーザーたちの間で注目されています。 筆者も実際にSerenaを使ってみたところ、確かにコンテキスト効率の改善（入出力トークンの減少を指します）を実感できました。詳しく調べてみると、このツールは非常にユニークな発想で設計されており、一過性の流行として消費されるには惜しいと感じました。 そこで、本記事では、この機能の背景にある技術的な仕組みを詳しく解説したいと思います。実際の検証も交えながら、Serenaのアーキテクチャとその効果を分析していきます。 現在のコーディングエージェントが抱える課題現在のコーディングエージェントの多くは、コードを単なるテキストファイルとして扱って逐次的な処理をしています。この根本的なアプロー
コンテンツにより集中できるデザインに。noteのプライマリーカラーが黒色になるまで｜noteデザイナー公式
noteのロゴがリニューアルされてから、プライマリーカラー（サービス内のベースとなるカラー）を緑色から黒色に変更するプロジェクトが進行していました。 右上の投稿ボタン、中段のフォローボタンの色が違いますnoteのベースとなる色を変えるプロジェクトは、どのように進められたのでしょうか。この記事では、オープン社内報として、CDOの宇野さんとデザインエンジニアの臼井さんにお話を伺いました。 オープン社内報とは？ 一般的には社員しか見ることのできない「社内報」をだれでも見られるように公開することで、会社の中の様子を感じとってもらう記事企画です。 本日の担当：デザイナー zackie プライマリーカラー変更のきっかけ──このプロジェクトが始まったきっかけを教えてください。 宇野さん プライマリーカラーの変更は、2段階にわけて進めています。まずは2022年12月にロゴをリニューアルしたタイミングで、プ
ここがつらいよReact Native
こんにちは！テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！ ここ数年、React Nativeに触れており、その開発体験や効率の良さに感動しています。 しかし、どんな技術でもいい面と悪い面はあり、普段はいいと思っている部分を共有していますが、今回私が実際に直面したつらたん🥺なポイントを共有しようと思います。 1. React Native(Expo)のバージョンアップが大変 iOSやAndroidのネイティブの開発であれば、OSなどのメジャーアップデートは年に1度で、その基本的にタイミングでの対応をしておけば、それほどメンテナンスコストがかからず運用できるかと思います。 例えばExpoを利用する場合、年に3度ほどのメジャーバージョンが上がります。 また、Expoは基本的に最新バージョンから数えて4バージョン程度がサポ
React Nativeアプリ開発の教科書: Blueskyクライアント"Graysky"のコードを読む
React Nativeアプリ開発の教科書のようなソースコード Grayskyは、iOS/Androidに対応したサード・パーティー製のBlueskyクライアントです。 Blueskyに書き込んだり、フォロー中のユーザーの書き込みやフィードを読む機能を提供していて動作も軽快なので、利用しているBlueskyユーザーも多いのではないでしょうか。 ネイティブ・アプリとして快適な使用感を達成しているこのアプリケーション、React Nativeをベースに開発されていてGithubでソース・コードも公開されています。 チェックしたところ、アプリケーションを開発したいエンジニアにとって「教科書」となりそうな内容だったので、こちらで紹介してみます。 使われている主なパッケージ フロントエンド Expo SDK 50 Native Wind React Native Bottom Sheet Zeego
「総当たりコントラストチェック」よ、さようなら。LCH色空間を使ったデザインシステムのカラーパレット設計｜LegalOn Technologies Designers
こんにちは、すずきちえです。LegalOn Technologiesでデザインシステム「Aegis」の開発チームに所属しています。 先日公開したこちらの記事では、私たちのデザインシステム「Aegis」が、いかにして生まれ、会社の共通基盤へと成長していったかの道のりをご紹介しました。 今回はその中でも、Aegisの「ウェブアクセシビリティ・ファースト」という思想を特に色濃く反映している「カラーパレット」について、お話しさせてください。 なぜ、一般的なカラーパレットではダメだったのかデザインに精通している方であれば、「見ためが綺麗なカラーパレット」を作ること自体は、それほど難しくないかもしれません。しかし、「アクセシビリティを担保したカラーパレット」を、大規模なプロダクトで破綻なく運用し続けるのは、驚くほど困難です。 Webアクセシビリティ（身体的な条件や利用環境に関わらず、誰もが情報や機能に
React デザインパターン
はじめに 長らくReactを雰囲気で書いてきました。コンポーネントを作り、propsを渡し、状態を管理する基本的な概念は理解していたものの、より体系的なアプローチや設計パターンについては深く考えずにコードを書いていました。しかし、より大規模で保守性の高いアプリケーションを構築するにつれ、単なる「動くコード」を超えた、堅牢な設計原則の必要性を痛感するようになりました。 この記事は、私自身の再学習を共有するものです。 ※2025/04/21時点、私が関わっているプロダクトのCrowd AgentのReactのバージョンは"18.3.1"です。 目次 Reactデザインパターンとは HOC (高階コンポーネント) パターン[※React18以降では、カスタムフック推奨] Provider パターン Presentational と Container コンポーネントパターン React Hook
送信ボタンはいつアクティブにする？──UIデザインにおける“制御感”｜アオキタカユキ / iCARE UI Designer
ちょっと地味なんだけど、地味だからこそ奥が深い話をしたいと思います。 テーマは「送信ボタンをいつアクティブにすべきか？」というやつです。 「ボタン押せない」って、なんでだっけ？Webフォームとかアプリとか作ってると、よくあるじゃないですか。 「必須項目をすべて入力したら、ボタンをアクティブにする」 とか 「いや、最初からボタン押せてよくない？ 足りないところは押してから教えればいいじゃん」 とか。 これ、どっちが正解なんだろう？ってずっと思ってたんですよね。 心理的にどうなのかを考えてみたちょっと心理学的な話になるんですが、「制御感（せいぎょかん）」っていう概念があって。 人って「自分が状況をコントロールできてる」と感じてると、安心するんですよ。 で、ボタンが押せない状態って、実はこれを奪ってるんですよね。 入力したはずなのに押せない なんで押せないのかも教えてくれない こういうとき、ユー
ケント・ベック氏講演録：『グッドハートの法則は楽観的すぎた〜開発生産性の罠と未来〜』 - jgeem
#共有する 開発生産性カンファレンス https://dev-productivity-con.findy-code.io/2025 2025/07/03 Keynote: 開発生産性測定のトレードオフ 「グッドハートの法則」はもっと悲観的に捉えるべきだった はじめに：25年ぶりの来日と生産性への問題意識 25年ぶりに来日しました。かつて『エクストリーム・プログラミング（XP）』の本が日本の書店に平積みされているのを見て、とても嬉しかったことを覚えています。（サインしようとして店員に怪しまれ、逃げたという面白いエピソードもありましたが。） 今日は「開発生産性」について話します。より多く、より早く作れば生産性は向上するのでしょうか？ドイツには「物事を良くしようとして、かえって悪化する」という趣旨の言葉がありますが、まさにそれが生産性の議論で起きています。特にAIの登場は、この問題をさらに悪化
Flutter界を揺るがしたLiquid Glass議論と、その実装方法まとめ - YOUTRUST Tech Blog
目次 目次 Apple最新ニュース Flutterエンジニアとしてどうすればいい？ Flutter界隈に激震が走った！ コメント全体の印象 主な論点と意見 まとめ Flutterチームのスタンス FlutterでLiquid Glassの実装 Liquid Glassの特徴 Level 1 シンプルなLiquid Glass実装 Level 2 別のシンプルなLiquid Glass実装 Level 70：先進的なLiquid Glass実装 by ImadeTheseWorks さん Level 80 超先進なLiquid Glass実装 〆 Apple最新ニュース こんにちは👋 Flutterアプリネイティブぽくなること好きな アプリチームのルーカス (YOUTRUST / X) 2週間ほど前、Apple🍎がWWDC 2025でさまざまな機能とアップデートを発表しました。その中でi
ガンダムの年表 | ビックカメラ
C．E．75、戦いはまだ続いていた。独立運動、ブルーコスモスによる侵攻……事態を沈静化するべく、ラクスを初代総裁とする世界平和監視機構・コンパスが創設され、キラたちはその一員として各地の戦闘に介入する。
『影の雨』プロンプト
本ページのコンテンツはプロンプトのやり取りも含めた文学作品であり、無断での転載や切り抜きを禁じます。 プロンプトおよびテキストについては、九段理江氏および『広告』編集部により一部加除修正を加えています。 なお、文中に一部センシティブな表現が含まれているため、閲覧の際にはご注意ください。 この企画および小説『影の雨』について 『東京都同情塔』で第170回芥川賞を受賞した九段理江氏は、受賞記者会見で「小説の5%をAIで書いた」と発言し、大きな話題と議論を巻き起こした。AIを活用したクリエイションを私たちはどう捉えるべきか......? 実際の受賞作を読めば、「5%をAIで書く」ことの必然性は一目瞭然。何より、新しく、面白い。では、もしその条件を逆にするなら? ——つまり「95%をAIで書く」ことを前提とするなら、どんな物語が、「うれしい事件」が、生まれるのだろうか。
Software 3.0 時代を楽しく生きる - As a Futurist...
Software 3.0 とは、Andrej Karpathy が Y Combinator の AI Startup School keynote で提唱した考え方です。AI エンジニアとして生きていくにあたって、何を考えていくべきなのかの指針に非常に役立つと思ったので、自分の考えも交えて紹介します。 Nice - my AI startup school talk is now up! Chapters: 0:00 Imo fair to say that software is changing quite fundamentally again. LLMs are a new kind of computer, and you program them in English. Hence I think they are well deserving of a major vers
ページにもともと読み込まれているCSS由来のスタイルを打ち消して、しがらみのない開発をするのにall:unset, all:revertを使えそう - hitode909の日記
長年開発を続けているページでは、Bootstrapなど、ページ自体のスタイルを丸ごと上書きしてしまうCSSライブラリが読み込まれていることがある。 一方、最近はReactコンポーネントを作って、スタイルはCSS Modulesで当てたい、という機会が増えている。 CSS Modulesを使うと、コンポーネントに適用スタイルを明示的に指定することができるが、そこにページ丸ごと上書きCSSライブラリが混ざってくると、思うようにスタイルが当たらない、ということになる。 たとえば、Bootstrapを読み込んだページのpタグには、margin bottom: 10pxのようなスタイルが問答無用で指定されてしまう。 こういうしがらみから逃れる手法は無いのかな、と思って、Bootstrapを読み込み済みの歴史のあるページでは、Shadow DOMなどを使ったらBootstrapの依存を消せますか？など
変わるものと、変わらないもの──macOSの根幹を支えるAppleの“インターフェイス哲学”とは？
なぜ私たちはMacに惹かれるのか──。 それはAppleが単なる「商品」ではなく、常に「最高の製品」を目指し、Macを開発しているからにほかならならない。 プロダクトデザイン、パフォーマンス、UI／UX、サウンド、パッケージ…。 ときに異常と言えるほどディテールにこだわり、Macを世に送り出している。 1984年以降愛され続けてきた革新的なパーソナルコンピュータのすごさを、プロフェッショナルや専門家への取材をもとに、改めて掘り下げてみよう。 ※この記事は『Mac Fan 2024年7月号』に掲載されたものです。 macOSの“使いやすさ”のワケは？ usagimaru氏は、ソフトウェアデザイナーとして多数のプロジェクトのユーザインターフェイスデザインを手掛けてきた。 また、古くからのMacユーザでもあり、長年にわたってMacのUIを見つめ続けてきたという。 macOSが持つ圧倒的な“使いや
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
計画と曖昧さ
React は次の10年を生き残れるか：3つのトレンドから考える
TypeScript + Reactで特定の要素だけを受け付けるコンポーネントを型安全に実装する - Qiita
Mobbin Design Glossary | Mobbin — UI & UX design inspiration for mobile & web apps
「字幕が動くとこんなに変わるんだ！」カンヌライオンズを受賞した技術がすごい。トイ・ストーリーもさらに楽しくなる
