NarumiumNext.jsプロジェクトの公開手順Next.jsで作ったアプリを公開、SSL対応、永続化するためのメモ。nowじゃなくて普通に自前のLinuxサーバーに載せることを考えます。気持ち的にはNext.jsプロジェクトの初期設定の続きです。コメントを残す【Typescript】Nullableに対する様々な操作Next.js(React)でTypescriptで書いていますが、DOM関連でNullableな操作が続きどう処理するのがいいか悩んだので色々やってみます。Typescriptは制限と同時にできることも多いので思いのほか色々できました。コメントを残すNext.jsプロジェクトの初期設定next.jsはnowと合わせると秒単位でWEBアプリを公開できるような超速フレームワークですが、それなりの規模のものを作ろうと思うと色々設定が必要です。慣れてきたので振り返りもかねてプロジェクト初期設定の備忘録。プロジェクト作成からGit設定、各種コンフィグ類の設定、必須ライブラリの導入とカスタムページの用意まで。コメントを残す【javascript】URLエンコードあれこれ色んなAPIを使っているとPOSTで情報取得をするものもあります。APIと自称してて??となることも多々。そんな中で躓くことの多いapplication/x-www-form-urlencodedのエンコードをどうするのがいいかなと試してみたので覚書き。基本的にネストしたデータは送らないという前提で書いていきます。階層化したデータを送る必要があるならapplication/jsonで送るかJSON.stringfyしたものを送るようになっているはず。いえ必要な場面が来るかもしれないのでそれっぽいコードも書いておきます。Blogのfeedをjavascriptで扱いたい。feedをjsonで返すプラグインなんてのもあったんですが、今後のことも考えて使う側でどうにかしたいと思います。jQueryの$.parseXML()を使うとかなり楽ですが、できればもうjQueryにはかかわらないようにしたい。APIを使ってXMLを処理してみます。コメントを残す【Node.js】サーバ処理で使う通信ライブラリここしばらくフロント開発が便利になった反面、サーバ(node.js)でこれ使えないんだっけとなることが多々あります。通信系は多種にわたる処理のいろんなフェーズで使うのため、その場その場で使うものを決めていたんですが今後のために少しまとめておきます。コメントを残すNext.jsで外部ライブラリのスタイルシート適応ReactでUIコンポーネントを使う時にMaterial-UIは一番有力な選択肢だと思います。modulesによるクラス名付与が合わなくなる問題が起きました。“MuiBox-root...これによって一部スタイルが崩れてしまう。devでの再コンパイルや内部遷移によって直ることもあるがproductionでも問題が起きるので使い物にならない状態なので対策します。コメントを残すNext.jsのポート番号設定Next.jsは基本ポート:3000で起動します。これを定義1つで起動ポートから、プログラムからの参照(自身のAPIアクセスなどで)までするためのメモ。APIを使いたかったけど、Reactライフサイクル内にないため使えなかった。propsを経由してconstructor()内でコンテクストに入れようとしたら中身にアクセスできなかった。componentDidMount()でも悪くはないけどrender()前に処理したいので、ドキュメントにない方法で使ってみます。コメントを残すNext.jsのライフサイクルと外部APIのタイミング簡単にReactを使ったSSRができるNext.jsを使っていて外部APIをfetchするときに色々戸惑ったので覚書き。公式ドキュメントが結構偏っているのと日本語情報も少ないのでわりと手探りでどうすればいいか考えていきます。