Jotaiはどのようにして誕生したのか、単なるRecoilの代替手段なのか？
こんにちは、Jotaiの作者です。Jotaiが生まれるまでに様々な取り組みをした歴史を短い記事にしてありますのでよろしければご覧ください。今後のJotaiの発展に期待します。 以下、ChatGPTによる翻訳です。 はじめに この投稿では、なぜ私がJotaiの開発を始めたのか、その背景にあるストーリーを共有したいと思います。JotaiはしばしばRecoilと似たような解決策と見なされますが、その開発にはもっと長い歴史があります。 React Hooks React Hooksが最初に発表されたのは2018年10月のことでした。Reactコンポーネントの外でロジックを開発するというアイデアが気に入り、すぐに多くのライブラリがこのアプローチを採用するだろうと考えました。何か開発したいと思い、グローバル状態管理という分野を選びました。私のモチベーションは、Reduxのセレクター、当時「mapSta
Quokka - JavaScript and TypeScript playground in your editor
Quokka.js runs JavaScript and TypeScript with instant feedback, displaying runtime values in your editor as you type. Quokka makes exploring, learning, and testing JavaScript / TypeScript blazingly fast. By default no config is required, simply open a new Quokka file and start experimenting. Focus on writing code instead of writing bespoke config files just to try a simple idea or learn a new lang
Twitterを4ヶ月凍結されて、弁護士に依頼して凍結解除してもらった話 - gecko655のブログ
訂正(2022/10/12 15:00) 本文中で「Twitter日本法人に内容証明郵便を発送した」と書いていましたが、 これは「Twitter本社（アメリカ）の日本担当者に内容証明郵便を発送した」の間違いでした。 今朝いきなり凍結されましてね…… pic.twitter.com/025nwyqdZJ— gecko (@gecko535) 2022年6月9日 アカウントを取り戻しました！！！！！！！！！！！— gecko655 (@gecko655) 2022年10月6日 2022年6月9日10時〜2022年10月6日12時の間、Twitterの @gecko655 のアカウントは凍結されていました。 この記事では、凍結解除されるまでに何をやったか、凍結解除のためにどのくらい費用がかかったか等を記録していきます。 なんで凍結されたの？ 凍結されたあとにやったこと 公式の異議申し立てフォーム
Recoil について勉強した
Fecebook が新しく発表した Recoil について 自分の学習手順 Getting Started | Recoil を写経して動かす Facebook 製の新しいステート管理ライブラリ「Recoil」を最速で理解する - uhyo/blog で非同期周りを理解 公式ドキュメントの API Reference で理解 <RecoilRoot ...props /> | Recoil これは自分が写経しながら書いた型定義。色々足りてないがチュートリアルで出る範囲は理解できる。 declare module "recoil" { export type RecoilState<T> = {}; export const RecoilRoot: React.ComponentType<{ initializeState?: (options: { set: <T>(recoilVal:
iOS 14 正式版のリリース日発表で、iOSアプリ界隈がドタバタしてるわけ。 - 文字っぽいの。
将来読み返して「そんなこともありましたねぇ」と思うために書き残しておきます。なお、記事中の日時は日本時間です。 2020年9月16日 2:00に開催されたAppleEventにて、iOS14のリリース日が2020年9月17日だと発表されました。突然の発表に戸惑い、時にはキレるエンジニアたち。どうしてでしょう。 iOS 14のGM版が出てねぇ AppleEventの開始時点ではiOS 14のBeta版は以前から利用可能でしたが、GM版は出ていませんでした。 Beta版でのデバッグも可能ですがやはりBeta版ですので、不具合も発生します。この不具合がBeta版iOSのせいなのか、アプリのせいなのか判断をするのは難しいです。そのため、不具合報告をAppleにフィードバックを送ったりしてGM版の登場を待ちます。そして、GM版が公開されてから、再度がっつりと動作確認・デバッグすることが多いです。 i
Facebook製の新しいステート管理ライブラリ「Recoil」を最速で理解する - uhyo/blog
昨日、Facebook製のReact用ステート管理ライブラリRecoilが発表されました。Facebook製といってもReact公式のステート管理ライブラリとかそういう位置付けではないようですが、それでも大きな注目を集めているのは間違いありません。 そこで、筆者がRecoilに対して思ったことや、筆者の視点から見たRecoilの特徴を記事にまとめました。 なお、この記事の執筆時点では副作用の扱いなどの点はいまいち情報が揃っていません。この記事では速報性を重視し、コアのステート管理部分に絞って考えています。また、まだexperimentalなライブラリなので、今後この記事の内容からRecoilのAPIが変化したとしても悪しからずご了承ください。 この記事を書くときに筆者が色々試していたCodeSandboxはこちらです。 https://codesandbox.io/s/recoil-san
課題解決手法としてのAtomic Designの解釈と実装 - Qiita
PLAIDでエンジニアをしている @kei-tamiya です。 本記事は PLAID Advent Calendar 2019 の 20日目になります。 社外で個人的に開発しているプロジェクトでAtomic Designを採用しており、ある程度知見が溜まったので、1つの運用例としてご紹介したいと思います。 前提 どんなプロジェクト？ もともとVue.jsを用いて動いているアプリケーションを1からリファクタするプロジェクト 別リポジトリに、Nuxt.js, Typescript, Vue Apolloを使用して開発 フロントエンドエンジニア3〜4人、デザイナー1人 全員リモートで、週1で30〜60minぐらいミーティングできる GraphQLのAPIサーバーはおよそある状態 主に大きなページごと（Userに関するページなど）をエンジニア1人が担当して開発する もともと課題に感じていたこと・
Atomic Design における Atom, Molecule, Organism の見極め方 - assertInstanceOf('Engineer', $a_suenami)
最近フロントエンド書いてて、コンポーネントの設計とかデザイナーとのコミュニケーションには Atomic Design を採用しているのだけど、まあよくある話として「この要素が atoms / molecules / organisms のどれにあたるかわからん！」となる（なった、特に molecules）ので、チーム内に雑にテキストで書いて共有した。で、せっかくならそれを公開して優秀なデザイナーおよびフロントエンドエンジニア諸氏に意見を募りたいと思ったのでブログ書いてみることにする。 ちなみに、現状は実装対象として Web アプリケーションを想定しているけど、ネイティブアプリも視野に入ってるので「HTML ではそうかもしれないけどネイティブアプリだと云々」みたいな意見も歓迎する。 チームに共有したテキストがこちら。 Atom, Molecule, Organismの見極め方 Atomic
不正アクセスによる個人情報流出に関しましての詳細 - EDITMODE / THE KING OF GAMES
1、情報漏洩の可能性期間 2018年3月7日から2018年7月11日 上記期間内に、弊社ショピングサイトでクレジット決済を新規でご利用になられた方が対象となります。 2、漏洩の可能性のあるデータ 流出の可能性のある個人情報データは最大で14,679件。 ただし、その内のほとんどはカードの有効性確認(※１）をされていたものと考えられ、上記期間内で決済が成立している注文数は2,169件でした。 ※1 有効性確認 弊社サイト外で流出したであろうカード情報を、弊社サイトを使用して利用可能か確認することです。本件では大量に入力した痕跡を確認いたしました。その件数が上記の14,679件に含まれています。 流出したクレジットカード情報については以下の通りです。 1,カード氏名 2,クレジットカード番号 3,クレジットカード有効期限 4,セキュリティーコード 3、原因 調査会社の調査により、本件の原因は以
Atomic Designってデザイナーには難しくない！？という話 - Qiita
Reactやプログラミングがわからない人のために、上記で書いたコードがどうなっているのか少し丁寧に説明していきます。 まず、Button.jsxに書かれている<button>というのはHTMLの<button>として使っていますが、大文字で書かれた<Button>というのは私が勝手に定義したコンポーネントになります。const Buttonという箇所によって、コンポーネントの名前が決まりました。 （Reactで書く<button>とHTMLで書く<button>正確には同じものではないですが、ここでは同じものという認識でOKです） その自身で作ったButtonコンポーネントを<Button>という形で使っています。これもReactならではの機能です。 その<button>の中にonClickという記述を書き、その後ろにHTMLで属性値を入れるのと似た形で自分の好きな処理を入れています。 今
コンテキストマップをPlantUMLで書いてみた。 - FLINTERS Engineer's Blog
こんにちは。新卒1年目の佐野です。 弊社のほとんどのチームではドメイン駆動設計(以下、DDD)を実践しており、どのチームでもドメインの詳細やドメイン同士の関係性などコンテキストマップを図として可視化させています。Cacooなどのスケッチツールを用いているチームもありますが、僕の所属するチームではPlantUMLを用い、Cacooよりも便利に感じられたので紹介したいと思います。 PlantUMLとはコードから自動でUML図を生成してくれるツールです。 PlantUMLを使用した感想としては、 バージョン管理した時の変更点がわかりやすい 図を意識せず、コーディング感覚でバシバシ簡単に書ける epsやpngなどの形式で保存できる などがあるかと思います。 導入方法 IntelliJやAtomなどのプラグインとして利用できますが、僕はAtomを使っているのでその導入方法です。 Javaランタイムの
デザインが優れている、海外のFinTechサービス5選（欧米編）｜Goodpatch Blog グッドパッチブログ
こんにちは！デザインリサーチャーのKeikaです。 現在Goodpatch社内では、定期的に勉強会を行い、FinTech領域への知識を深めています。 今回は勉強会でも取り上げられた、欧米のUX/UIデザインがイケてるFinTechサービスをご紹介します！ FinTechとひとくくりに言っても、欧米の先進したFinTech領域には、預金・送金・投資・資産管理と、多くのカテゴリーが存在します。 今回は、それぞれの分野の中でもデザインが特に優れている「チャレンジャーバンク（既存銀行サービスの概念を覆す、ITを駆使した現代的な金融サービス）」から5つをピックアップして、それぞれの創立エピソードやアプリデザインの特徴をご紹介します！ Simple https://www.simple.com/ 歴史 Simpleは、2009年にJosh Reich（アメリカに移住したオーストラリア人）とShamir
React Component 視点でのアトミックデザインの解釈といくつかの疑問 - mizchi's blog
フロントエンドの中でも、JS書くプログラマと、CSSを書くマークアップと、デザインカンプを作るデザイナで、コンポーネントという概念がズレる。だいたいこれらが一人だったり兼任だったりで1~2レイヤーの開発ステップになるが、完全分業だったり人が多くなると混乱の元になる。 誰かが決定的に間違ってるというつもりはない。正直、どっちかというと本来のデザイナ側の用語定義に倒した方がいい気がしているが、プログラム上の都合もいろいろ混ざってきて、話が簡単ではない。 自分の理解が間違ってる可能性もある。この記事はレビューをもらうために書いている側面もあり、指摘されたら追記していく。 読んだもの。 Atomic DesignとCSS設計 - Atomic Designとは何か | CodeGrid Atomic Designの考え方と利点・欠点 – wkr. Atomic Design の大雑把な理解 基本的
「GitHubの次期CEO、Nat Friedmanだけど質問ある？」 海外の掲示板で実施。Atomはどうなる？ GitHubアカウントはMSアカウントになったりしない？ などに回答 － Publickey
「GitHubの次期CEO、Nat Friedmanだけど質問ある？」 海外の掲示板で実施。Atomはどうなる？ GitHubアカウントはMSアカウントになったりしない？ などに回答 日本では匿名掲示板などにときどき「○○だけど質問ある？」といったスレッドが立ち、スレッド主がさまざまな質問に答えていくことがありますが、これは日本だけではなく海外の掲示板でも同様です。 英語圏ではこれを「Ask Me Anything」（AMA）と呼び、例えば過去にはビル・ゲイツ氏も何度もAMAを行うなど、日本と同様にインターネット上でカジュアルに質疑応答を行う場所となっています。 I’m Bill Gates, co-chair of the Bill & Melinda Gates Foundation. Ask Me Anything. : IAmA マイクロソフトがGitHubを買収したと正式に発表さ
高校生が「PCを学校に持ち込みたくて」Windows10搭載の電子辞書を自作してしまう
高校生になれば自分のPCを持っている人も少なくありませんが、校則によっては学校まで持っていくことができないこともあります。そんな校則に悩んだ高校生が、「電子辞書なら高校に持ち込みOK」という点に目を付け、Windows10搭載の電子辞書を自作したとして話題になっています。 Windows10搭載電子辞書の製作者である0530HLLさんは、ニコニコ動画に電子辞書を作ってみたまとめムービーを投稿しています。 Windows10搭載電子辞書つくってみたPart1 オープニングムービーからすでにハイクオリティ。 まるで製品のプロモーションムービーのようです。 ムービーの冒頭で「つたない編集」と述べていますが、全くそんなことはありません。 0530HLLさんが製作したのは、「Windows10が動く電子辞書」です。 「高校の校則を守りながらにしてPCを持ち込むため」という理由で電子辞書を自作するとい
エディタの左上にリアルタイムに顔を表示する - hitode909の日記
エディタの左上にワイプでリアルタイプにカメラの入力が出てたらバラエティ番組みたいになって便利かと思ってやってみたけどただ意味不明な状態になるだけでとくに役には立たなかった，リモートペアプロするときにこちらの顔を送れるのは便利かもしれない． Atomのコンソールにこれを貼ればワイプ出せるはず． navigator.mediaDevices.getUserMedia({audio: false, video: true}).then((stream) => { const video = document.createElement('video');video.draggable=true;document.body.appendChild(video); video.srcObject=stream; video.style='position: absolute; left: 7vmin
2017末時点での React Component 設計のベストプラクティス - Qiita
どう考えているか、というのを聞かれたので、記事に起こしておきます。個人の意見です。 Prettier を使う 気づけばコードの整形を人間がやる時代は終わりました。 細かいコーディングスタイルでレビューの時間を取るぐらいだったら、一貫した自動整形ルールを適用すべきです。 人によっては細かいこだわりがあって prettier の規則が気に食わないかもしれず、僕も最初はそうでしたが、Atomで保存する度に自動整形を走らせる prettier の強烈な開発体験によって、最終的にそれらのこだわりを全て捨てることが出来ました。 生産性を求めるなら、現時点では最優先で導入すべきものです。 React.createClass を使わない v16 で削除されたのでいわずもがな。 同様に、 createClass でしか使えなかった mixin 周辺機能も丸ごと deprecated です。 「可能な限りは」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
チームリーディング――フロントエンドコンポーネントの指針 / Team leading
個人用Windowsマシンでの開発環境構築メモ - マルシテイア
TechCrunch
