Web開発

Web開発

Create React Appでinline scriptを使用しないようにビルドする

やりたいこと Create React Appで開発したアプリを何も考えずビルドすると、JavaScriptのコードはbuild/index.htmlにインラインスクリプトとして埋め込まれます。 これをbuild/index.htmlから外...
Web開発

CSSのgrid layoutを使って画面を縦に分割する

自分は基本的にはバックエンドエンジニアなんですが、GWだし時間あるしフロントエンドも触ってみようかなと思って触ってみました。 CSSとかほぼ初めて触ったので、初心者が躓くところすべてに躓いてる感あるので、もう躓かないように備忘録がてら記事に...
プログラミング

【JQuery】Uncaught TypeError: xxx.find is not a function at yyyy.jsの原因と解決法

フロントエンド開発に慣れてなくて、JQueryの初歩的な部分ではまったのでメモです。 エラー エラーを吐いたコードはこれです。 let elements = $('.g'); for(let i = 0; i < elements.leng...
Web開発

Create React Appで作成したアプリを任意のサブディレクトリに配置する

Create React Appで作成したサービスをサーバのサブディレクトリ直下に配置したら上手く動かなかったので、その対応メモです。 現象 Create React Appを使ってみました。 それで、ローカルでは動作確認できたものの、作成...
Web開発

Create React Appを使ったサービス開発

最近いい加減フロントエンド開発の知識もないとまずいなと思い始めたので、Reactを触ってみることにしました。どうにもCreate React Appというツールを使うと簡単にReactを使ったサービスを作り始めることができるみたいなので、今...
Web開発

Nginx + GolangでWebアプリケーション開発 ~http編~

NginxとGo言語でWebアプリケーションの開発環境を整えたので、構築メモです。 環境はVirtualBox上で動いているCentOS 7になります。Nginxでアクセスを受けて、httpでGoに渡してGoで処理をさせたいと思います。 F...
Web開発

Nginx + GolangでWebアプリケーション開発 ~FastCGI編~

NginxとGo言語でWebアプリケーションの開発環境を整えたので、構築メモです。 環境はVirtualBox上で動いているCentOS 7になります。Fast CGIを使ってアクセスをNginxで受け取ってGoで処理をさせたいと思います。...
linux

CentOSにnginxを導入する

勉強がてらCentOS 7.5にnginxを導入したのでそのメモです。 nginxをインストール 各種ディストリビューションへの導入方法は(英語ですが)公式サイトに書いてあるので、それに従ってnginxを導入します。 nginxのリポジトリ...