●番外編　ウェブサイトを自分で作る-3

今使っている作業環境について

●PC

CPU：13th Gen Intel(R) Core(TM) i5-13600KF (3.50 GHz)
メモリ：32.0 GB
ストレージ：SSD 500g+HD 2TB　外付けとか複数
GPU：NVIDIA GeForce RTX 3060　12G
OS：Windows 11

PCは自作です。

今のマシンは1~2年前に制作したと思います。

5～7年位で性能の陳腐化のため組み立ててます。失敗も多々あります。
リスクも高いですけど、やっぱり安上がりなので貧乏性の私は
がんばって作ってますｗ
同程度のPCをメーカーや完成品で購入すると
結構な金額になってしまうんですよ・・
費用を減らそうとしてもメイン部品関係で15万位は掛かると思う・・  ('_')

今回なぜPCを制作したかと言いますと・・

23年頃より生成AIの、Stable Diffusion・Midjourneyなど話題になってま　　　　　　　　　　　　　　　　　　　したよね。これらを実行しようとすると、それなりの性能のマシンが必要と　　なったためです。

生成AIで画像を制作し自分のサイトの挿絵や
バナーの画像のパーツなどを作りたかったのですが
従来使用していたマシンでは動かせなかったんです。

しかし昨今は色々なメーカーさんが
もっと簡単にスペックを要することなく作成する事が
出来るようになってきてますね。
すごいなーって感心してます

ウェブを作るならそれほどの、PC性能を要求されると思いません。
コードを書くだけなら古いノートPCでも問題なし。

デザインをしたい、バナーも作りたいな～などと思い
adobe phoshopやillustratorなど使用されるなら
中の上位のマシンが良いかと思います。
control+Yなどで過去にさかのぼり修正をする時や
画像の回転などにメモリやcpuの能力を要します。
レイヤーの数が多い時も危険です。


でも自動保存の機能を利用すればリスク回避になるかな？


以前は自動保存など無かったと思うので便利な機能だなと思います。
作ってた途中でフリーズなんて悲劇ですよね

また、動画編集などをするならば高性能でないと、もたつきやフリーズも有るでしょう。特にレンダリングの際には動画の長尺により時間を要する時もあり、最悪フリーズします。

画像についてはグラフィックボードがかかわります。
グラボ！！
ハイエンドなんて値段が高くって、びっくりしませんか？
以前なんて60万とか無かったっけ？
ゲーマーさんどうなってんの？って感じ  (+o+)

　まぁ、AIMとかの関係もあるのでしょうが・・

で！次！！

外枠のPCケース、電源、CD-Rや小さな部品などは
中古や使いまわし部品でしのいでいます。

使いまわしのPCケースはカバーなどは付けてません。
むき出しです。良く冷えます。ホコリ入ります。

追加のパーツなどをさっさと挿したりしたい事も理由です。
小さなお子様のいらっしゃる、ご家庭では危険すぎてお勧めしません

上の画像は、メインPCの手元の装備です。

モニター関係です。32インチを3枚使っています。
老眼で文字が見えなくて困る私には、これくらい大きくないと疲れます。

左右のモニターはタテヨコ回転して使えるようになってます。
中央は横専用です。
コードなど書いていると長くなり、何処だか分からなくなってしまうので
全体見えるように必要に応じて縦モニタにして使っています。
excelの長いデータも便利ですね

そんな高いモニタでも無く安い物を使用してます。
複数モニタが使用出来る環境ならばデュアルモニタはお勧めです。
作業がハカドリマス。

PCデスクも自作です
幅2ｍで高さ2ｍの大き目デスクです。
タンスみたいな大きさですね

PC関連のスキャナやパーツ・資料やら予備のキーボードやマウス、事務用品。デスク下には印刷機など置いてます。

●ソフト

ソフトは色々使ってますが、ウェブに関してのソフトを紹介します。

・コード記述ソフト

HTMLコードとCSSの記述はvisual studio codeを使ってます。
コード補完機能など多彩です。
java scriptやpysonなどプログラミングにも対応しているので
定番のソフトでは無いでしょうか？
また、Microsoft CopilotなどAIを利用したウェブ制作との連携もあり
便利だと思います。
私は詳しく理解してませんが、git hubとの絡みもあるので
後々便利と考えます。
Copilotの他に、cursorも使用してます。
こちらもAIウェブ制作のソフトになります。
私は手打ちでウェブは作るので疑問点の補完と修正に使ってます。

画像編集は、affinity photoやaffinity designer
adobe phoshop・illustratorを使いたいんですが高くて使えないです

業務で使用される場合や細かな作業をされるなら必要ですが
一般的な使用なら事足りると思います。

動画編集ならDaVinci Resolveを予定してます。
今のところ、動画展開までは至ってないので使ってませんが
これかな？って思ってます。
以前はPowerDirector やadobe Premiere Proを使ってました。
youtuberさんなど動画たくさん上げてますけど動画編集って時間もかかるし、マシンの性能も要求されると思うので感心させられます。

●サーバー

ウェブを上げるためのレンタルサーバーです。
こちらも何かと苦労しました。
現在、多種多様で色々なサーバーサービスの会社があります。
無料・有料いろいろ有ります。金額もさまざまです。

レンタル料が高いのが良いのか？、安いのが良いのか？
ブログっぽいもの・コーポレートサイトなどは、どこを選ばれても
表示速度が多少気になる位では無いでしょうか？

サーバーってウェブサイトのファイルを置く場所でしょ？

その通りです。

ところが・・

サーバーと言っても奥が深い
セキュリティの観点やCGI絡みの稼働やらと仕様が複雑です。
サーバーサイトの説明など読んでみても

暗号かっ！！！(怒)

分かるかっ！！！
専門用語のオンパレード  v(￣Д￣)v ｲｴｲ

知らんがな・・

動かん！
知らんで済まないのが顧客対応のウェブサイト。
わたしのウェブの設定が悪いのか？CGIファイルの設定が悪いのか？
wordpressを使用してのプラグイン関係、カート関係・アマゾン支払いなど
試してみないと分からないかもしれません。

分からん！！　(ToT)泣

セキュリティについては別で書かせて頂きますが、情報漏洩・クレジットカードの不正利用など犯罪トラブルが大きな問題となってますよね
2025年の春より、サイト運営者側により多くのセキュリティ対策が義務付けられてます。日本はネットでのセキュリティーが甘いと言われていますが、その通りだと思います。
目に見えない物への警戒心が薄いのは国民性だと考えています。
サイバー攻撃の種類や海外からのアクセス。
仕様の用語や対策・設定など調べるだけで1週間位かかり対応に苦慮しました。

それとね・・
仕様によっては動かないレンタルサーバー会社があります。
それはPHPやWAFであったり相性？であったり
そもそも激安であったりサーバ自体の性能であったり・・

どうしても動かない事があり、さんざん調べたりしてたんですが
情報が見つからない！！

あぁ・・なるほど・・理由はサイト上で名指しで書けないんですよ（多分）

遠回しに記された文面があったんです。
なるほど　そりゃそうだ

規模の大きい会社内なら情報量が多くあり簡単な事かもしれませんが
個人となると致し方無いですね・・

本日も書きなぐりの文面失礼いたしました。
では また　(^^)/