CODE

JS

React propsを使ったデータの渡し方を理解する #2

Reactにてpropsの基本的な使い方を紹介致します。propsはcomponent間でデータを渡す上で必要な概念になります。propsを使うことで、文字列、数字、オブジェクトを渡すことができます。また関数(function)をポインターとして指し示すこともできます。
JS

React入門 React プロジェクトの始め方 #1

React プロジェクトを開始するにあたって、最初に知っておきたいことを簡潔にまとめました。ReactはJavaScriptライブラリであり、ユーザーインターフェースを構成することができます。ReactではComponentの概念が欠かせません。またJSXコードを理解しておく必要があります。
JS

Next.jsで複数画像をpreview表示してuploadする方法

本記事では、ファイルのstorage(保存先)として、Firebase storageを利用します。今回、複数のファイル(画像)をまず画面にpreview表示して、表示した複数の画像をFirebase storageへuploadする方法を紹介致します。
JS

Next.jsとFirebase storageで画像をuploadする方法

Next.jsとFirebaseを組み合わせると、簡単に画像ファイルのアップロードを行うことができます。Next.js はReactのframeworkになります。画像ファイルのstorage(保存先)として、Firebase storageを利用します。
Python

Django restframework プロジェクト環境構築

Django restframeworkのプロジェクト環境構築について紹介していきます。RestFrameworkを利用して、endpoint(api)を作成することができます。Anacondaを利用した仮想環境作成からパッケージインストールやプロジェクト作成方法について紹介していきます。
JS

【超簡単】NextJSアプリをVercelにデプロイする方法

NextJSに限らず、モダンなJSアプリをvercelというサービスを利用して、無料公開することができます。GithubアカウントとGithubに公開したいrepositoryが上がっていれば、すぐにデプロイをすることができて便利です。
Tools/Services

Dockerとは? 基本コマンドと使い方についても紹介

そもそもDockerとは?というところから、Dockerのインストール方法、DockerHubへのアカウント登録、最後に基本的なコマンドの使い方まで解説していきます。
Python

Streamlit でWeb APIを呼び出してアプリを公開

以前にFAST API(Deta cloud)を使ってWeb APIを公開する方法とStreamlit sharingを使ってWebアプリを公開する方法に関する記事を書きました。今回は、2つのサービスを使って、簡易アプリを構築できるということを紹介致します。
Python

Python FAST API Deta cloudを使って簡単にWeb APIを公開する

FAST APIとDeta cloudを使って簡単にWeb APIを公開する方法をご紹介致します。Deta cloudは無料で利用することができるホスティングサービスです。Detaを使って簡易なWeb APIを素早くデプロイすることができます。
Python

Streamlit sharingを使ってWebアプリを公開する方法

PythonのWebアプリをStreamlitで開発して、Streamlit sharingを使って公開する方法を紹介致します。Githubアカウントがあれば、公開まで最速でできるので、ちょっとした簡易アプリを共有するのにおすすめです。簡易アプリとして、複数ファイルで構成したプロジェクトフォルダを用意しました。