Next.jsをvercelにデプロイする

VercelNext.js プロジェクトをデプロイします。

公式で色々なフレームワーク向けの紹介をしているのでバニラ状態からやるのは簡単そうですが、色々と弄った後なので難しいんじゃないかと危惧してました。

実際に使ってみると「なんでもっと早く使わなかったんだ」って思うほど便利だったので、一連の流れを覚書きしておきます。

続きを読む Next.jsをvercelにデプロイする

「ドドソソララソ」でwavを作れるWEBツール

なんとなく頭の中にワンフレーズ浮かんだときに、カタカナで打ち込んだ音を鳴らしたり保存したりするツールを作りました。

 

DTMは無料でも素晴らしいものが多くありますがインストールから少し敷居が高い感じがありますし、ちょっと使うだけでもしばらく練習がいります。

手軽に使えるように機能を絞ってシンプルにしつつ、個人的にやりたいことを詰め込んだ感じです。オタマジャクシが一切現れないピアノツール。

続きを読む 「ドドソソララソ」でwavを作れるWEBツール

GitHub Pagesを使って静的サイトをホスティング

用途は未定ですがなんとなく使ってみたくなったのでGitHub Pagesを使ってみます。

GitHub自体は前から使っていてリポジトリも結構あるんですが全部プライベート。

後々なにか公開したときにHTMLドキュメントを載せれるようにしよう。

 

サーバー側も結構好きなので静的サイトってそんなに経験ないんですよね。

ちゃんと使ったことがあるのはAWS S3くらいです。

続きを読む GitHub Pagesを使って静的サイトをホスティング

【ポータル追加】うずらウォレットの蛇口一覧

うずらウォレットの蛇口一覧ページを作りました。

続きを読む 【ポータル追加】うずらウォレットの蛇口一覧

Let’s Encryptの証明書を使ったExpressのSSL化

next.jsで作ったアプリをSSL化しようとしたところ以下のエラーに悩まされた。

Error: error:0909006C:PEM routines:get_name:no start line

調べて出てくる情報が色々とおかしかったので大分苦労しました。

今回の内容は基本的にexpressLet's Encryptの証明を行うための方法です。

続きを読む Let’s Encryptの証明書を使ったExpressのSSL化

Next.jsプロジェクトの公開手順

Next.jsで作ったアプリを公開、SSL対応、永続化するためのメモ。

nowじゃなくて普通に自前のLinuxサーバーに載せることを考えます。

気持ち的にはNext.jsプロジェクトの初期設定の続きです。

続きを読む Next.jsプロジェクトの公開手順

Reactのグローバル変数を管理する

Reactでグローバルに変数を使いたい機会ができた。

そういえば使い始めのころにNativeでグローバル変数の利用に右往左往してました。

今は大分慣れてきたので色々な方法を考えてみます。

続きを読む Reactのグローバル変数を管理する

Next.jsのファイル構成と共通ページ設定

React.jsのSSRをしたくてNext.jsを触ってみて少しずつ理解できて来たのでちょくちょく覚書きしていきます。今回は設計や共通ページなどの大枠。

リンク先でReadmeと公式ドキュメントを載せておきますが、内容は同じなので見やすいほうを見ればいいと思います。また、有志の日本語翻訳もありますが、最初にざっと読む用に向いている気がする。

react v16.12.0 next v9.1.4

続きを読む Next.jsのファイル構成と共通ページ設定

Next.jsでReactサーバーサイドレンダリング

React Nativeを触っていたらWebの方も触りたくなってきた。

これまでCreate React Appを使っていましたが、SSR(Server Side Rendering)したかったのでNext.jsを使ってみます。

キャッシュ設定もしたかったのでExpress併用も考えます。

続きを読む Next.jsでReactサーバーサイドレンダリング

React Native, Expoで端末内の画像取得と保存

画像系のアプリを作ろうと思ったら、端末の画像を読み取ったり保存したい。

出来たらExpoで完結したいので色々方法を調べてみた。

制限に沿わない場合はワークフロー見つつBareに切り替えることも考える。

React Native 0.60 Expo v34

続きを読む React Native, Expoで端末内の画像取得と保存