I’ve always liked programming patterns. Not as a dogmatic “always preemptively follow this”, but as “wow, this is a way to structure code that has worked in some contexts, and that I can learn from”. Patterns are a good way to reflect on battle-tested experiences abstracted as reusable guides. This post is such a thing, albeit a very simple one. A summary of how we as a team have organized React C
React Location introduces a new perspective to routing, including features not included in other routing libraries like promise-based data loaders, async route loaders, code splitting, etc., for a better routing experience. In this tutorial, you will learn how to use React Location to handle routing in a React application. You should be familiar with React and have Node installed in your system. W
プロダクトマネジメントを学びたい人、プロダクトマネージャーにおすすめの書籍です。 以下、記載した書籍のリストです ## Product Management ### プロダクトマネジメントを広く理解する 「プロダクトマネジメント ―ビルドトラップを避け顧客に価値を届ける」オライリージャパン (2020/10/26) https://www.amazon.co.jp/dp/4873119251/ 「プロダクトマネジメントのすべて 事業戦略・IT開発・UXデザイン・マーケティングからチーム・組織運営まで」翔泳社 (2021/3/3) https://www.amazon.co.jp/dp/4798166391/ 「INSPIRED 熱狂させる製品を生み出すプロダクトマネジメント」日本能率協会マネジメントセンター (2019/11/1) https://www.amazon.co.jp/dp/4
鉄道事業(安全の取り組み) 鉄道事業(安全の取り組み)トップ JR西日本グループ鉄道安全考動計画2027概要 安全管理体制 安全管理体制に対しての第三者評価 福知山線列車事故後の安全性向上に関する取り組み 安全の取り組みの紹介 事故などの発生状況 お客様にご迷惑をおかけする事象への対策 お客様・沿線の皆様との連携 鉄道を支える人たち~社員紹介~ 鉄道安全報告書 踏切事故防止 安全研究所 鉄道事業(快適にご利用いただく取り組み) 鉄道事業(快適にご利用いただく取り組み)トップ CS向上の取り組み 技術開発の取り組み プロジェクト工事 JR WEST LABO 創造事業(物販飲食・不動産・SC・ホテルなど) 創造事業(物販飲食・不動産・SC・ホテルなど)トップ 物販飲食事業 ショッピング ホテル 住まい くらし 企業・IR・採用・法人向け情報 企業・IR・採用・法人向け情報トップ 企業理念・安
どうもフロントエンドエンジニアのoreoです。 今回はWebブラウザのレンダリングの仕組みについてまとめたいと思います。あまり意識していなくても開発はできますが、知っていればパフォーマンスの改善やAccessibilityの向上に役立ちそうですね。 1 レンダリングとは? 普段私たちは、WebブラウザにURLを指定することで、そのリソースをブラウザ画面に表示できます。この時の 「指定したリソースをブラウザ画面に表示すること」を「レンダリング」と言います。 Webブラウザは、下記のように多くの機能を搭載していますが、この中でRendering engineが、レンダリングを実行します。 参考:https://web.dev/howbrowserswork/ ちなみに、ブラウザごとのRendering engineは下記になります。 Rendering engine Browser 参考:ht
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション
電子商取引(EC)での購入が生活にすっかり定着したが、リアル店舗にはかなわない点もある。その代表が、衣料品や化粧品などが自分に合うかどうか確かめる実物でのお試しだ。そうしたデジタルの限界を超えようと、米アマゾン・ドット・コムや中国アリババ集団などのEC大手がスタートアップと組み、「バーチャルお試し」などネット上の新たな購買体験の開発に取り組んでいる。オンライン消費が増え、顧客はデジタルを好むよう
『EVE ghost enemies』は、1995年の『EVE burst error』からはじまる『EVE』シリーズの最新作。私立探偵「天城小次郎」と内閣調査室の捜査官「法条まりな」のそれぞれの視点から事件と謎が描かれる「マルチサイト」が特徴のコマンド選択型アドベンチャーゲームだ。 ある日、私立探偵のもとに天城小次郎のもとにライバルである桂木弥生からの仕事が舞い込む。それは小次郎の師匠であり、弥生の父・桂木源三郎を名指しした依頼だった。沢城堂村に向かった小次郎だが、そこには村の伝承になぞらえた不穏な噂が流れていた。 一方、まりなは暴走車の爆発事件に出くわす。この事件をきっかけに、CIAと内閣調査室の合同調査がはじまり、まりなの前に古い友人シェリィ・メアが姿を表すのだった。 (画像はMy Nintendo Storeより)(画像はMy Nintendo Storeより)(画像はMy Nin
今回は改めてHTTP/3とはどのようなもので、QUICとは何か、HTTP/2時代からの改善点と我々はHTTP/3の波に乗るべきなのかチェックしていきたいと思います。時がたち次世代Web通信プロトコル「HTTP/3」の標準化プロセスが完了し、2022年6月に「RFC 9114」となりました。既に基盤となる「QUICプロトコル」の標準化プロセスも完了し、RFC9000としてRFCとなりました。もうHTTP/3は無視出来ないところまできています。 HTTP/3の誕生と歴史HTTP/3とは、HTTP/1.1 HTTP/2に続く新しいバージョンの約束事です。HTTP/1.1からHTTP/2は様々な点で劇的な進化を遂げましたが、HTTP/3はHTTP/2の根本的な課題をTCP・TLSの融合という形で解決し問題点を補うよう進化してきました。 1991年:HTTP/0.9(HTTPの始まりGETメソッドし
踏み込むたびに気持ちいい 僕が特に感動したのは、足が直に触れる層。 シダス独自の研究開発から生まれた立体形状となっており、土踏まずをそっと持ち上げてくれているような不思議な履き心地なんです。 土踏まずのアーチは足にかかる体重や衝撃を分散する役割を担っているそうで、このアーチが減ってしまうと痛みや怪我の原因にもなるのだとか……。 僕は趣味の登山で1日に10時間以上歩くことも多々あるのですが、疲労が溜まってくると足がむくんだり、足に痛みがでてしまうことがよくあります。 もう一歩も歩きたくない、というほど辛いときにも、3Dサンダルを履いて歩いてみると驚くほど気持ちがいい……! 踏み込むたびに優しくマッサージをしてくれているような感覚で、足が自然と前に出る印象。姿勢もよくなり、足のむくみもマシになった気がします。 指圧マッサージなどにはなかなか行くことができないので、履いて歩くだけでいいのはありが
日本初、DAO型シェアハウス「Roopt神楽坂 DAO」が始動!〜学生起業家が”Web3.0”、”ブロックチェーン”上で理想の住まい模索〜 新規事業創出のスタートアップスタジオである株式会社ガイアックス(本社:東京都千代田区、代表執行役社長:上田 祐司、証券コード:3775、以下 ガイアックス)および、空き家活用のシェアハウスで若者のU・Iターンを創出する株式会社巻組(本社:宮城県石巻市、代表取締役:渡邊 享子、以下 巻組)は、日本初(※1)となるDAO(※2)型シェアハウス「Roopt(ループト)神楽坂 DAO」の加入者募集を本日より始めます(参加申込フォーム: https://roopt.jp/roopt-kagurazaka-dao/ )。 DAO型シェアハウスは、物件をオーナーが単体で管理運営するのではなく、入居者およびその他の出資者が自律的に、全面的な運営に関与できるのが特徴です
TAM、SAM、SOMについて、分かりやすい具体例と共に解説します。 TAM、SAM、SOMがどういう意味か知りたい。 TAM、SAM、SOMってたまに耳にするけど、どういう時に使うか分からない。 TAM、SAM、SOMって覚えておいたほうがいいの? 上記のお悩みをお持ちの方、あるいはこれから新規事業の立ち上げ時に必要なことでお悩みの方は、この記事は必見です。 記事を読むことで、新規事業立ち上げ時の具体的に行うべきことが明確になります。事業規模に関わらず、誰でも知っておくべき内容となっておりますのでぜひ最後までご覧ください。 *TAM、SAM、SOMとは?スタートアップのCEOが動画で解説 * 弊社inglowの代表である小里が、起業や事業推進の経験を踏まえ、直接解説しています。テキストではなく動画でリアルな情報をお求めの方は下記リンクから動画をご覧頂ければと思います。
こんにちは、よしこです。 この記事は 2020年に立ち上げたWebフロントエンド構成の振り返り の「Stateのアーキテクチャ」項の詳細記事です。単体でも読めますが、よければ元記事もあわせてどうぞ! この記事では、今わたしが開発・運用しているアプリケーションのState戦略についてご紹介していきます。 全体像 アプリケーションに存在する状態(State)を以下の3種類に分類し、それぞれのやり方で管理しています。 サーバーデータのキャッシュ Global State Local State 1. サーバーデータのキャッシュ 「SPAで管理する必要のあるGlobal Stateって、そのうちほとんどがサーバーデータのキャッシュだよね。それを取り除けたら、管理する必要のあるGlobal Stateってすごく小さくなるんじゃない?」という主張を私が認識しはじめたのが2020年の初旬でした。おそらく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く