JS React propsを使ったデータの渡し方を理解する #2 Reactにてpropsの基本的な使い方を紹介致します。propsはcomponent間でデータを渡す上で必要な概念になります。propsを使うことで、文字列、数字、オブジェクトを渡すことができます。また関数(function)をポインターとして指し示すこともできます。 2022.07.16 JS
JS React入門 React プロジェクトの始め方 #1 React プロジェクトを開始するにあたって、最初に知っておきたいことを簡潔にまとめました。ReactはJavaScriptライブラリであり、ユーザーインターフェースを構成することができます。ReactではComponentの概念が欠かせません。またJSXコードを理解しておく必要があります。 2022.07.12 JS
JS Next.jsで複数画像をpreview表示してuploadする方法 本記事では、ファイルのstorage(保存先)として、Firebase storageを利用します。今回、複数のファイル(画像)をまず画面にpreview表示して、表示した複数の画像をFirebase storageへuploadする方法を紹介致します。 2022.05.28 JS
JS Next.jsとFirebase storageで画像をuploadする方法 Next.jsとFirebaseを組み合わせると、簡単に画像ファイルのアップロードを行うことができます。Next.js はReactのframeworkになります。画像ファイルのstorage(保存先)として、Firebase storageを利用します。 2022.05.28 JS
Python Django restframework プロジェクト環境構築 Django restframeworkのプロジェクト環境構築について紹介していきます。RestFrameworkを利用して、endpoint(api)を作成することができます。Anacondaを利用した仮想環境作成からパッケージインストールやプロジェクト作成方法について紹介していきます。 2022.05.25 Python
JS 【超簡単】NextJSアプリをVercelにデプロイする方法 NextJSに限らず、モダンなJSアプリをvercelというサービスを利用して、無料公開することができます。GithubアカウントとGithubに公開したいrepositoryが上がっていれば、すぐにデプロイをすることができて便利です。 2022.05.25 JS
Tools/Services Dockerとは? 基本コマンドと使い方についても紹介 そもそもDockerとは?というところから、Dockerのインストール方法、DockerHubへのアカウント登録、最後に基本的なコマンドの使い方まで解説していきます。 2022.05.02 Tools/Services
Python Streamlit でWeb APIを呼び出してアプリを公開 以前にFAST API(Deta cloud)を使ってWeb APIを公開する方法とStreamlit sharingを使ってWebアプリを公開する方法に関する記事を書きました。今回は、2つのサービスを使って、簡易アプリを構築できるということを紹介致します。 2022.03.30 Python
Python Python FAST API Deta cloudを使って簡単にWeb APIを公開する FAST APIとDeta cloudを使って簡単にWeb APIを公開する方法をご紹介致します。Deta cloudは無料で利用することができるホスティングサービスです。Detaを使って簡易なWeb APIを素早くデプロイすることができます。 2022.03.26 Python
Python Streamlit sharingを使ってWebアプリを公開する方法 PythonのWebアプリをStreamlitで開発して、Streamlit sharingを使って公開する方法を紹介致します。Githubアカウントがあれば、公開まで最速でできるので、ちょっとした簡易アプリを共有するのにおすすめです。簡易アプリとして、複数ファイルで構成したプロジェクトフォルダを用意しました。 2022.03.19 Python