すべてのカテゴリ

Web 開発のための Windows PC の設定Windows の PC は、製造しているメーカーも多く、Mac に比べると比較的安価でハードウエアを購入できるために予算などが限られている場合などには有利です。この記事では、Windows の PC で Web 開発を行うのに最低限必要な設定について紹介します。  Web 開発に必要な性能は？既に、紹介していますが、一般的な Web 開発を行うのに高性能で高価な PC は特に必要はありません。多少古い PC でも十分に対応できます。従って、現在手持ちの PC がある場合にはその活用をお勧めします。私の場合、ノート型の PC は昨年末までは、古い PC を活用していました。４〜５年くらい前の PC でも多少遅く感じることはありますが、大きな問題なく利用できていました。目安としては、他に利用するアプリにもよりますが、Web 開発のみならば、メモリ容量は標準的な８ GB で十分ですし、ディスクドライブ（HDD/SSD）の容量は１００ GB もあれば OS とアプリを入れても十分な作業エリアが確保できます。古い PC でディスクドライブが HDD の場合、SSD に取り替えるだけで、実用上の体感性能が上がります。ただし、この作業は、OS の再インストールかコピーが必要なので、自分で OS のインストールができない場合はちょっと難しくなります。CPU は過去４〜５年以内のものであれば性能的にはとりあえず問題はありません。実際に、手持ちの PC で開発してみて問題になった時に買い替えを検討すれば良いかと思います。新規に購入するならば、ノー

Gitは現代のソフトウェア開発に欠かせないバージョン管理ツールです。特にチーム開発においては、コードの管理や共同作業を円滑に進めるためにGitの基本を理解し、適切に活用することが重要です。本記事では、Gitの基本的な使い方と、チーム開発での活用方法を解説します。1. Gitの基本① Gitとは？Gitは、ソースコードの変更履歴を記録し、複数人で効率よく開発を進めるための分散型バージョン管理システムです。ローカル環境で履歴を管理できるため、オフラインでも作業が可能です。② Gitの基本コマンド# 新規リポジトリの作成git init# 既存リポジトリをクローンgit clone <リポジトリURL># ステージングエリアに追加git add <ファイル名># コミット（変更履歴の保存）git commit -m "変更内容の説明"# リモートリポジトリを追加git remote add origin <リモートリポジトリURL># リモートリポジトリへ変更を送信git push origin main# 最新の変更を取得git pull origin main2. チーム開発でのGitの活用法① ブランチ運用ブランチを活用することで、複数人が同時に異なる機能を開発できます。よく使われるブランチ戦略Git Flow（開発用のdevelopブランチを持つ）GitHub Flow（mainブランチを基準に開発）Feature Branch Model（機能ごとにブランチを作成）# 新しいブランチを作成git checkout -b feature-b

Raspberry PiをデスクトップRaspberry Piをデスクトップコンピュータとして使う！として使う！Raspberry Pi の一番シンプルな利用方法として、PC 代わりに利用する事ができます。この記事では、Web 開発で Raspberry Pi を利用する場合の例を紹介します。Web 開発に Raspberry Pi を利用するRaspberry Pi で Linux 系の OS が動作するので、デスクトップ PC として、Web 開発などに利用する事ができます。 既に、Ubuntu のデスクトップ版の OS（21.04 64-bit ARM64）をインストールしているので、さらに開発に必要なパッケージをインストールすれば、開発用の PC 代わりに利用できます。既に開発用の PC を持っている場合には、あまり魅力的ではないかもしれません。しかし、Raspberry Pi ならば OS を完全に入れ替えるのもそれほど大変ではないので、実験用やお試し用で利用しても便利です。Web 開発で必要なパッケージは、プログラムの入力に必要なエディタ、インターネットで公開されている各種パッケージを取り込んだりするのに利用するパッケージ管理アプリがあれば基本的な開発が可能です。今回インストールするのは、＊　VSCODE (エディタ)＊　Node .js(パッケージ管理アプリの npm も含まれています)　今回の例で利用している OS は、Ubuntu デスクトップ　（21.04 64-bit ARM64）です。VSCODE のインストールプログラムなどの入力に利用するエディタはマ

Django で作成したサイトの公開方法一通り Djang のフレームワークを利用して、Web アプリ・Web サービスを開発する基本的な手順を紹介してきましたので、実際に Django で作成したサイトをインターネットで公開する方法を紹介してみようかと思います。Django で作成したサイトを公開する場合、いろいろな方法があります。自分でサーバーを準備して OS のインストールから、Web サーバー周りの設定をやるとなると、ちょっと複雑です。そこで、今回は簡単にインターネットに公開する方法として、Django をはじめとする、Python を利用した Web ホスティングのサービスを提供しているプロバイダーの一つの「Pythonanywhere」のサービスを利用して、Django のテンプレートのプロジェクトの公開を一通りやってみる事にしました。PythonanywarePythonanywareは名前からもお分かりかと思いますが、Python に特化したサービスを提供しているプロバイダです。サイトは英語のサイトになっています。制限などはありますが、まずは無料で Django の Web アプリを公開することができます。「Beginner（ビギナー）」プランは無料から利用できます。ドメインの変更はできないので、「[username].pythonanywhere.com」にこと英なのとの、アプリは一つだけで利用できる CPU やネットワークのアクセスなどに制限があります。まずは、サービスを作成して公開するという目的ならば十分です。有料プランも５ドルからあるので、利用の目的に応

GitHub Copilotは、GitHubとOpenAIが共同開発したAIペアプログラマーです。コードの自動補完、関数全体の提案、テストコードの生成など、開発者のコーディングを支援する様々な機能を提供し、開発効率を大幅に向上させる## GitHub Copilot：AIペアプログラマーは開発の未来をどう変えるのか？GitHub Copilotは、OpenAIとGitHubが共同開発したAIペアプログラマーです。コードの自動補完、提案、さらには関数やコードブロック全体の生成まで、開発者の作業を支援する強力なツールとして、その登場以来、開発コミュニティに大きな影響を与えています。この記事では、GitHub Copilotの機能、メリット、デメリット、そして開発の未来に与える可能性について掘り下げていきます。GitHub Copilotとは？GitHub Copilotは、OpenAIの強力な言語モデルであるCodexを基盤としています。Codexは、数十億行の公開コードを学習しており、自然言語のプロンプトや既存のコードに基づいて、コードを生成することができます。GitHub Copilotは、Visual Studio Code、Neovim、JetBrains IDEなどの一般的なIDEに統合されており、開発者がコードを書いている最中にリアルタイムで提案を提供します。GitHub Copilotの主な機能コード補完: 変数名、関数名、メソッド名などを自動的に補完します。コード提案: 現在のコンテキストに基づいて、関連性の高いコードスニペットを提案します。関数生成: 自然言語のコ

プログラミングを学び始めると、必ずと言っていいほど出てくる「Git」と「GitHub」。名前が似ているので混同されがちですが、役割はまったく別です。この記事では、初心者の方でもイメージしやすいように、GitとGitHubの違いを整理して説明します。Gitとは？Gitは、ソースコードの変更履歴を管理するためのツールです。プログラムを書いていると、・どこを変更したのか・いつの状態に戻したいか・前は動いていたのに壊れたといった場面がよく出てきます。Gitを使うと、・変更の履歴を時系列で残せる・過去の状態にいつでも戻せる・試しに変更して、ダメならやめることができるといったことが可能になります。ポイントは、Gitは自分のパソコンの中だけで使えるツールだということです。GitHubとは？GitHubは、Gitで管理しているコードをインターネット上で共有・保存するサービスです。Gitだけでも履歴管理はできますが、・他の人と一緒に開発したい・バックアップとして安全に保存したい・自分の成果物を公開したいといった場合には、GitHubが使われます。GitHubを使うことで、・複数人で同じプロジェクトを開発できる・変更内容をレビューし合える・ポートフォリオとして作品を公開できるなど、チーム開発や発信に強くなるのが特徴です。GitとGitHubの関係よくある勘違いですが、Git ＝ GitHubではありません。関係を一言で表すと、Git：履歴を管理する道具GitHub：その履歴を置いておく場所というイメージです。GitがなければGitHubは使えませんが、GitHubがなくてもGitは使えます。たとえ

エンジニアを目指す初心者が最初に躓くポイントがGitだと思います。これは、これまでのメンタリング経験や、自分自身の経験として、そもそもこれまでITに関わってこなかった人にはない概念の集合体でもあるのでしょうがないと思います。僕は自分の経験からも、Gitの使い方を学習することに特化したサービスや人がいるとどれだけ嬉しいかというのは感じていました。今ではGitを使い始めて6、7年になりますが、まだ僕も使いこなせてない機能などもあるくらいデカいツールとなっています。しかし、基本的なところを押さえていれば、新しい機能を使うことも調べて使うことができるようになります。最初の1歩だけが、どうしてもハードルが高すぎて、多くの人が挫折してしまうのを見てきました。Gitは今やITエンジニア界隈ではほぼ必須レベルのツールで、GitHubやGitLabといったサービスもかなり多くの会社が導入し、運用の試行錯誤を行なっているところです。つまり、エンジニアになろうと思ったら100％避けては通れない道になっているのです。その学習サイトを最近デプロイしました。これがあると嬉しいを詰めたサイトになっていて、随時更新をして使いやすいものを作っていこうと思っています。まずは基本の操作である、add, commit, push を使えるようになるまでそして、GitHubでプルリクを作るところまでを目標に頑張ってみましょう。是非、こちらから応募いただければ、サイトへのアクセスをお渡しし、僕も学習の手助けができると思います。

clonegit clone リモートリポジトリ 新リポジトリ　カレントディレクトリに同名でつくるgit clone リモートリポジトリ

登録　デフォルトgit remote add origin ttps://github.com/ユーザ/リポジトリ.git 削除 git remote remove origin ローカル環境にバックアップ用のリポジトリをつくる　①リポジトリをつくるgit init --bare　リポジトリ.gitリポジトリ名は　.git　をつけるのが一般的※ このリポジトリでは　add　や　commit　はできない　②リポジトリを信頼するパスとして登録git config --global --add safe.directory リポジトリ.git　③作成したリポジトリからクローンするgit clone リモートリポジトリ　リポジトリ　④クローンしたリポジトリにファイルを追加、コミットする　⑤変更をリモートリポジトリに反映するgit push登録済みのリポジトリを表示git remote -v 　内容 リモートリポジトリ名 URL リポジトリ名を変更git remote rename 古 新

4000 -> 2500円に値下げしました...!これで実際に手を動かして使えるところを目指します

設定 クローン時にリモートリポジトリが自動で設定されるので不要 　設定の確認 git remove -v push git push

コミット　インデックスを直近からn個前のコミットの状態にするgit revert -n HEAD~数..HEADインデックス + 作業ツリー　最新のコミット  git restore --staged --worktree ファイル インデックス 　インデックスを解除 git restore --staged ファイル 作業ツリー 　最新のコミット git restore ファイル　ファイルを指定　　コミットを指定git restore --source=コミットハッシュ ファイル

表示　指定したコミット時点git show コミットハッシュ:ファイル名

表示git log 　直近のコミットからn個表示 git log -n 数 　1行/コミットで表示 git log --oneline 操作 　終了 q 　スクロール 　　1行 ↑↓ 　　ページ PageUp, PageDown

移動git mv ファイル フォルダ 移動 + add名前の変更 git mv 古 新変更 + add削除git rm ファイル削除 + add

ユーザ名git config --global user.name "ユーザ名" メールアドレス git config --global user.email "メールアドレス" 出力エンコーディングをUTF-8に設定 git config --global core.quotepath falsedifftool 差分を指定したアプリで見やすく表示する　VSCodegit config --global diff.tool vscode git config --global difftool.vscode.cmd "code --wait --diff \"$LOCAL\" \"$REMOTE\""git config --global difftool.prompt false設定の削除 git config --global --unset 設定 一覧表示 git config --list

最新のコミットと作業ツリー、インデックスgit diff HEAD 指定したコミットと作業ツリー、インデックス gid diff コミット 最新のコミットとインデックス git diff --staged git diff --cached インデックスと作業ツリー git diff GUIgit difftool引数の指定は　git diff　と同じ

設定ファイル/.gitignoreワイルドカード 　0文字以上 * コメント # 除外しているファイルを表示 git ls-files --other --ignored --exclude-standard

0文字以上の任意の文字列*

作成git init

ステージ + コミット　すべてgit commit -am "コミットメッセージ"新規追加はできないので　git add　を使うコミットgit commit -m "コミットメッセージ"ステージ git add ファイル 　すべてgit add . 新規ファイルをバージョン管理対象にするgit add ファイルコミットメッセージ　最新のコミットメッセージを変更 git commit --amend -m "コミットメッセージ"

作業ツリーとインデックスの差分を確認するgit status

HEAD現在のブランチの最新のコミットIndexコミット予定の変更が一時的に保存される領域git add　した変更が保存されるStaging Area=IndexRepository作業ディレクトリ + バージョン管理情報 git commit　すると　Index　が　HEAD　に保存されるWorking Treeリポジトリのファイルをチェックアウトしたディレクトリ全体インデックス=Indexコミットハッシュコミットを識別する文字列 コミットを指定する場合、最初の7文字だけを使うのが一般的作業コピー≒Working Tree作業ツリー=Working Tree作業ディレクトリ=Working Treeステージングエリア=Indexリポジトリ=Repository

設定　ユーザ名git config --global user.name "ユーザ名" 　メールアドレスgit config --global user.email "メールアドレス"　Gitの出力エンコーディングをUTF-8にするgit config --global core.quotepath false削除git config --global --unset 設定　複数git config --global --unset-all 設定一覧表示git config --listヘルプgit help コマンドInstallgit-scm.com/download確認git --version