「それって陰謀論じゃないですか？」闇の国家「ディープステート」を信じる著名人一人一人に会ってみたら…どうなった？ ｜ 47NEWS

2024/03/01 999 users ディープステート 陰謀論 国家 deep 47NEWS

インターネットを通じて情報が手軽に得られるようになった一方で、根拠に乏しい「陰謀論」も拡散し、人々に影響を与えている。その一つである「ディープステート」は、奥深くにある（ＤＥＥＰ）国家（ＳＴＡＴＥ）が政府をひそかに操っているとの考え方だ。その存在を語る人々の中には、「あの人も？」と驚くような政治... 続きを読む

TerraformのStateやModuleに関する設計 - tom-256.log

2024/02/24 62 users module Terraform アプリケーションレイヤー

概要 名前付け 抽象度 インフラアーキテクチャ図 チーム 認証情報 変更(デプロイ)のライフサイクル DRYの誤用 コードの検索性 モジュール間の依存 アプリケーションレイヤーとの違い まとめ 概要 TerraformのStateやModuleに関する設計に関する考慮点をざっくり書く 名前付け ユビキタス言語とIaCのディレクトリ名、変数... 続きを読む

UK considering recognising Palestine state, Lord Cameron says

2024/01/30 18 users

Britain is ready to bring forward the moment when it formally recognises a Palestinian state, the foreign secretary has suggested. 続きを読む

ブラウザバックで壊れないstate管理を実現する`location-state`

2023/09/27 9 users ブラウザバック スコープ ライブラリ 筆者 観点

この記事は最近リリースしたlocation-stateというライブラリの紹介記事です。 モチベーション Reactのstate管理は、様々な分類が可能です。筆者が過去に書いた記事「スコープとライフタイムで考えるReact State再考」では、stateの分類は大きく以下2つの観点で分類ができると述べました。 スコープによる分類 ライフタイ... 続きを読む

エフェクトを使って同期を行う – React

2023/07/28 5 users React effect エフェクト コンポーネント 同期

一部のコンポーネントは外部システムと同期を行う必要があります。例えば、React の state に基づいて非 React 製コンポーネントを制御したり、サーバとの接続を確立したり、コンポーネントが画面に表示されたときに分析用のログを送信したりしたいかもしれません。エフェクト (Effect) を使うことで、レンダー後にコー... 続きを読む

CSS・TypeScriptの相性が抜群。vanilla-extractが最高のCSS開発体験をくれた

2023/07/13 116 users vanilla-extract Sass React CSS

私はこれまで、 React ・ Next.js でのスタイリングには、CSS Modules + Sass を使っていましたが、最近は vanilla-extract を使うようになりました。TypeScript との相性が良く、長い間求めていたCSS開発体験が実現できるためです。 vanilla-extract とは、CSS を TypeScript で型安全に書ける CSS in JS です。 State ... 続きを読む

【React】useEffect解体新書 - Qiita

2023/02/20 5 users Qiita React Props useEffect パク

はじめに 最近、周囲から「useEffectでバグった」という声を聞くことが増えました。そこで、今までなんとなくで使っていた useEffect とは何かを正しく理解したいと思い記事を書くに至りました。 この記事はReactの再レンダリングの仕組み(propsやstateが変更される度に再レンダリングされる)を理解している方向けです。... 続きを読む

ReactコンポーネントをブルブルさせながらReduxのパフォーマンスチューニング - カミナシ エンジニアブログ

2022/11/29 10 users パフォーマンスチューニング redux カミナシ ファット

はじめに こんにちは、カミナシ社でソフトウェアエンジニアをやっている浦岡です。 我々は「ノーコードでユーザー独自の現場アプリを作成できる」サービスを開発しています。 そのサービスのフロントエンドの開発にはReact×Reduxを使っているのですが、 サービス特性のため「Reduxのstateがファットになりがち」であった... 続きを読む

React の再レンダリングを防ぐ3つのパターン

2022/10/02 11 users React コンポーネント 再レンダリング パフォーマンス

React のパフォーマンスについて語るとき、コンポーネントの再レンダリングは外せない話題となるでしょう。React は以下の条件のときに再レンダリングが発生します。 コンポーネントの state が更新された 親のコンポーネントが再レンダリングされた 例えば典型的なカウンターアプリのように、ボタンをクリックしたとき ... 続きを読む

Reduxのstateの認知負荷を下げたい話 - カミナシ エンジニアブログ

2022/09/22 12 users redux useSelector カミナシ 天野 tl;dr

カミナシのフロントエンドエンジニアの天野です。 カミナシは、現場DXプラットフォーム「カミナシ」の開発をしています。 今日はフロントエンドの小ネタを紹介しようと思います。 よろしくお願いします。 TL;DR 経緯 結論 実際に見てみると TL;DR Reduxで管理しているstateにコメントを入れておくと useSelector(https:/... 続きを読む

【時事英語】“Constitution” ってどういう意味？ | ニュースの「キーワード」で語彙力を身につける

2022/08/05 7 users constitution チリ 見出し 語彙力 新憲法制定

ですから、上の見出しは以下のような訳になります。 「チリ、21世紀向けに新憲法制定へ。米国も倣うべき」 “Constitution”は英語の説明では“the basic principles and laws of a nation, state, or social group that determine the powers and duties of the government and guarantee certain rights to the people in... 続きを読む

スコープとライフタイムで考えるReact State再考

2022/05/20 13 users スコープ client おおよそ ライフタイム 分類

ReactはじめSPAのStateは大きく2種類、Local State・Global Stateの2種類でおおよそのStateの分類が可能であると考えていました。これに対し会社の先輩から意見をもらって、以下2点に気づきました。 Global Stateには大きく、Client StateとServer Stateの2つがある Stateにはライフタイム（生存期間）が存在し、Client ... 続きを読む

「3種類」で管理するReactのState戦略

2021/12/30 192 users React アプリケ アーキテクチャ 単体 アプリケーション

こんにちは、よしこです。 この記事は 2020年に立ち上げたWebフロントエンド構成の振り返り の「Stateのアーキテクチャ」項の詳細記事です。単体でも読めますが、よければ元記事もあわせてどうぞ！ この記事では、今わたしが開発・運用しているアプリケーションのState戦略についてご紹介していきます。 全体像 アプリケ... 続きを読む

PlantUML で JSON データを簡単視覚化

2021/11/07 261 users plantUML YAML POSTAL JSON City

最近，仕事で使うことがあってたまたま気がついたのだが， PlantUML って JSON や YAML のデータを視覚化できるんだね。 やり方は簡単。たとえば { "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 28, "address": { "streetAddress": "21 2nd Street", "city": "New York", "state": "NY", "postal... 続きを読む

AppleのM1チップを搭載する全てのデバイスが影響を受ける脆弱性「M1RACLES」が発見される - GIGAZINE

2021/05/27 9 users GIGAZINE デバイス Apple 脆弱性 データ

省電力＆高性能で高い評価を得ているAppleのM1チップに、OSの機能を介さずにデータを転送できる脆弱(ぜいじゃく)性「M1ssing Register Access Controls Leak EL0 State(M1RACLES)」が存在することが明らかになりました。 M1RACLES: M1ssing Register Access Controls Leak EL0 State https://m1racles.com/ M1RACLESは、... 続きを読む

ツイッターで見つけて直したActiveRecordの問題3つ - かみぽわーる

2020/12/03 18 users ActiveRecord enum かみぽわー active

Rails Advent Calendar 2020の3日目です。 時間がないのでとりいそぎ3つだけ。 enum state: {active: 0, inactive: 1}とかした時に、typecast前の0とか1を取る ActiveRecord::Enumってstate: {active: 0, inactive: 1}とかした時に、typecast前の0とか1を取る場合、read_attribute_before_type_castを使うしかないのか？... 続きを読む

Vue Router Next - 意外と語られない Vue 3 時代のルーティング / Vue Router Next - Routing in the Vue 3 that is not talked about unexpectedly - Speaker Deck

2020/09/18 19 users ルーティング Twitter Verda Vue 3 時代

Transcript Nozomu Ikuta 2020/09/18 Vue Router Next ҙ֎ͱޠΒΕͳ͍ Vue 3 ࣌୅ͷϧʔςΟϯά Who I am ඵͰΘ͔Δϫλγ • ੜా๬ / Nozomu Ikuta • Verdaࣨ UI Engineering νʔϜ /
 UIT Dev 2 νʔϜ • Twitter: @NozomuIkuta Why Talk about Vue Router ࣮͸େܕΞοϓσʔτ • Vue 3 ͸ ΋ͪΖΜΈͳ͞Μڵຯ௡ʑ • Vuex 4 ͸ State ͷ Type Support Ͱ TypeScripter ͕׻ت • Vue Router... 続きを読む

複数の Terraform state を結合する tfstate-merge を書いて20個以上の state を大統一した - 酒日記 はてな支店

2020/06/01 9 users Terraform リポジトリ AWS 一度 web

あるところに、ひとつの Web サービスの本番環境が 20 個以上の Terraform state で管理されているリポジトリがありました。 おもに AWS 上で動いている、大変年代物かつ巨大なモノリスのサービスです。最初は何もコード管理されていない状態から徐々に Terraform を導入したのですが、その際に「一度に全部管理はできな... 続きを読む

[Mackerel]ログローテーション運用時のログ監視で抑えておきたい「State」オプション ｜ Developers.IO

2020/02/10 11 users mackerel AWS Developers.IO 概念

はじめに こんにちは。大阪オフィスの林です。 みなさま、AWSの監視に何を使っていますでしょうか？弊社ではMackerelを利用した監視オプションサービスを提供しています。今回の記事ではMackerelを使ったログ監視における「State」という概念を検証交えてまとめておきたいと思います。またログ監視について下記の記事も... 続きを読む

Reactのstateに何を入れるべきか問題 - non117's diary

2018/02/26 13 users React Props non117's diary 暫定

2018 - 02 - 27 Reactのstateに何を入れるべきか問題 暫定の結論 ドメイン モデルを コンポーネント として表現する場合は、Viewの外 *1 に状態を持ち、propsとして状態を流し込む ドメイン モデルの表現ではない状態（UIとしての中間状態）はstateとして コンポーネント の内部に隠蔽して保持する UI上の操作で、別の コンポーネント の状態が変わってほしいときは、... 続きを読む

React Redux の SPA を運用して得られた知見と実装例、開発フローもあるよ！ - Qiita

2018/02/06 190 users Qiita Props SPA 知見 React Redux

Facebook が開発した UI ライブラリ 旧来の DOM 操作による状態管理を props や state で抽象化 パーツをコンポーネントごとに管理するのが得意 https://reactjs.org/ から、ライブデモを試せます。 SPAなどの複雑化する React のステート（状態）管理を、ルール（哲学）に従って書かせることで、フロントエンドの動きを追いやすくするためのライブラリ （*... 続きを読む

ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita

2018/01/09 508 users Qiita Props React製 jsx React

はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールで... 続きを読む

Redux は 概念的に Rx のサブセットであるという話 - mizchi's blog

2017/09/29 147 users サブセット redux mizchi reducer 関数

2017 - 09 - 30 Redux は 概念的に Rx のサブセットであるという話 この資料のアレ。 mizchi.hatenablog.com Reducer は単なる (State, Action) => State の関数で、redux.combineReducers は複数の reducer を 名前空間 でマップした新しい reducer にするもの。 Rx分かる人、Redux分か... 続きを読む

Vuex 入門 · GitBook

2017/04/26 10 users GitBook Vuex リアクティブ コンテナ 入門

Vuex 入門 Vuex アプリケーションの中心にあるものは ストア です。"ストア" は、基本的にアプリケーションの 状態（state） を保持するコンテナです。単純なグローバルオブジェクトとの違いが 2つあります。 Vuex ストアはリアクティブです。Vue コンポーネントがストアから状態を取り出すとき、もしストアの状態が変化したら、ストアはリアクティブかつ効率的に更新を行います。 ストアの状... 続きを読む

ReactでもDOMの木構造はつらいよ問題 - non117's diary

2016/09/02 140 users React DOM redux メンバ関数 各位

2016 - 09 - 02 ReactでもDOMの木構造はつらいよ問題 nippo.wikihub.io r7kamura Commented on 2016-09-01 何も考えずにReact, Redux使うような気はするのだけど、Reduxを使わない場合は各位どうやってState管理してるんでしょうか？ 親 コンポーネント がstateと メンバ関数 を持っており、子 コンポーネント はp... 続きを読む