Atomic ReDesign とは 「Atomic ReDesign」 は、かの有名な「Atomic Design」の拡張概念です。React や Vue.js を用いたコンポーネント設計において、私たちはしばしば頭を抱えることがありました。UI 粒度の分類制約は、コンポーネント設計最適化を阻むことがあるからです。 「この粒度のコンポーネントはどこに属するものなのか？」という疑問に対し統一された解はなく、プロダクト毎の性質によって定める必要がありました。また、文脈が散在することにより、コードに対する集中力低下を招きました。 Atomic ReDesign は顕在化した 「Atomic Design とアプリケーション設計の乖離」 をとらえ、現実的な設計指針となることを目指します。 Atomic Design とアプリケーション設計の乖離 本家 Atomic Design はデザインシステ
GitHub - chrxh/alien: ALIEN is a CUDA-powered artificial life simulation program.
Artificial LIfe ENvironment (ALIEN) is an artificial life simulation tool based on a specialized 2D particle engine in CUDA for soft bodies and fluids. Each simulated body consists of a network of particles that can be upgraded with higher-level functions, ranging from pure information processing capabilities to physical equipment (such as sensors, muscles, weapons, constructors, etc.) whose execu
Kaizen Adのフロントエンドアーキテクチャの遷移について - Kaizen Platform 開発者ブログ
Kaizen Platformで主にフロントエンドを開発しているyuki-yanoです。 TypeScriptが好きで、最近はZennにDenoでzshのプラグインを作った記事を投稿しました。 今回はKaizen Adというプロダクトにおけるフロントエンドのアーキテクチャの遷移について紹介します。 Kaizen Platformでは2019年に React + GraphQL から成る Kaizen Ad のフロントエンド - Kaizen Platform 開発者ブログ という記事を書いています。 その後、プロダクトが成長するにつれて課題なども出てきており、現在の実装方針は変わってきています。 この記事では現在のアーキテクチャと、どういう経緯があって変遷してきたかについて紹介します。 これまでのKaizen Adでのフロント開発 これまでの実装は 前回の記事 に書いている方針で進めてきま
【インド洋での深海熱水発見】 今では生命誕生の最有力候補地と考えられている深海底熱水噴出孔ですが、発見されたのは意外と最近の1977年で、インド洋ではじめて発見されたのは2000年のことでした。東京大学海洋研究所（当時）の観測船「白鳳丸」が1993年に得た観測結果をもとに実施されたJAMSTECの深海調査研究船「かいれい」及び無人探査機「かいこう」の調査航海によって、インド洋海域で初となる熱水域「Kaireiフィールド」が中央インド洋海嶺において発見されました（2000年12月14日既報） (Hashimoto et al. 2001)。しかし残念ながら、この航海ではスケーリーフットの存在をみつけることはかないませんでした。 【スケーリーフットという奇妙な形態の生物の発見】 インド洋最初の熱水域「Kaireiフィールド」が見つかって7ヶ月後(2001年)、米国の観測船「Knorr」と無人探
BOXIL SaaSのフロントエンドをモノリポ構成 + Reactで仕切り直した話 - SMARTCAMP Engineer Blog
こんにちは!! スマートキャンプでエンジニアをしている吉永(@__GGEasy)です！ 自己紹介記事はこちら 前回の記事はこちら 私は現在、スマートキャンプの主力サービスであるBOXIL SaaSの開発にフロントエンド、バックエンド問わず携わっています。 今回は、弊社で新規サービスとしてリリースしたBOXIL SaaS質問箱(以下SaaS質問箱)にて、React.js(以下React)を私の主導で採用しました。 この記事では、フロントエンド整備に至った経緯や、今後のBOXIL SaaSにおけるフロントエンドの技術的な展望についてお話します。 BOXIL SaaSのフロントエンドで抱えていた課題感 さまざまな技術が同居している Vue + Atomic Designでの課題 構成変更の検討 どのようにフロントエンド構成を整備したのか SaaS質問箱のフロントエンド技術選定 React + T
人工知能(AI)の研究は急激に進んでおり、人間のような精度で絵を描いたり文章を書いたりするモデルも登場しています。しかし、これらは「人工知能」という名前でありながら、実際は事前に人間が与えたデータセットを元にアルゴリズムを組んで、その通りに処理しているに過ぎず、独立した知性を持った真の人工知能とはいえません。この真の人工知能を生むためには、「アフォーダンス」が必要だという論文が発表されています。 Frontiers | How Organisms Come to Know the World: Fundamental Limits on Artificial General Intelligence https://doi.org/10.3389/fevo.2021.806283 AIの研究は、アラン・チューリングが1950年に発表した論文「計算する機械と知性」の中で「機械は考えることがで
AtomicDesign 境界線のひき方
AtomicDesign はコンポーネント粒度の指標として共有し易く、多くのプロジェクトで採用されています。しかしながら、その設計概念が先立ってしまい、いくらかの課題を抱えている場合があります。 1.影響範囲が特定しにくい 2.依存関係が特定しにくい 3.汎用性が低くなりがち 4.汎用性の高低が判別できない 多くの場合「粒度」だけを基準にしてしまい、横断的コンテキストに「早期区分」 してしまっていることが直接的原因です。 「関心範囲の広さ」区分 アプリケーションを構成するモジュールは「関心範囲の広さ」で区分を行うことが鉄則です。次の２つのhelper.tsを見てください。全く同じ関数が定義されていたとしても、どこで利用される想定のものなのか、すぐに判別できますね。utilsは、プロジェクト内で横断的に再利用される可能性が高い（関心範囲が広い）ものが集約されます。 AtomicDesign
🙋♂️エンジニアの@dachi_023です。約4ヶ月ぶりに記事を書きます、がんばります。 この記事について コンポーネントやAtomic Designについて書いています。ここではUIデザインのフローに関するAtomic Designの実践ではなく、開発(実装)のフローにはめ込んだ場合にどうすべきなのか、というお話をしています。 コンポーネントとAtomic Design ReactやVueをはじめとするライブラリのお陰でフロントエンド開発に「コンポーネント」という考え方が浸透した今日この頃ですが、そんなコンポーネントの設計についての話なんかをしているとよく現れるのが今回の主題に挙げている「Atomic Design」です。Atomic Designはデザインシステムを効率よく作成するための手段のひとつですが、その中に登場するコンポーネントを5階層(Atoms, Molecules,
AI Feynman: A physics-inspired method for symbolic regression | Science Advances
AbstractA core challenge for both physics and artificial intelligence (AI) is symbolic regression: finding a symbolic expression that matches data from an unknown function. Although this problem is likely to be NP-hard in principle, functions of practical interest often exhibit symmetries, separability, compositionality, and other simplifying properties. In this spirit, we develop a recursive mult
ダイヤモンドの形成方法については、まだまだわかっていないことが多いようです。 オーストラリア、カーティン大学による新しい研究は、地下400km以上という地中深くにあるダイヤモンドが、元生物で構成されていることを発見したと報告。 ダイヤモンドの起源は地球奥深くのマントルですが、そこに生き物由来の有機炭素があるようで、その原因は現在不明です。 研究の詳細は、8月20日付けで科学雑誌『Scientific Reports』に掲載されています。 Some Rare Diamonds Form Out of The Remains of Once-Living Creatures, New Study Finds https://www.sciencealert.com/rare-diamonds-are-actually-made-of-once-living-organisms-and-form
Japan releases Fukushima water into the Pacific—is it dangerous?
Japan has started releasing wastewater into the ocean. But this isn’t the kind of wastewater that flows from city streets into stormwater drains. It’s treated nuclear wastewater used to cool damaged reactors at the Fukushima Daiichi nuclear power plant, stricken by an earthquake over a decade ago. Japan claims that the wastewater, containing a radioactive isotope called tritium and possibly other
煮干しにフグが混じった画像がネット上にアップされ、食べても大丈夫かと議論になっている。フグのサイズと食べる量にもよるが、結論からいえば食べないほうが無難だ。 強力な致死性の神経毒 フグの旬は寒い時期とされているが、てっちり、てっさ、唐揚げ、ひれ酒と美味しいフグは魅力的だ。もちろん、フグには部位によって猛毒があり、フグの調理には都道府県によってそれぞれ定められた免許や資格が必要となる（全国統一の制度ではない）。 厚生労働省の「安全なフグを提供しましょう」というホームページによると、フグによる食中毒の1年間の事件数は、ここ3年（2016〜2018年）で20件弱ずつ、死者数は3年間に1人もいないが、過去には1〜3人ほどが亡くなっている年もある。事件や死者のほとんどは家庭で発生しており、フグを釣ってきて自分で調理したり近所に配るなどして起きているようだ。 フグの毒はテトロドトキシン（Tetrodo
Atomic 2.0
Atomic Design is a great methodology for both design and development that was pioneered by Brad Frost. I’ve found that the hierarchy of elements is often interpreted differently from person to person so I’ve tried to solve that with a new approach, I call it Atomic 2.0. The Atomic 2.0 approachConcern #1 with Frost’s approachFrost describes atoms as elements that cease to be functional if broken do
ZOZOTOWN AndroidへのJetpack Compose導入の取り組み - ZOZO TECH BLOG
こんにちは。ZOZOTOWN本部 ZOZOアプリ部 Androidチームの高橋です。ZOZOTOWN Androidチームでは、Jetpack Composeを導入しました。 この取り組みは、つい先日、Android Meetup【ZOZOテクノロジーズ × サイバーエージェント × GMOペパボ】でもご紹介しています。 この記事は、上の資料を補完するものです。資料の内容に加えて、登壇ではお話できなかった技術的な補足をいたします。 Jetpack Composeとは 背景 Jetpack Compose導入時の課題 課題1. ZOZOTOWN Androidで採用されているUIの状態管理の方法がJetpack Composeに適していない Jetpack ComposeでのUIの更新 ZOZOTOWN AndroidのUI更新の流れ 1. Eventの発行 2. アプリケーションの状態更新
BREAKING NEWS: The 2022 #NobelPrize in Physiology or Medicine has been awarded to Svante Pääbo “for his discoveries concerning the genomes of extinct hominins and human evolution.” pic.twitter.com/fGFYYnCO6J— The Nobel Prize (@NobelPrize) 2022年10月3日 そう来たかー— 浜地 貴志 (@hamajit) 2022年10月3日 解説よろしく— Kohei Kawaguchi-Sunada (@mixingale) 2022年10月3日 解説することになった。 目次 何をやったか 個人的な萌えポイント でゴシップは…… 研究とリスクと全ツッパ スヴァンテ
デザインシステムについての知見が溜まってきたので、The 12 Factor App のパロディで The 12 Factor Design System というものを考えてみました。 元ネタのThe 12 Factor AppはモダンなWebアプリケーションとしてあるべき姿を12のベストプラクティスにまとめた方法論です。 それを真似て、自身の経験からデザインシステムとしてあるべき姿を12個にまとめてみました。 無理やりなところやコンテキストによるところがあると思いますが、半分ネタ半分本気で作りました。 文章の構成などもあえて真似て書いています。 何かの参考になればと思います。 はじめに デザインシステムは次のようなWebサービスやアプリを作り上げるための方法論です。 宣言的なフォーマットを使い、プロジェクトに新しく加わったメンバーが要する時間とコストを最小化する。 UIパーツの依存関係を
Storybook × MSW × Chromaticを使ったUIの影響範囲を自動検知するための取り組み - ZOZO TECH BLOG
こんにちは、FAANS部の田中です。普段は、WebのフロントエンドエンジニアとしてFAANSの開発を行なっています。 FAANSの由来は「Fashion Advisors are Neighbors」で、「ショップスタッフの効率的な販売をサポートするショップスタッフ専用ツール」です。現在正式リリースに向けて、WEARと連携したコーディネート投稿機能やその成果を確認できる機能など開発中です。プラットフォームとしてはWeb、iOS、Androidが存在し、今回取り上げるWebはショップ店長をはじめとした管理者向けツールという立ち位置です。 本記事では、FAANSのWebにおけるStorybook × MSW × Chromaticを使ったUIの影響範囲を自動検知するための取り組みを紹介します。 はじめに FAANSのWebはReact、TypeScriptで構成されています。設計に関しては、ロ
コンポーネントの設計方法って 「大体の場合はこのやり方で設計したら勝手に良い感じになるから！」 みたいなベストプラクティスは無いのか気になった(楽して設計したい)。 私は React をメインで使用していますが、コンポーネント設計の話なので Vue メインの方でも読んでいただけると思います。 サンプルや参考記事は React ベース・Vue ベースどちらも出てきます。 また、この記事ではコンポーネントの分割方法のみに注目しており、コンポーネントのスタイルや状態保持の設計については基本的に言及しません。 それらの内容についてはこちらの記事が大変参考になりますのでオススメです。 ベストプラクティス 結論としてはベストプラクティスのようなものは見つかりませんでした。 結局は良い設計は作るものによる、というのが答えになってしまいそうです。 しかしヒントになる情報や勉強になる事例も見つけたので記事に
こんにちは！Magic Momentのフロントエンドエンジニアの石田です！ Magic MomentのフロントエンドではReactを採用しており、 コンポーネント設計にはAtomicDesignを採用しています。 みなさんはコンポーネントを使い回せていますか？ 今回は僕がMagic Momentで実施しているコンポーネントを使い回すための開発手法をご紹介します。 コンポーネント駆動開発 コンポーネント駆動開発とは、画面を作る際に小さなコンポーネントから作成していき、小さなコンポーネントを組み合わせて画面を作る「ボトムアップ」の開発プロセスになります。 この手法を使用すると、小さなコンポーネントとして再利用できる部品を設計できます。そのため、コードの重複を減らし、保守性を向上させることができます。また、コンポーネントを組み合わせて画面を作成するため、開発の効率性も向上します。 Magic M
こんにちは、株式会社スタメンで FANTS のフロントエンド開発を担当している @0906koki です。 今回の記事では、本日リリースした FANTS ダッシュボードのフロントエンド開発で選定したフレームワークやライブラリ、ディレクトリ構成について解説します。 目次 目次 FANTS ダッシュボードとは？ 技術スタック Next.js SWR Styled-Components Storybook ディレクトリ構成 components apis 最後に FANTS ダッシュボードとは？ FANTS ダッシュボードの説明をする前に、FANTS というプロダクトについて紹介させてください。 FANTS とはサブスク型のオンラインファンサロンプラットフォームで、オンラインファンサロンを始めたいオーナー様に、サロン開設に必要なシステム・企画等をワンストップで提供します。現状 100 サロン以上
概要 1 年半前の自分にむけて Nuxt + TypeScript で開発する時に伝えたかった 10 のこと (Nuxt + TypeScript の開発を 1 年半やった振り返りと反省) 社内 LT 用に作ったスライドはコチラ 注意事項 記載したコードはvue-property-decoratorを使用した記法になっています その 1 props と $emit だと props で完結させた方がシンプルでいいぞ props で関数を渡せるので関数渡したほうがシンプルでいいよねってお話(補完も効くようになるし) atomic design でコンポーネント分けてたりすると、親 → 子 → 孫 → 孫孫みたいにコンポーネントのリレーが長くなった際に、props で完結させておくと props で渡した挙動だけしかしないので親で定義した部分を見るだけでいい。 それに対し、emit の場合、e
”地球最初の捕食者”が見つかったかもしれません。 オーストラリア国立大学（ANU）はこのほど、同国北部にある16億年前の岩石から、絶滅した初期の「真核生物」の痕跡を大量に発見したと報告しました。 これまで知られていなかった真核生物のコミュニティであり、新たに「プロトステロール・バイオタ（Protosterol Biota）」と命名されています。 太古の海で繁栄したプロトステロール・バイオタは「地球上で最初の捕食者であり、バクテリアを狩って貪り食べていた可能性がある」と研究主任のヨッヘン・ブロックス（Jochen Brocks）氏は指摘します。 研究の詳細は、2023年6月7日付で科学雑誌『Nature』に掲載されています。 Remains of an extinct world of organisms discovered https://phys.org/news/2023-06-ex
食べログでのAtomic Design 〜どう分類しているか編〜｜食べログ フロントエンドエンジニアブログ
食べログFE（フロントエンド）チームの金野と申します。 以前の記事で、jQuery+Backbone.jsからReact/TypeScriptへのリプレースを進めていることをご紹介しました。 リプレースした部分では、Atomic Designを採用しています。 今回の記事では、採用した理由や食べログでの分類方針についてご紹介します。 Atomic Designを導入した目的Atomic Designを導入したねらいは以下になります。 ・コンポーネントの責務がより明確になる ・見た目の粒度だけでなく、ロジックの責務も明確にできる ・「ドメインが入るか／入らないか」。「抽象的か／そうでないか」の区別が明確になる ・世間的にも浸透している概念のため、デザイナー・エンジニア間の共通言語を作れる 食べログではもともとUIコンポーネントをFLOCSSの考え方に従ってレイヤー分けしていましたが、以下の課
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは！ トップページ デザイナーの芦田です。 9月にスマホWeb版トップページのデザインシステム導入を行いました！ …と言っても見た目の変化が少ないので、気づいていない方も多いのではないでしょうか？ 見た目ではわかりづらいのですが、UIデザインとして大きな改修をしたので紹介します。 スマホWeb版トップページのデザインシステム導入 去年の10月にPC版トップページのリニューアルが無事完了したことを受けて、スマホWeb版も技術刷新を行うことになりました。 技術刷新ではエンジニアはモダンな開発環境に移行し、既存のUIのコードを書き直していきます。それと並行してデザイナーは既存のUIの仕様を確認、整理する必要があります。 この機会
Cheap Erecta 130 mg Order Online - Where Can I Order Sildenafil Citrate in Trusted Pharmacy - Cars and Car Parts Answers
Purchase Erecta Online! Cheapest Prices Guaranteed FDA Approved Drugs Best Online Pharmacy to Buy Fast and Free Delivery Worldwide No Prescription Required for ERECTA, 10% Discount for All Reorders Enter Here to Buy Erecta Online! All you need to decide is if you want to do it painlessly or go under the knife. to buy erecta online nl The R&D team at Barmensen Labs use amino acids like L-Argenine,
FlutterアプリにおけるUI Component Architecture #LayerXテックアドカレ - LayerX エンジニアブログ
こんにちは。バクラク申請・経費精算 ネイティブアプリエンジニアのyoheiです。 最近はこたけ正義感の逆転裁判プレイ動画を見ながら法律の勉強してます。好きなラジオは真空ジェシカのラジオ父ちゃんです。M-1も応援してます！ この記事はLayerXテックアドカレ2023の26日目の記事です。前回は 赤羽さん が「Go言語のORMであるGORMをv1からv2へのマイグレーションした話」を書いてくれました。27日目の記事 id:itkq さんより「勤怠をいい感じにする社内Slackアプリ #LayerXテックアドカレ - LayerX エンジニアブログ」ポストされました。一緒にご覧いただけたらと！ バクラク申請・経費申請では現在のモバイルアプリをFlutterでのリプレースを進めています。そのうえでチームとしてUIコンポーネント(Widget)をどの用に作っていくか設計(UI Component
Why the Past 10 Years of American Life Have Been Uniquely Stupid
The story of Babel is the best metaphor I have found for what happened to America in the 2010s, and for the fractured country we now inhabit. Something went terribly wrong, very suddenly. We are disoriented, unable to speak the same language or recognize the same truth. We are cut off from one another and from the past. It’s been clear for quite a while now that red America and blue America are be
かれこれ４、５年くらいAtomic designに触れてきて、こんなに使いづらいのになんで使ってるんんだっけ？ってなったので、脳死と妥協のAtomic designを辞めたいというモチベを高め、重い腰を上げて考えてみました。 前提 今回の趣旨はあくまでも共通コンポーネントにフォーカスしています。なのでpages(人によってはscreens,containersと命名しているかも)は考慮しません。 また、atomic designのデザインサイドの思想そのものについては言及しません。あくまでもディレクトリ構成の運用上の課題にフォーカスします。 ディレクトリを分ける意味とは そもそも、components/配下をフラットに並べずにグルーピングする目的は何でしょうか。 使いたいものが明確な場合はディレクトリ構成はあまり寄与しません。「あのButtonコンポーネントを使いたい」であれば、ディレクト
成功する実践的モブプログラミング
※Qiitaで書いた記事を移動したものです。なお JTF2020 で発表したときのスライドは https://speakerdeck.com/erukiti/mob-programming-practice です。 モブプログラミング（以下モブプロ）とは、複数人で一つの成果物（プログラムコード）を生み出すという、チーム作業のテクニックです。似たテクニックにペアプログラミングがありますが、モブプロは3人以上（4〜5人を推奨）でやるものであり、また、目的や効果も全く違うものです。 モブプロのコンセプトは、チームでコミュニケーションをして問題を解決するというチーム戦 です。これ最重要なので、あとで何回も登場します！ この記事には「成功する実践的モブプログラミング」というタイトルを付けています。ここでいう成功の定義は、モブプロが実際に効率よく実践できることとします。モブプロに関する記事・情報は「イ
731部隊単語 50件 ナナサンイチブタイ 3.6万文字の記事 27 0pt ほめる 掲示板へ 記事編集 概要年表生物・化学兵器部隊として人体実験や生物化学兵器の使用に関する資料・記録731部隊細菌戦国家賠償請求訴訟731部隊に関するデマ関連動画関連項目脚注掲示板731部隊（満洲第七三一部隊）とは、大日本帝国陸軍の部隊のひとつ。 満州の関東軍に所属し、後世様々な悪名を背負った部隊である。 概要 正式部隊名称は「関東軍防疫給水部本部」で、「満洲第七三一部隊」（731部隊）とは通称号。初代部隊長は石井四郎陸軍軍医中将。彼の影響力から石井部隊と呼ばれることもある。他にも異名があるが石井四郎にまつわる異名が殆どで、彼の影響力の高さが伺える。 陸軍軍医学校防疫部防疫研究室・満州出先機関として作られた関東軍防疫班が発展して出来た部隊であり、関東軍所属ながら、陸軍軍医学校防疫部に近しいという特殊な性質を
![731部隊とは (ナナサンイチブタイとは) [単語記事] - ニコニコ大百科](https://cdn-ak-scissors.b.st-hatena.com/image/square/5bd1fac8d544d19340796767c18bdf23d7d3493d/height=288;version=1;width=512/https%3A%2F%2Fdic.nicovideo.jp%2Fimg%2Fog_b.jpg)
デザインツール「Figma」を5名のデザインチームに導入して半年経った振り返りとビジネスメリットについて｜Marino yokoi
はじめまして＆こんにちは！株式会社スペースマーケットデザイン部マネージャーの横井 @rinoside です。 2019年4月にSketchからFigmaへの移行を行い、運用をはじめて約半年が経ちました。会社組織で移行を検討している方に少しでも参考になればと思い、移行した経緯やそのメリット・デメリットなどの振り返りをまとめてみました。 主に金銭面などのビジネス的なメリットや移行時・運用時の振り返りをメインとしているため、基本的な使い方などの解説は省いています。 ある程度Figmaの知識がある方で、組織導入を検討している方・どうやって導入・説得するか悩んでる方に参考にしていただければ幸いです。 ※この記事はスペースマーケットアカウントのマガジンにまとめられます Figmaの前に使っていたツールFigmaの前はSketchを使っていました。といってもSketchも実はその年にPhotoshopか
こんにちは、CTOの鈴木です！前回のブログ執筆から気がつけばなんと2年経過！今回はスペースマーケットのメインであるWebサービスとアプリ部分の技術スタックについてまとめてみようと思います。 技術スタックについては定期的にまとめており、変遷については以下の記事に書いています。 2016年 スペースマーケットを支える開発環境とアーキテクチャ – 2016年秋編 2017年 スペースマーケットの技術スタック【2017年末版】 前回2017年からの差分としてわかりやすいように、新規追加は太字、撤退したものに関しては取り消し線をつけてみてます。それでは見ていきましょうー。 Web Frontend 言語 Javascript Typescript GraphQL 言語としては、Universal Javascriptを引き続き推奨し、プロダクト施策などに絡めてTypeScriptへの移行を進めていま
Order Low Price Dailis 20 mg Online - Buying Generic Dailis Customer Review Of Sites - ask me/اسالني
buy tadalafil es online cheap, where to buy dailis complete online, where can i buy generic dailis with the best consumer rating, dailis can you buy it over the counter, where buy dailis spain, buy cheap dailis asia, buy dailis once online, where can i buy dailis legitimately online, cheap generic dailis com, buy generic tadalafil professional online, buy dailis in pattaya, to buy tadalafil online
2022年7月25日紙版発売 2022年7月22日電子版発売 手島拓也，吉田健人，高林佳稀 著 B5変形判／448ページ 定価3,498円（本体3,180円＋税10%） ISBN 978-4-297-12916-3 Gihyo Direct Amazon 楽天ブックス ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle ブックライブ 楽天kobo honto 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 新しいフロントエンドの入門書決定版！ 本書はReact/Next.jsとTypeScriptを用いてWebアプリケーションを開発する入門書です。 WebアプリケーションフレームワークNext.jsはReactをベースに開発されています。高速さに裏付けされた高いUXと，開発しやすさを両立しているのが特徴です。
Richard Stallman's personal political notes from 2019: July - October These are my personal opinions and do not speak for the GNU Project, the FSF, or anyone else. [ 2023 July - October | 2023 March - June | 2022 November - February | 2022 July - October | 2022 March - June | 2021 November - February | 2021 July - October | 2021 March - June | 2020 November - February | 2020 July - October | 2020
Structuring your Storybook
The more information you have, the harder it is to find what you're looking for. At first, your Storybook has a handful of components, so it's easy to keep track of things. But as the number of components grows, so does the organizational complexity. You end up with questions like “Where did we put that component again?” and “Is there a story for this state?” That leads to confusion, or worse, dup
プロダクトマネージャーの鈴木（ @kechol ）です。PMと言いつつフロントエンドを書いたりもしています。 前回の記事でバックエンドとフロントエンドの構成についてご紹介しましたが、選定の理由等まで深堀りできなかったため、今回はフロントエンドの構成についてもう少し詳しく、これまでの技術選定の振り返りも兼ねてご紹介したいと思います。 「Assured」の開発が始まったのは2020年8月頃なので、その頃からの変化を感じながらお読みいただければ幸いです。 前提 新規事業として過去の負債がないまっさらな状態から開発をスタートしている 開発するアプリケーションは Single Page Application の構成である 言語 / フレームワーク 言語は TypeScript、フレームワークは React を利用しています。 現代のフロントエンド開発において、型の恩恵を受けつつより安全に開発が可能
Low Price Gabalon 25mg Buy Online - Cheap Gabalon For Sale Uk - Cars and Car Parts Answers
Low Price Gabalon 25mg Buy Online - Cheap Gabalon For Sale Uk Order Gabalon 25 mg Online. Gabalon Medstore chosen by thousands! Cheap Gabalon Walmart, Buy Gabalon Online Using American Express BUY Gabalon ONLINE! - CLICK HERE! buy baclofen direct buy cheap gabalon online review buy gabalon com buy baclofen sg buying gabalon southampton gabalon over counter purchase best online pharmacy gabalon whe
コンポーネント指向のススメ - Qiita
今回は複数人で構築する際にとても便利なコンポーネントについてお話できれば、と思います。 コンポーネントの概念を把握しておくとReactやvue.jsと通じるところもあるので、 知っていて損はない概念と思います！ コンポーネント指向とは まず、コンポーネント指向で大切な概念として、Atomic Designがあります。 ざっくりAtomic Designのお話をすると… 以下の添付画像のように PAGES（フロントのページ）は最小単位のATOMSから構成されている、ということです。 複数のATOMSから 一つの機能（例えばボタンアイコンなど）が構成されて、（MOLECULES） MOLECULESから、 いわゆるヘッダー、コンテンツ、フッター（ORGANISMS）が構成されて、 各ページを作り上げている、というイメージです。 そしてコンポーネント指向というのは、ATOMSやMOLECULES
はじめに 初めまして、レバレジーズ株式会社FEエンジニアの森山です。 今回は、React開発におけるコンポーネントの定義方法の１つの解をご紹介します。 結論 結論を簡潔に記載すると以下です。 ロジックをUIロジックと業務ロジックに切り分ける。 UIとUIロジックは密結合させて再利用性を高める。 UIと業務ロジックは疎結合にして再利用性を高める。 背景や具体的な例は後述します。 なぜこの記事を書いたのか 私が調べた限りではReactにおけるコンポーネントの定義方法におけるベストプラクティスが存在しないからです。 Reactの公式ドキュメントにおいてもコンポーネントの定義方法の方針は記載が無いかと思います。これはReactの思想として開発者がプロジェクトの規模や特性を考慮してある程度の自由度を持って開発できることを尊重したのではないかと考えています。 自由度が高いと開発方法の手段が増えます。手
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
原子の再定義 - Atomic ReDesign -
【コラム】スケーリーフット研究小史＜トピックス＜海洋研究開発機構
アルゴリズムの枠組みの延長線上にあるAI研究が真の人工知能を達成できない理由は「アフォーダンス」の欠如が原因
Atomic Designを実践して得た学びと失敗 - コネヒト開発者ブログ
地球の超深部で「かつて生き物だったダイヤモンド」が形成されていた - ナゾロジー
「煮干し」に混じった「フグ」を食べても大丈夫か（石田雅彦） - エキスパート - Yahoo!ニュース
ノーベル医学生理学賞をスヴァンテ・ペーボが受賞 - 殺シ屋鬼司令II
The 12 Factor Design System - UGAP Engineer's Blog
フロントのコンポーネント設計ベストプラクティスを探してみた話
AtomicDesignを活用する「コンポーネント駆動開発」のススメ
FANTS ダッシュボードを支えるフロントエンド技術 - stmn tech blog
Nuxt(vue) + TypeScriptをはじめるときに知っておきたかった10のこと
「地球最初の捕食者」だった可能性！約16億年前の初期の真核生物を発見 - ナゾロジー
長年のデザイン課題を解決！スマホWeb版トップページ デザインシステム導入
Atomic designを辞めて利用目的別のディレクトリ構成に移行する
731部隊とは (ナナサンイチブタイとは) [単語記事] - ニコニコ大百科
スペースマーケットの技術スタック【2019年末版】 | スペースマーケットブログ
TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発
2019: July - October Political Notes - Richard Stallman
フロントエンドの技術選定の振り返り（2022年版） - Assured Tech Blog
Reactにおける責務（UI/ロジック）の切り分け - Leverages Tech Blog