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で端末内の画像取得と保存

Now+GitHub+Golangでお手軽Webアプリ

Nowはzeitの提供するPaaSでサーバのことを何も考えずWebアプリを作成できます。

npm i -g nowでCLIコマンドをインストールできますが、nowコマンド一つでアップロード&公開することが出来るのは便利な反面、ちょっと怖い。

別ディレクトリを開いてるときにコマンド履歴から誤操作とか普通にしそう。

GitHub連携でPushされるたびに更新ができるので、CLIインストールせずに利用してみたいと思います。

続きを読む Now+GitHub+Golangでお手軽Webアプリ

ローカルホストのWebScoketにSSLサイトから接続する

ApacheでSSL化したサイトから内部で動くWebSocketに接続がしたい。

対処療法的な対策をしたので正しいかどうかはわかりませんがちゃんと動作させるまでできました。

設定的にはこの記事の続きです。

サーバ環境:Ubuntu16.04 Apache/2.4.34

続きを読む ローカルホストのWebScoketにSSLサイトから接続する