プログラミング言語
Ruby
開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでRubyの環境構築をする手順 DockerでRubyの環境構築をする手順について解説していきます。 ディレクトリ構成 今回のディレクトリ構成は下記を目指していきます。
1 2 3 4 5 | project-root/ ├── docker/ │ ├── ruby/ # Rubyコンテナ(Dockerfile) ├── src/ # スクリプトなどのソースコード └── docker-compose.yml # Docker Composeファイル |
Dockerfileを作成 まずはDockerfileを作成していきます。 docker/ruby/ディレクトリの …
【Ruby on Rails】DockerでRuby on Rails+Nginx+MySQLの環境構築をする
開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでRuby on Rails+Nginx+MySQLの環境構築をする手順 DockerでRuby on Rails+Nginx+MySQLの環境構築をする手順について解説していきます。 ディレクトリ構成 今回のディレクトリ構成は下記を目指していきます。
1 2 3 4 5 6 7 | project-root/ ├── docker/ │ ├── web/ # Rubyコンテナ(Dockerfile) │ ├── database/ # MySQLコンテナ(Dockerfile) │ └── nginx/ # Nginxコンテナ(Dockerfile + 設定ファイル) ├── web/ # Ruby on Railsアプリケーションを配置するディレクトリ └── docker-compose.yml # Docker Composeファイル |
docker-compose. …
【Ruby on Rails】簡単にWindows10とVScodeで環境構築する方法
開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Ruby on Railsの環境構築をするまでの手順 Ruby on Railsの環境構築を構築するまでの手順について解説していきます。 Rubyのインストール Ruby on Railsで開発するためには、まずRubyをインストールする必要があります。 今回はRubyInstallerと呼ばれるツールを使用してインストールを行いますので、以下のURLからRubyInstallerをダウンロードしてイン …
開発環境 Ruby version: ruby 3.1.2 Rubyのクラスメソッドとは Rubyのクラスメソッドとは、クラスの特異メソッドのことです。 クラス自体に関連付けられたメソッドで、そのクラスのインスタンスではなく、クラスそのものに対して呼び出されます。 クラスメソッドは通常、クラスに関連するユーティリティ関数やファクトリメソッドを実装するために使用されます。 公式リファレンス：https://docs.ruby-lang.org/ja/latest/doc/spec=2fdef.html#cl …
開発環境 Ruby version: ruby 3.1.2 Rubyのクラス（class）とは Rubyのクラス（class）とは、オブジェクトの設計図に相当するものです。 クラス（class）を定義して関連するデータやメソッドをクラス内にまとめることにより、コードをより効果的に構造化することができるだけでなく、再利用可能なコードを作成しやすくなります。 公式リファレンス：https://docs.ruby-lang.org/ja/latest/class/Class.html Rubyのクラス（clas …
Python
開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでPythonの環境構築をする手順 DockerでPythonの環境構築をする手順について解説していきます。 ディレクトリ構成 今回のディレクトリ構成は下記を目指していきます。
1 2 3 4 5 | project-root/ ├── docker/ │ ├── python/ # Pythonコンテナ(Dockerfile) ├── src/ # スクリプトなどのソースコード └── docker-compose.yml # Docker Composeファイル |
Dockerfileを作成 まずはDockerfileを作成していきます。 docker/python/デ …
【Django】DockerでDjango+Gunicorn+Nginx+MySQLの環境構築をする
開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでDjango+Gunicorn+Nginx+MySQLの環境構築をする手順 DockerでDjango+Gunicorn+Nginx+MySQLの環境構築をする手順について解説していきます。 ディレクトリ構成 今回のディレクトリ構成は下記を目指していきます。
1 2 3 4 5 6 7 | project-root/ ├── docker/ │ ├── web/ # Pythonコンテナ(Dockerfile) │ ├── database/ # MySQLコンテナ(Dockerfile) │ └── nginx/ # Nginxコンテナ(Dockerfile + 設定ファイル) ├── web/ # Djangoプロジェクトを配置するディレクトリ └── docker-compose.yml # Docker Composeファイル |
docker-comp …
【Django】インストールから環境構築までの手順をわかりやすく解説
開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Djangoの環境構築をするまでの手順 Djangoの環境構築を構築するまでの手順について解説していきます。 Pythonのインストール Djangoで開発するためには、まずPythonをインストールする必要があります。 Pythonの公式サイトのダウンロードページにアクセスします。 Pythonの公式サイト：https://www.python.org/downloads/ 上記のリリースノートからイ …
【Python】CSVモジュールを使ったCSVファイルの読み込みと書き込みのサンプルコードを解説
開発環境 Python version: python 3.10.11 PythonのCSVモジュールとは PythonのCSVモジューとルは、CSV（Comma-Separated Values）形式のデータを読み書きするための標準ライブラリです。 CSVは、テキスト形式で表形式のデータを保存するための一般的なフォーマットであり、カンマやタブなどの文字でフィールドを区切ります。 CSVモジュールを使用することで、PythonプログラムでCSVファイルを読み込んだり、CSVファイルにデータを書き込んだりす …
【Python】BeautifulSoupを使ったWebスクレイピングのサンプルコードを解説
開発環境 Python version: python 3.10.11 beautifulsoup4: 4.11.1 PythonのBeautiful Soupとは Beautiful Soup（ビューティフル・スープ）とは、HTMLやXMLなどのマークアップ言語からデータを抽出するためのPythonのライブラリです。 Beautiful Soupは、パース（解析）されたHTMLやXMLのドキュメントをセレクタやフィルタなどの機能で特定の要素やデータを抽出することができるため、簡潔で効率的な方法でデータを …
React
【Next.js】DockerでNext.jsの環境構築をする
開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでNext.jsの環境構築をする手順 DockerでNext.jsの環境構築をする手順について解説していきます。 ディレクトリ構成 今回のディレクトリ構成は下記を目指していきます。
1 2 3 4 5 | docker-next/ ├── app/ # Next.jsアプリケーションが作成されるディレクトリ ├── docker/ │ └── Dockerfile # Dockerfileを配置するディレクトリ └── docker-compose.yml # Docker Composeファイル |
docker-compose.ymlを作成 まずはdocker-compose.ymlを作成していきま …
開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Node.js:22.14.0 npm:10.9.2 next:15.2.4 Next.jsをインストールして起動するまでの手順 Next.jsをインストールして起動するまでの手順について解説していきます。 Node.jsのインストール 最初にNode.jsをインストールする必要があります。 Node.jsは、Reactの実行に必要なJavaScriptランタイムであり、JavaScriptエンジン上に …
開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 react:18.2.0 react-dom:18.2.0 ReactのuseCallbackとは useCallbackは、再レンダー間で関数定義をキャッシュできるようにするためのReact Hookです。 関数をキャッシュに保持することにより、関数の依存関係が変わらない限り、関数を再利用することで関数が不要に再作成されるのを防ぐことができます。 そのため、子コンポーネントに渡すコールバック関数が常に …
開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 react:18.2.0 react-dom:18.2.0 ReactのuseMemoとは useMemoは、値のメモ化を行うためのReact Hookです。 メモ化のプロセスで関数の計算結果をメモリ内のキャッシュに保存することで、同じ入力に対する再計算を避け、パフォーマンスを向上させることができる技術です。 特に計算コストが高い処理や、頻繁に呼び出される関数に対して有効です。 公式ドキュメント：htt …
開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 react:18.2.0 react-dom:18.2.0 ReactのuseRefとは useRefは、レンダー時には不要な値を参照するためのReact Hookです。 Classコンポーネント時のref属性の代わりに、useRefを使って要素への参照を行いDOM 要素へのアクセスや状態の保持するために使用されます。 公式ドキュメント：https://ja.react.dev/reference/re …