フロントサイド

Next.js フロントサイド

Next.js + Ant Designでデフォルトテーマをカスタマイズできるようにしてみた

2022/4/23  

ご無沙汰してます、シローです。 最近はフロントサイドの開発がメインになってます。 今回は、Next.jsにAnt Designを導入し、デフォルトテーマのカスタマイズが可能な環境の構築手順について紹介 ...

Next.js Nginx

Next.jsのバージョン12をNginxでプロキシしてるならやるべきこと

2022/1/6  

シローです。 今回はNext.jsのバージョン12を立ち上げてNginx経由のリバースプロキシでアクセスを振り分けているときに 気をつけるようにしたポイントをお話しします。 何が起きたか・・hot r ...

React.js GCP Node.js

[React,Express] GoogleMapAPIとTwitterAPIで場所に紐づくツイートを探すアプリを作ってみた

2021/4/15  

どうも、シローです。 GoogleMapAPIでは「場所を入力すれば、緯度経度が取れる」 TwitterAPIでは「緯度経度があれば、周辺の投稿を取得できる」 (僕)「あれ?二つを組み合わせれば、場所 ...

React.js

[React.js] Reactアプリのimportのディレクトリを絶対パスにする一番シンプルな方法

2021/4/15  

どうも、シローです。 最近、Reactの勉強が捗ってます。 今までサーバサイドの実装がメインでしたが、React.jsはコンポーネントをクラス化して組み合わせていく感覚が楽しいですw それで今回はim ...

React.js GCP

[React.js] 手っ取り早くGeocodingAPIをReactアプリに組み込む方法

2021/4/15  

今回は、React.jsのアプリにGoogleMapのGeocodingAPIを組み込む手順を紹介します。 前提 Reactアプリはnpx create-react-appで作成したものとする。&nb ...

React.js フロントサイド

React.jsでタイムアラームを作ってみた

2021/2/13  

現在React.jsを勉強中でして、今回はこのような物を作成しました。 https://shiro-secret-base.com/wp-content/uploads/2021/02/0ba4h-3 ...

Heroku Nuxt.js インフラ フロントサイド

HerokuでNuxt.jsを立ち上げる手順

2021/8/27    ,

最近はheroku+nuxt.jsで個人サービスを作ってました。 サービス構成図 HerokuでNuxtをホスティングする OAuth、DB、ファイルストレージはFirebaseにする Nuxt.js ...

Vue.js フロントサイド

様々なアニメーションを簡単に実現可能なAnimate.cssを使ってみた

2020/5/26    ,

今回はいろんなアニメーションを簡単に実現するAnimate.cssを使って見ようと思います。 Animate.cssとは Animate.cssはフェードインやスライドインといったCSSのアニメーショ ...

HTML/CSS フロントサイド

メガナビゲーションの作り方

2020/5/26    ,

どうも、シローです。 今回はメガナビゲーションの作り方についてまとめました。 メガナビゲーションとは メガナビゲーションとはマウスでカーソルを合わせたときに、下にさらに要素が表示される、ちょっと凝った ...

HTML/CSS フロントサイド

ナビゲーションメニューの作り方

2020/5/26    ,

どうも、シローです。 Webサイトで必ずといってあるナビゲーションメニューの作り方を今回はまとめようと思います。 ヘッダーナビゲーションの作り方 ヘッダーナビゲーションはサイトの上の方に横一列で配置さ ...

© 2022 Shiro's secret base