Nuro光のONU(F660A) ルーター機能を外せないから対策してみた(IPv4,IPv6対応) – たつろぐ | tatuiyoWebServer
Nuro光のONU(F660A) ルーター機能を外せないから対策してみた(IPv4,IPv6対応) by tatuiyo · 公開済み 2020年5月21日 · 更新済み 2021年9月30日 Nuro光を契約したらONUとルーターがくっついたF660Aが来ました。 ルーターは別に用意してONUの機能だけ使いたいと思ってましたが、ルーター機能はどうやっても切れないっぽいです。 別のルーターを普通に繋げたら二重NAPTになってしまうので対策してみました。 用意したルーターはYAMAHAのRTX1200です。 手順まず最初にF660AとRTX1200のLAN2のポートを繋げます。 IPv4はDMZ転送を利用します。 これでF660Aが把握していない通信はすべてRTX1200に流れます。 ①RTX1200のMACアドレス確認RTX1200の管理画面に入って、左の項目のハードウェアをクリック LA
Next.js 14 リリースなど: Cybozu Frontend Weekly (2023-10-31号)
はじめに こんにちは！サイボウズ株式会社フロントエンドエキスパートチームの BaHo です。 サイボウズでは毎週火曜日に Frontend Weekly という「1 週間の間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2023/11/31 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Rspress, the Rspack-based static site generator Rspack ベースの Static Site Generator である Rspress の v1 がリリースされました。 i18n 対応やコンポーネントのプレビューなど、様々な機能が盛り込まれているようです。 Faster TypeScript builds with --isolatedDeclarations TypeScr
Check out MUI's CEO Olivier Tassinari introducing Pigment CSS at React Conf 2024: In the era of React Server Components and the Next.js App Router, component libraries like Material UI have an opportunity to gain performance improvements by moving rendering work from the client to the server. Trouble is, the "traditional" CSS-in-JS solutions we rely on aren't able to come along with us because the
[Multi-AS Segment Routing 検証連載 #14] Color-Based Steering using IOS XR, Junos and SR OS - NTT Communications Engineers' Blog
サマリ 概要 検証 1. Color 200 用 SR Policy の作成 SR Policy の確認 2. Color の付与と広告 経路の確認 動作確認 まとめ サマリ SR-MPLS + VPNv4 + explicit path による BGP Color を用いた Traffic Engineering (TE) を実現 IOS XR + Junos + SR OS の Multi-vendor 環境での動作検証に成功 この記事は Multi-AS Segment Routing 検証連載の第 14 回です。過去の記事一覧は こちら にあります。 概要 イノベーションセンターの田島です。本連載のような Segment Routing 関連の技術検証の指揮を執ったり、自動化による高度な運用を開発したりしています。 本記事では IOS XR + Junos + SR OS の Mu
![[Multi-AS Segment Routing 検証連載 #14] Color-Based Steering using IOS XR, Junos and SR OS - NTT Communications Engineers' Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/6edbf72ce285dca69f2d53d47ffa643555e7c284/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FN%2FNTTCom%2F20230828%2F20230828203042.png)
自分の今のプロジェクトのTunaclo API Connectを使いながらコンテナネットワークにの可能性ついて少しデモをしてみる。ぶっちゃけ宣伝。 L7ネットワークが面白い事になってきていると思っていただければ幸い。今回はファイアウォールは閉じたまま遠隔ノードの死活監視を実施する。 背景：Application Firstデモの前に背景を。クラウドネイティブの観点ではApplication Firstということが必要だ。Kubernetesは多くのインフラ機能をApplication Firstにしてきた。Infrastructure as a codeとも相まって、多くの機能はアプリケーションエンジニアが直接扱える形になってきた。 そんな流れの中で通信もL7(http/https)中心になり、サービスメッシュみたいな中継コントロールのアイデアが入ることでネットワークもApplicatio
はじめに 株式会社Awarefyというメンタルヘルス領域のスタートアップでフロントエンドを中心に担当している @nitaking です 2023年4月頃に構築したWEBサイトの構築した際の構成の経緯、技術選定、トラブルシューティングを備忘録として記録しておきます。 すぐ陳腐化する技術の世界なので（もう半年経って状況変わっているし）スナップショットとして活用ください。 また社内ドキュメントにもしてしまおうの趣旨なので、その点をご留意ください 時期 2023年4月頃、Next.js AppRouter(appDir)がbetaだった時期 背景 メインプロダクトはモバイルアプリ（Flutter） バックエンド通信はgRPC 全社的にクリーンアーキテクチャを導入 基本構成 React, TypeScript, Next.js React React・Next.jsの方向性にやや懐疑的な点もあったの
Wi-Fine
Wi-Fine It is fine to use public Wi-Fi, even without a VPN. Enjoy travelling and avoid high roaming costs! Nothing is 100% safe, but public Wi-Fi is such a small risk that it does not warrant the attention it still gets. Avoiding it has become a form of security theater. Modern internet protocols are designed with the assumption of an untrusted network layer. If all networks are assumed to be untr
LayerX インボイスの技術スタック〜分野横断で開発するためのSchema Driven Development〜 - LayerX エンジニアブログ
DX事業部の @yyoshiki41 です。 今回は、今年1月にリリースしたLayerX インボイス のアプリケーション開発についてです。 インフラ構成については、昨日のLayerX インボイスのインフラアーキテクチャで紹介されています。 tech.layerx.co.jp LayerX インボイスというプロダクトの特徴 LayerX インボイス は、主に経理業務を行う方を対象ユーザーにした SaaS プロダクトです。 サービス内で以下の業務を行うことがメインになっています。 請求書の受領 請求書から仕訳を行う オンラインバンキングに取り込むためのデータを出力する 会計ソフトに仕訳データを連携する また上記の他にも マスタデータ（例えば、仕訳データの入力に使う取引先や部門、税区分など）の管理や会計ソフトへの連携 源泉税の支払管理 請求書の社内での確認 などを行う機能が実装されています。 エ
はじめに Reactの学習兼ねてWebアプリを作成してみました。 タイトル通り、Reactのインプット期間は1週間程です。 （仕事してるので時間でいうと恐らく数日程度です） 今回の記事では、インプット学習歴1週間でもなんとか作れた話をお伝えします。 ※挑戦する段階で1週間程度のインプットで開発を始めたという話です。 開発期間は余裕で1ヶ月以上かかりました。 私についてですが、今年6月からフロントエンドエンジニアを目指して独学中です。 アプリを作り始めたスキルレベルは、主にHTML/CSS/JavaScriptを勉強しておりました。 0から作ったことはないので、今回が初めてのアプリ作成になります。 見ていただくとわかる通り比較的シンプルなアプリなのですが、 私にとっては全く簡単ではなく、、でも何とか作成できました！ 今回作ったもの ログイン機能付きの収支管理アプリです。 いわゆる家計簿アプリ
React Router v6: 変更点とv5との違いを初学者向けに詳しく解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
はじめに React Routerとは何ですか？ React Router v6 スイッチコンポーネントをルートに置き換え 相対パスとリンク 正確なルートパスを指定するNavLink useNavigateに置き換え 最後に はじめに React Router v6は最新のバージョンであり、最近React Routerを学習し始めた方々にとっては、既にこのバージョンを使用しているかもしれません。 v6には多くの変更点が加えられており、v5との違いや変更点について初心者の方々に詳しく説明していきます。 以前の記事では、React Router v6でのルーティングの解説を行っていました。 dev-k.hatenablog.com ただし、この記事はReact Router v6が最近アップグレードされたばかりの頃に書かれたものであり、現在の最新情報とは異なる可能性があります。 そのため、読者
Popular Node.js patterns and tools to re-consider | Practica.js
Node.js is maturing. Many patterns and frameworks were embraced - it's my belief that developers' productivity dramatically increased in the past years. One downside of maturity is habits - we now reuse existing techniques more often. How is this a problem? In his novel book 'Atomic Habits' the author James Clear states that: "Mastery is created by habits. However, sometimes when we're on auto-pil
State of CSS 2023 の結果公開など : Cybozu Frontend Weekly (2023-08-29号)
State of CSS 2023 の結果公開など : Cybozu Frontend Weekly (2023-08-29号) こんにちは！サイボウズ株式会社 フロントエンドエキスパートチームの @mugi_uno です。 はじめに サイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。 今回は、2023/08/29 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 <search> が Chrome118 で実装予定 検索や絞り込み要素に関するコンテナ要素である <search> が Chrome 118 で実装予定とのことです。Firefox や Safari にはすでに実装済みのため、メジャーブラウザの多くで利用可能になります。 Fresh 1.4
With a new year upon us, we also have a new blog! In this post, we would like to take a look back at some of the highlights from 2020, as well as some ideas we have for 2021. Looking Back at 2020 2020 has been a challenging year, to say the least. Nonetheless, the team has made the best of a difficult situation. Despite an already massive user base, Vue's NPM downloads and Devtools weekly active
Material-UIでダークモードを設定 React Material-UIではThemeProviderにテーマオブジェクトを渡すことでフォントやテーマの色を変更することが出来ます。テーマオブジェクトはcreateMuiThemeで作成します。 テーマをダークモードに変更する場合は、テーマオブジェクトのpalette.typeプロパティでdarkを指定するだけです。 import React from "react"; import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles"; import * as colors from "@material-ui/core/colors"; import CssBaseline from "@material-ui/core/CssBaseline"; con
はじめに 一般的なWifi AP専用機がブリッジモードで動作するのと異なり、Google Nest Wifi（旧製品のGoogle Wifi含む）は、デフォルトでルーターモードで動作します。 ほぼ素通しのブリッジモードと違い、ルーターモードの場合は利用するIPv6ネットワークの割り当てが必要になるため、フレッツ光接続しているルーター配下にGoogle Nest Wifiを接続した場合、IPv6を使うにはちょっと面倒な設定が必要になります。 ブリッジモードで動作させることも可能ですが、その場合はメッシュネットワークやファミリーWi-Fiなど、Google Nest Wifiならではの機能を使うことができません。 せっかくならばフル機能のGoogle Nest Wifi環境でIPv6を使いたいものです。このArticleではその方法の一例を解説します。 ちなみに、ちょっと面倒なのはIPv6を使
Working From Orbit. VR Productivity in (or Above) a WFA… | by Paul Tomlinson | Sep, 2021 | Immersed
Play Working From Orbit - by Paul Tomlinson, via SoundCloud I float in space, surrounded on all sides by a grand view of the Milky Way Galaxy. A movie-theater-sized screen hangs before me, gently curved, everything at the perfect viewing distance. Eight different panes glitter with code, facets of a technological jewel granting views into the brain of a system responsible for moving tens of millio
Vue 3から始める、Vue.js 第1回 Vue 3はどう変わったか 2020年9月にバージョンアップしたVue 3を複数回にわたって取り上げます。第1回目はVue 3の概要を紹介します。 はじめに 本シリーズでは2020年9月にリリースされたVue 3をベースに、Vue.jsの基本的な使い方を解説します。内容としてはVue 3に特化したものではなく、Vue 3以前からある機能も網羅して、はじめてVue.jsに触れる場合でも理解できるように解説していきます。 第1回目はVue 3の概要やVue 2との違いを解説しますので、これからVue.jsに触れる人には若干難しい概念も含まれるかもしれません。これからシリーズを読み進めてもらうと、だんたんクリアになってくると思いますので、今は、あまり気にせず読んでください。 初出記事より改定 本記事は2020年12月に公開されましたが、その後のVueの
クラスメソッドのReact事情大公開スペシャル -「長期運用に耐えるフロントエンド目指して」というテーマで登壇しました #クラスメソッド勉強会 | DevelopersIO
クラスメソッドのReact事情大公開スペシャル -「長期運用に耐えるフロントエンド目指して」というテーマで登壇しました #クラスメソッド勉強会 先日、クラスメソッドのReact事情大公開スペシャルというイベントにて、「長期運用に耐えるフロントエンド目指して」というテーマで登壇しました。 登壇資料 登壇資料はこちらです。 フロントエンド開発、順調に進んでる？ 会場でも来場者のみなさんに軽く聞いてみましたが、首を横に振られている方が多かったように思います。 （残念ながら私もNoです🥺） なぜそんなに苦労しているのか、それはフロントエンドならではの難しさがあるからだと私は考えています。 一つは変化の激しさです。 Reactを例にとって考えてみると、直近では従来からあるSPA・クライアントサイドでのレンダリングが主流だったものからServer Componentが出てきたりして、関心がサーバ
AWS Lambda Web AdapterでServerless Next.jsを実現する - Activ8 Tech Blog
こんにちは、フロントエンドエンジニアの堀江（@nandemo_3_）です。 2023年6月22、23日にAWS Dev Day 2023が開催されましたが、 「モダンフロントエンド デザインパターン〜優れたUXを実現するには〜」というフロントエンドの最新動向に関するセッションがありました。 speakerdeck.com そこで、Serverless Next.jsとそれをAWSで実現するインフラストラクチャーが紹介されており、 今回は、それを具体的に実現する方法をまとめました。 はじめに まず、今回Serverless Next.jsを実現するために、AWS Lambda Web Adapterを使います。 Lambdaは、主にAPIなどのサーバサイド処理をサーバレスで実現するために使われますが、 AWS Lambda Web Adapterを用いることで、Lambda関数をWebアプリ
こんにちは丸山@h13i32maruです。すごい今更ながらNext.jsに入門したので感想をメモしておこうと思います。 入門資料 @hokacchaさんがクックパッド社のインターンシップ用に公開している動画を見て入門しました。要点がコンパクトにまとまってるので、これを見れば基本は理解できるようになってよかったです。 SSG CodeLunch.fmのサイトをNext.jsのSSGで作り直しました。もともとreact-dom/serverのrenderToString()を使ってなんちゃってSSGを自前で実装していたので、移行は簡単でした。getStaticPropsやgetStaticPathsの仕組みはうまいこと考えられてていいな〜と思いました。 それと、データを特に持っていない本当の静的サイトでもNext.js使ってSSGで作るのは良さそうと思いました。サイト内のパーツをReactコン
Brain上ではLinuxが動きます、つまり puhitakuさんが、SHARPの電子辞書 「Brain」 上で動作するLinux distribusion 「Brainux」を開発、公開しています。 https://brainux.org/ 電子辞書は組み込みLinuxの夢を見るか？ - Zopfcode Linuxが動くと、色々なことができるようになります。 そこで、普段Rubyを使っている僕はあることを思いつきました。 「電子辞書上のLinuxでRubyをビルドすると何時間かかるんだろう？」 これってトリビアになりませんか？ やってみる はじめに参考情報として、GCP e2-medium (vCPU 2, Mem 4GB) でbuildした場合は11分かかりました。 me@ruby-build:~$ time rbenv install 3.0.1 Downloading ruby-
App Routerの場合 例えば、以下の構成であれば、「/」にアクセスするとapp/page.jsが表示され、「/products」にアクセスするとapp/products/page.jsが表示されるようになります。 app └── (Auth) --> ルートグループ。URLには影響しないが、関連するページをグループ化する ├── layout.js --> 共通化したいレイアウトを定義する └── signin └── page.js --> /signinにアクセスした際に表示する内容を定義する また、App Routerにおけるファイル規約はこのようになっています。 default.js: デフォルトの画面 error.js: 404エラー画面 layout.js: 共通のUIを設定する loading.js: ローディング画面 middleware.js: リクエストが完了する
Amazon Auroraとは？ Amazon Auroraは MySQL及びPostgreSQLと互換性のあるクラウド向けのリレーショナルデータベースです。 まずAuroraを話す前にAmazon RDSについて少し話します。Amazon RDSはクラウドの上でリレーショナルデータベースを使えるサービスです。 フルマネージドサービスでバックアップ、ソフトウェアパッチ、自動的な障害検出、および復旧を管理します。そしてDBインスタンスのCPU、メモリ、IOPSやストレジを個別に設定できまし、マルチAZやフェイルオーバなど高可用性のリレーショナルデータベースサービスです。 Amazon AuroraはAmazon RDSが提供しているデーターベースエンジンの一つで、MySQL最大５倍・PostgreSQL最大３倍のパフォーマンスを提供できます。 AuroraはRDSとは違うアーキテクチ
この記事は「Svelteで始める頑張らないフロントエンド生活 前編」の続きです。読み進める前に、先にそちらをご覧ください。 前編のおさらい 「Svelteで始める頑張らないフロントエンド生活 前編」ではSvelteの基本的な使い方を学びました。 Svelteでは、変数のバインド、コンポーネントの作成、分岐表示処理などを簡単に実現することができました。Svelteは他のフレームワークほど強力な機能を持っているわけではありませんが、シンプルなアプリを作る際には心強い機能を提供してくれます。 今回作るもの ノートアプリ Svelteの基本的な使い方については習得したので、今回はノートアプリを作ってみましょう。以下のようなイメージです： シンプルですが、ウェブアプリを作る上で重要なことを制作過程で学べます。 Single Page Application(SPA) Single Page Appl
週刊Railsウォッチ（20200817前編）お盆も続くRails改修、Rails 6.1にManyモナドが入る？rails-auth gemでクライアント認証ほか｜TechRacho by BPS株式会社
2020.08.17 週刊Railsウォッチ（20200817前編）お盆も続くRails改修、Rails 6.1にManyモナドが入る？rails-auth gemでクライアント認証ほか こんにちは、hachi8833です。皆さま熱中症にはお互い気をつけましょう。 参考: 熱中症を防ぐためには（環境庁PDF） つっつきボイス:「昨日急に体調つらくなって、自分でもびっくりするぐらい丸一日寝てたんですけど、もう一日の記憶がありませんし😇」「これだけ暑いと冷房の効いた部屋にいても体調悪くなりそうですよね...」「いやホントお大事に💊」「ウォッチも熱中症対策ということでエントリを減らし目にしました」 私も猛暑になるととりあえず梅干ししゃぶってクエン酸補給してます。 「そうそう、『室温28℃はエアコンの設定温度ではありません』ってよく注意喚起されてますよね」「自分はとりあえずエアコン27℃にして
React Router v5.1 で導入された Hooks API について - 30歳からのプログラミング
React Router のv5.1で Hooks API が導入された。 reacttraining.com URL パラメータやhistoryオブジェクトなどを、より簡単に取得できるようになった。 これまでの書き方も使えるが、今後のバージョンアップで非推奨になる可能性が高いとのことなので、今のうちに Hooks を使った書き方に慣れておいたほうがいいかもしれない。 個人的にはwithRouterを使わなくてもよくなるのが便利だと感じた。 この記事の内容は以下のバージョンで動作確認している。 react@16.10.2 react-router-dom@5.1.2 今回導入された API は以下の4つ。 useParams useLocation useHistory useRouteMatch コードを見ると、どれもReact.useContextを使って実装している模様。 react
[Multi-AS Segment Routing 検証連載 #6] IGP Flexible Algorithm - NTT Communications Engineers' Blog
サマリ Flexible Algorithm による VPN 経路の TE を実現 IOS XR + Junos の Multi-vendor 環境で動作検証に成功 この記事は Multi-AS SR 検証連載の第 6 回です。目次は こちら 概要 イノベーションセンターの田島です。 本記事では Flexible Algorithm を用いた Traffic Engineering について解説します。 Flexible Algorithm で計算された最適経路によって L3VPN の転送が行われる例や、トポロジーが変化しても制約を満たす経路が自動で再計算される例を検証で示します。 これまでの記事でも紹介したように TE を実施する場合において、対象が L3VPN と L2VPN とでは差異が無いため、本記事の内容は L2VPN でも適用可能です。 なお Flexible Algorith
![[Multi-AS Segment Routing 検証連載 #6] IGP Flexible Algorithm - NTT Communications Engineers' Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e1473b2ca765607d2a7761f9cbbdbf61aafb5e5/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FN%2FNTTCom%2F20220816%2F20220816221809.png)
業務で仮想スクロールを使った改善に関わる機会があり、その辺りの知見を活かしつつ、個人的にやりたかったことなども盛り込みつつ、React 用の OSS を作成しました。 もしよろしければスターいただけると励みになります。 使い方 以下のように通常の div などの場合とほぼ変わらない記述で、簡単に仮想スクロールによるパフォーマンス改善を導入することができます。 一般的に、仮想スクロールは単に表示するだけでもセットアップが面倒だったり、特に高さが未知もしくは可変の要素を表示した時にうまく動いてくれないものも多いですが、その辺りも自動的にハンドリングしてくれます。また各 component の bundle size も約 3kb(全体で約 4kb)なので導入し易いと思います。 import { VList } from "virtua"; export const App = () => {
プロローグ（茶番） ～昨年10月、インターン先にて～ 上司「kenさんにはこの機能の開発を担当してもらいたいと思います」 私「はい」 上司「機能を見てもらえればわかる通り、一部フロントの修正も必要になるのでわからないところがあれば聞いてくださいね」 私「承知しました」 ～その後～ 私「コード読んでるけどなんもわからん……。俺が今回いじるべきなのはどれ？てかpropsってなに？Redux？？？あれ、cssってどう適用させればいいの？」 私「わからないことが多すぎて何から聞いたらいいのかわからん……。」 この記事について こんにちは、kenです。普段はGoとPythonを使ってます。 プロローグで読んでいただいた内容はすべてノンフィクションです。インターン生ながらにしてありがたいことに新規機能の開発を任してもらうことがあったのですが、フロントエンドがなんもわからんすぎて何度も「おれは!!!弱い
JSer.info #527 - TypeScript 4.2 RCがリリースされています。 Announcing TypeScript 4.2 RC | TypeScript Tuple TypesでRest Elementをサポート、Type Aliasの型追跡の仕組みを改善して表示される型が分かりやすくなるように。 また、オブジェクトではないオペランドに対してin演算子を利用した場合に、コンパイルエラーとなるように変更。 その他には、noPropertyAccessFromIndexSignatureオプションの追加、abstract newのサポート、--explainFilesフラグが追加されています。 TypeScript 4.2 Betaの時点では、Template Literal式をデフォルトでTemplate Literal Typeとして扱うように変更されていました。
Powerful route planner that prefers greenery and can generate round trip routes of a specified distance | Trail Router
Our routing algorithm prefers paths that go through parks, forests or by water, and avoids busy roads wherever possible. Here's a few things you can do with Trail Router: Automatically plot a round-trip route of a desired distance. Manually create your own point-to-point route that prefers nature. Choose whether you'd prefer routes that involve nature, well-lit streets or a lack of hills.
ep.51 Vue 3 Study『Teleport でキレイに解消するモーダルの z-index 問題』 | UIT INSIDE
@spring_raining が @potato4d に Vue 3 で追加される Teleport (Portal) について話を聴きました。 About Vue 3 Study 社内勉強会で開催している Vue 3 の勉強会企画 RFC を一つずつ追っていく 今は Vuex, Vue Router の新バージョンのウォッチも継続中 Guest @potato4d Teleport いわゆる “Portal” の機能の Vue.js 版 仮想 DOM 上の親子関係を飛び越えて、別の場所にある DOM に対して要素をマウントする機能 Portal の必要性と嬉しさ 実 DOM 操作する時代が終わった開発環境における z-index の取り扱いの悩みを解消 頻出するのはモーダル 子孫ではスタックコンテキストが分けられてしまっているため被り順で問題が起こる しかしモーダルの呼び出し元は子孫の
One big question keeps coming up after the Remix v1 release: What about React Server Components? Great question! Like many of you, we've been experimenting with React Suspense since it was first announced in 2018. In fact, the early versions of Remix used it. Realizing it probably wouldn't be released by the time we were ready, we built the async parts of Remix into the framework and are very happ
React アプリ構築するときのディレクトリ構成とかについて最近やっていること こんにちは。私は最近 React アプリを作る時以下のようなディレクトリ構成でやっていっています。 src/ ---> App.tsx |---> Components/ ---> Fuck/ ---> index.tsx | | |-> useSomething.ts | | |---> SubComponent/ ---> index.tsx | | | |-> Shit/ ---> index.tsx | |---> hooks/ ---> useGarbage.ts | |-> useShit.ts | |---> store/ ---> index.ts |-> modules/ ---> gomi.ts |-> unko.ts store 以下は redux を使う場合で Ducks っぽい奴がいま
ルータの簡易 NAS 機能 - IwaoMISHの日記
以前から存在は知っていたのですが，ルータのファイル共有機能を試してみました． NAS のファイル共有と似た様な用途で利用できます． 私は au ひかりを利用していて，ホームゲートウェイに USB ポートが付いています． www.aterm.jp * ここでは「ホームゲートウェイ」と「ルータ」を同じものとして書いています． 他社のルータでも同じような機能が付いているものがあります． 手っ取り早く調べるのならば，ルータに USB ポートがあるかで判断できます． 今回は，普段使っている 16 GB の USB メモリをそのまま使用しました． それをホームゲートウェイの USB ポートに接続します． ホームゲートウェイの設定画面で，必要に応じて設定します． 管理画面では次の様に見えます． Win10 から接続する場合，SMB 1 クライアント が必要でした． また私の環境が特殊なためか，IP での
どうも！大阪オフィスの西村祐二です。 Angularでアプリケーションを作っていると、ログイン時のトークンやいろんなコンポーネントでよく使う情報をどうやってアプリケーション内で管理していくか悩むことがあります。 Angularには、Reduxベースで状態を管理できる準公式ライブラリのNgRxがあります。 v8になってボイラーテンプレートなどの記述量が減って使いやすくなったので、今回はNgRxをつかってTODOアプリケーションを作ってみたいと思います。 NgRxとは NgRxはAngularアプリケーション用の状態管理ライブラリです。 NgRxを利用するとReduxのような状態管理ができます。 また、NgRxはRxJSベースで作られており、状態をストリームとして扱うことができます。 なんでNgRxを使う？ 簡単に説明すると状態管理にルールを付けて、秩序をもたらすためです。RxJSでも状態管理
目次 今から始めるReact入門 〜 React の基本 今から始めるReact入門 〜 React Router 編 ←★ここ 今から始めるReact入門 〜 flux編 今から始めるReact入門 〜 Redux 編: immutability とは 今から始めるReact入門 〜 Redux 編: Redux 単体で状態管理をしっかり理解する 今から始めるReact入門 〜 Redux 編: Redux アプリケーションを作成する 今から始めるReact入門 〜 Mobx 編 Single Page Application (SPA)について 今回はreact-router を使用して宣言的記法を利用したSingle Page Application (SPA) の作成について勉強していきたいと思います。 React Router はUI とURL を同期させるライブラリで、例えば閲
JSer.info #705 - webpackとの互換性を持つようにRustで書かれたbundlerであるRspack 1.0がリリースされました。 Announcing Rspack 1.0 - Rspack 0.7からの破壊的な変更もいくつか含まれているため、マイグレーションガイドも公開されています。 Migrating from Rspack 0.x - Rspack Safari Technology Preview 202がリリースされました。 Release Notes for Safari Technology Preview 202 CSSのbackground-clip: border-area/ruby-align、shape() function/@pageでjis-b4とjis-b5のサポートなどが追加されています。 また、ECMAScript Proposal
React Router v6 Preview
The next major version of React Router, version 6, is just around the corner. We published the first alpha release back in January, and we released another alpha last week. For version 6, I'm using "alpha" to mean "not yet feature complete". I also anticipate having some minor breaking changes between alphas as we nail down the final APIs. For these reasons, I've been hesitant to publish anything
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Wi-Fi中継器を買う」のではなく、「Wi-Fiを拡張する」という考え方とは？ ルーターを拡張する「Extendable Router」とはなにか？【Wi-Fiルーターを「拡張」しよう 「Wi-Fi中継器を買う」のではなく、「Wi-Fiを拡張する」という考え方とは？】
A preview of Pigment CSS: the next generation of CSS-in-JS - MUI
App Firstのクラウド間接続｜kamezawa.hiroyuki｜note
【Next.js】AppRouter beta時代の技術構成・選定・トラブルシューティングログ
初心者がReact学習歴1週間でWebアプリ作成に挑戦してみた（感想編） - Qiita
Reflections for 2020-2021 | The Vue Point
React + Material-UIでダークモードを実装してみた | DevelopersIO
Google Nest Wifiとフレッツ光でIPv6したい
Vue 3から始める、Vue.js | 第1回 Vue 3はどう変わったか
今更ながらNext.jsに入門した - maru source
電子辞書 'Brain' 上でRuby 3.0をビルドするのには○○時間かかる | うなすけとあれこれ
App Router時代のZero-Runtimeの理解を深める
Aurora Serverlessについての整理 | DevelopersIO
Svelteで始める頑張らないフロントエンド生活 後編
React Server Components 対応の仮想スクロールライブラリを作りました
ワイ「フロントエンドなんもわからん……」←さすがにやばいと感じたので入門することにしました - Qiita
2021-02-16のJS: TypeScript 4.2 RC、WebdriverIO v7、Nuxt.js 2.15.0
React Server Components and Remix
React アプリ構築するときのディレクトリ構成とかについて最近やっていること - Diary
はじめてのNgRx v8を使ったAngularアプリケーション | DevelopersIO
今から始めるReact入門 〜 React Router - Qiita
2024-09-01のJS: Rspack 1.0、Safari Technology Preview 202、Material UI v6