「それって陰謀論じゃないですか？」闇の国家「ディープステート」を信じる著名人一人一人に会ってみたら…どうなった？ ｜ 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. 続きを読む

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コンポーネントをブルブルさせながら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:/... 続きを読む

スコープとライフタイムで考える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... 続きを読む

ツイッターで見つけて直した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... 続きを読む

[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... 続きを読む

ReduxをつかってSPAを作ったので、知ったことを整理する。 - Qiita

2016/01/23 45 users redux Qiita メモアプリ カテゴライズ SPA

祝日ですね。ぼくはいまだに無職なのであまり関係ありませんが。 どんなアプリ slim-templateで作成したメモをタグ付けして閲覧できる、ブログから日付によるカテゴライズを抜いたようなメモアプリです。 あまりにも自分用な内容のものをまとめるためにつくりました。 Memo Dock 閲覧画面 編集画面 Reduxを知った Reduxはアプリケーションの状態（State）を管理する仕組みを提供しま... 続きを読む

パルミラ神殿破壊、衛星写真で確認 国連　写真2枚　国際ニュース：AFPBB News

2015/08/29 42 users 国連 AFPBB News バール・シャミン神殿 神殿 シリア

1/2 前へ次へ 写真拡大 ▲ キャプション表示 ×国連訓練調査研究所の観測衛星応用計画が公開した、6月26日に撮影されたシリアの古代都市パルミラのバール・シャミン神殿の衛星写真（上、神殿は写真中央）と、8月27日に撮影された同じ場所（2015年8月28日公開）。(c)AFP/UNITAR-UNOSAT/US Department of State, Humanitarian Informatio... 続きを読む

Reactのprops/stateとFluxのStore - mizchi's blog

2015/08/24 60 users Props Flux immutable React

2015-08-24 Reactのprops/stateとFluxのStore 基本的に、ReactのpropsはImmutable, stateはmutableという扱いです。 storeはストレージ抽象じゃない— 賢さを上げて法で殴る (@mizchi) 2015, 8月 24 rootComponent以外のComponentで参照するプロパティは基本的に全てpropsになるしstoreから... 続きを読む

State, Promises, & Reactive Programming, with Yasuhiro Inami - Realm is a mobile database: a replacement for SQLite & Core Data

2015/07/02 33 users watchOS Promises Core Data

Realm now supports Xcode 7, Swift 2.0 & watchOS! Read our blogpost for details. Realm is a mobile database: a replacement for SQLite & Core Data. This is our blog. Promises are a well-known design pat... 続きを読む

reactjs - React Native ファーストインプレッション - Qiita

2015/03/28 338 users Qiita reactjs ファーストインプレッション 作法

React Native 概要 React.js とだいたい同じ作法で、JavaScript で書いたコードが iOS ネイティブアプリとして一応動く。そのフレームワークと開発環境を提供する。 React.js と同じ React を謳っているとおり、JSX で UI コンポーネントを定義するとか、Props や State で View のデータフローを整えるとか、setState() によるデ... 続きを読む

検証・日本人人質事件:ＩＳ派閥、綱引き　ヨルダン依頼「仲介役」国境へ　首相周辺「国難に直面した」 - 毎日新聞

2015/02/08 56 users 綱引き 国難 毎日新聞 Ｉｓｌａｍｉｃ 国境

◆１月２８日 ◇解放交渉に進展？ トルコとシリアの国境で動きがあった１月２８日、ヨルダン国内でもイスラム過激派組織「イスラム国」（ＩＳ＝Ｉｓｌａｍｉｃ　　Ｓｔａｔｅ）が身柄を拘束するフリージャーナリスト、後藤健二さん（４７）の解放交渉が進展したとする情報が駆け巡った。英国を拠点とするアラブ紙アルクッズ・アルアラビ（電子版）が同日早朝、ヨルダン当局がサジダ・リシャウィ死刑囚釈放を「決断」したと報道し... 続きを読む