すべてのブログから「#開発環境」タグの検索結果

WEBの開発案件依頼があった際、本番環境１つしか無いケースが殆どです。いきなり本番環境で作業するのはリスクが高く、移行作業中のサービス停止時間も長くなります。なので、当方ではお客様が事前に動作確認できるステージング環境（STG環境。事前確認環境）を用意することにしています。今までテスト環境が無かったお客様には、そのまま運用フェーズでも利用していただくことも可能です。バックアップ環境としてのメリットも生まれると思います。※本番環境でコンテンツ投入している場合、テスト環境と差が生じてしまうと思いますが、そのあたりは案件によって自動化したり、手順書でミスの無いよう補う形をとっています。以上ご紹介させていただきました。（余談）どういう構成にしようかChatGPTと会話しながら検討してる中で構成図を描いてもらったら、何だか美的な絵が仕上がって面白かったです。（開発者向けの余談）今までSTG環境はAWSのLightsailだったり、お名前.comのサーバ内で建ててましたが、サーバーOSやPHP、DBのバージョン毎に変えるのが割と手間です。ということで、基本的に今後はPC内の開発環境も、STG環境もクラウド上のDockerに持つ事にしました。打ち合わせで外出して、次の予定までの時間に続きの作業をしたい場合、自宅PCとノートで作業状態が同期できてると助かるのですが、コミットしたけどPushしてなかったとか、ありがちなミスも防げます。また、PHPのデバッグをする際、以前はXAMPPでXdebugを動かしてたのですが、クラウド上のDocker内でXdebugも動かせたので、これで今までと変わらず作

プログラミングをしていると、突然開発環境が動かなくなることがあります。昨日までは問題なく動いていたのに、今日になって起動しない。教材どおりに進めているはずなのに、自分の画面だけエラーが出る。コマンドを実行しても、何が原因なのか分からない。こうしたときに、手当たり次第に設定を変更したり、エラー文をそのままAIに貼り付けたりする人は少なくありません。しかし、開発環境のトラブル対応で重要なのは、知識量よりも「確認する順番」です。順番を決めずに調べ始めると、本来の原因とは関係のない箇所まで変更してしまい、状況をさらに悪化させることがあります。今回は、開発環境が動かないときに、どのような順番で確認すればよいのかを整理します。まずはエラー文を読む最初に確認するべきなのは、画面に表示されているエラー文です。当たり前に聞こえるかもしれませんが、エラー文をほとんど読まずに検索を始める人は意外と多くいます。エラー文には、原因を特定するための情報が含まれています。たとえば、次のような内容です。ファイルが見つからないコマンドが存在しないポートがすでに使用されているパッケージがインストールされていない権限がない設定ファイルの記述が間違っているエラー文をすべて理解できなくても問題ありません。まずは、次の3点を探します。どのコマンドを実行したときに出たかどのファイルや行が問題だと書かれているかエラーの種類を表す単語は何か長いエラー文でも、重要なのは最後の数行であることがよくあります。大量の英語が表示されたからといって、すぐに画面を閉じるのではなく、まずは落ち着いて内容を確認しましょう。正しいディレクトリにい

　Excelで業務改善ツール作成を生業とする私にとって、Excelの操作性はとても重要です。　そこで、今回は私が使っているパソコンと外部モニターについて紹介します。あくまでも自分の小遣いで買える範囲のものなので、他の皆さんのように高級品という訳にはいきませんが、私にとっては十分な環境化でツール開発を行っております。　今回は「表示環境編」としていますが、他にも操作性を向上させるガジェットを使っておりますので、またの機会にご紹介できればと思います。①ノートパソコン1　ココナラを始めた2年前の時に使っていたものです。 　・主な仕様 　　[商品名]LAVIE NS350 　　[画面サイズ]15.6型(1920×1080) 　　[CPU]インテルi3-6100U 　　[メモリ]メモリ:8GB+4GB) 　　[OS]Windows10　　[Excelの表示サイズ]Z列34行②ノートパソコン2　多くのお客様から様々なツール作成を依頼していただけるようになり、先のメモリ12GBでは途中でフリーズするなど力不足を感じたため、昨年追加購入したものです。　・主な仕様　　[商品名]Envy x360 14-fa　　[画面サイズ]14型(2880×1800)　　[CPU]AMD8840HS　　[メモリ]メモリ:32GB)　　[OS]Windows11　　[Excelの表示サイズ]R列25行③外部モニター1　先の2年前まで使っていたノートパソコン(LAVIE NS350)ですが、文字が見えにくくなってきたので、外部モニターに接続して大きな画面で利用していたものです。　・主な仕様　　[商品名]EV2360　

WordpressとはWordpressとはPHPというプログラミング言語で作られていて, いわゆるCMS(コンテンツ・マネジメント・システム)の一種でブログやWebサイトを爆速で作ることができるツールです。実はエンジニア歴6年が経とうとしているに実際に使ったことがなく,今アフィリエイトを始めてみようというときにとりあえずの環境が欲しくて今回導入を決めましたローカルにそのまま環境構築してもいいのだが, AWSなどのサーバーにアップする予定だし, 使わなくなったら綺麗にしたいしでDockerで構築することにした本題に入る前に仮に本記事を見て, 疑問点や詰まったりなどした場合は以下のサービスにてご相談に乗りますのでお気軽にお問い合わせくださいませ^2000円と記載ございますが, お見積もり時に内容確認できましたら500円~承りますdockerの環境がそもそもないよって方は以下の記事をご覧いただければと思いますWordpressのDocker imageそもそもwordpressのdocker imageが存在するのか確認していなかったので検索$ docker search wordpressまぁ勿論ありますね環境macOS Big Sur 11.2.3手順1. docker-compose.ymlを作成するversion: '3'services:   db:     image: mysql:5.7     volumes:       - db_data:/var/lib/mysql     restart: always     environment:       MYSQ

Dockerとは?もはや言わずと知れたDockerですが念の為前置きとしてご紹介Docker社が開発している、コンテナ型の仮想環境を作成、配布、実行するためのプラットフォームです。Dockerは、Linuxのコンテナ技術を使ったもので、あたかも別のマシンが動いているかのように動かすことができます。そのため、軽量で高速に起動、停止などが可能です。簡単にいうとマシン依存を無くして開発環境が構築できるということまた何か開発をしようとした時に仮想環境ごとにrailsだったり, PHPだったり,npm..etcをインストールすれば良いのでマシンに直接インストールする必要がなくなり, プロジェクトごとにバージョンを切り替えたりが不要になるストレスフルな世界が実現できます。IT業界のエンジニアだともはやDockerを使った業務経験が必須要項として一般的になりつつあるくらいです本題に入る前に仮に本記事を見て, 疑問点や詰まったりなどした場合は以下のサービスにてご相談に乗りますのでお気軽にお問い合わせくださいませ^^2000円と記載ございますが, お見積もり時に内容確認できましたら500円~承ります環境一応念の為私のMacのOSについて記載しておきます。macOS Big Sur 11.2.3※バージョンアップなどにより、手順が異なる可能性がありますのでご了承下さい。手順1. Docker for Macをインストール公式サイトからDockerをダウンロードしてインストールchromeなどで docker hub install mac と検索して上位に出てきます※coconalaが外部リンクが

コーディングにおいて、開発環境の構築はすべての土台となる重要な工程です。ここで誤った選択をしてしまうと、後々多くの時間を費やすことになり、納期に間に合わず焦る原因にもなりかねません。今回は、WordPressにおいてオリジナルテーマ開発を対象とした、ベストプラクティスと言える開発環境を構築することができましたので、ご紹介いたします。ベストプラクティスとは何か※以下はあくまで当方の経験に基づく主観的な考え方となりますが、まず、次のようなことが実現できる環境であることが前提となります。 • ホットリロード（Hot Reloading）が利用できる • SCSSを使用できる • JavaScriptのコンパイルが行える • package.json によってライブラリを管理できる • WordPressのプラグインをコマンドで管理できる • GitHubでソースコードを管理し、本番環境へ自動デプロイできる今回構築した環境構成今回の環境では、以下の構成を採用しています。 • Docker による WordPress ローカル開発環境 • Vite によるフロントエンドビルド（Hot Reload / SCSS / JS コンパイル） • WP-CLI によるプラグイン・テーマのコマンド管理 • GitHub によるソースコード管理 • GitHub Actions を用いた本番環境への自動デプロイこれにより、ローカル開発・ソース管理・本番反映までを一貫したフローで運用できる環境を構築することができました。従来のFTP手動アップロードによる運用と比較して、更新ミスの防止、作業時間の短縮、

この記事は、Webデザイナー・技術者用の記事です。WordPressのオリジナルテーマ制作関連の書籍を読んでいると、たいていの開発環境がLocalというデスクトップアプリケーションを使っているので、私もしばらくそうやっていましたが、それほど性能のいいPCを使っていないため、WordPressの編集結果を保存するたびに、数秒の待ち時間が発生して、それをストレスに感じるようになりました。直接サーバーで編集したほうがすぐに更新されるのですが、functions.phpやstyle.cssなどを編集する必要がある場合は、ローカルで編集してからFTPでサーバーに転送するのもすこし面倒です。この記事では、その手間を短縮し、Visual Studio Code（VS Code）から直接Xserver上のWordPressファイルを編集する方法をご紹介します。開発効率を大幅に向上させ、保存時の待ち時間を解消できる実践的な内容です。前提条件・OS：これはローカル環境がWindows11で説明しています（Macでも同様にできるはず）。・サーバー：Xserverで説明していますが、SSH接続に対応しているサーバーならば応用可能です。・サーバーのディスク容量：作業するディレクトリに十分な空きがある事。・VSCode：Microsoft Visual Studio Codeが既にPCにインストールされていること。サーバーからSSH秘密鍵をダウンロードするサーバーに（WordPress管理者ではなく）サーバー管理者でログインします。Xserverの場合は、サーバーパネルが開きます。上図の「SSH設定」をク