# はじめのあいさつ こんにちは。イラストレーターの魔穂がお送りする 描けない私の描く日々。 イルッと始めます。 このチャンネルでは、 画力に悩みながらも イラストを描き続けている 今年家の私が クリエイターの方も そうではない方も 肩の力を抜いていけるような 話をお届けします。 変な友達ができたと思って 楽しんでもらえたら嬉しいです。 ちょっと、相変わらず 喉の調子はあまり良くないんですけど 久しぶりに収録してみました。 今回はイラストとは ちょっと離れてしまうんですが ウェブサイト制作を 久しぶりにやらせてもらう機会があったので サイト制作というよりは サイトの改修ですね。 修正みたいな部分的なことを その時感じたことを お話しできたらなと思います。 ウェブサイト制作 ちょっと気になっているよという方にとっては どんな部分が楽しいのか そういう部分 お話しできるかなと思いますので 気になる方は聞いてみてください。 # WEBサイト制作楽しいよ！ もし、私の放送を初めて聞く方がいらっしゃった時のために、 軽く私の現状をお伝えすると、 私はもともと航空会社のCAとして5年間働いた後、 結婚を大きな理由に退職して、 その後、ウェブデザインのスクール、デジタルハリウッドに通っていました。 そこでウェブ制作の勉強をした後、 ウェブ制作会社でインターンをして、 その後は業務委託という形で、個人事業主として ウェブサイト制作の仕事をしていました。 その後にイラストを描いていたら、 そっちの方をもっと頑張りたいなという状況になって、 ウェブサイト制作に関してはガッツリやってはいません。 昔作ったサイトを直したり、 お依頼があって、私のキャパシティ的に 受けられるような案件であったら受けたり、 そういう程度にしてイラストを頑張ろうという活動をしている最中です。 ボイシーも自分の考え方ではないですけど、 興味を持ってくれる人が増えるといいなという部分があって、 初めて見たものではあります。 今回久しぶりにウェブサイト制作の方に サイトを変更してくれませんかというふうに 声をかけてもらったのでやらせていただいたのですが、 ウェブサイト制作は楽しいなというふうに感じたので、 お話はできたらなと思っています。 今回修正させていただいたサイトが NPO法人のCANさんという 札幌で 自立の機械から 疎外されている若者たちを対象に 就職などを支援し、その支援を通じて 若者が自らの力を生かし尊重されて生きていける 地域社会づくりを目指しているような団体さんです。 具体的にはピッケの箱という 遊びに行けるというよりはちょっと集えるような お部屋を用意していたり、猫がいるんですけど、 私の友達がそちらにいらっしゃったこともあり、 デジタルハリウッドというスクールに通っていたときに 卒業政策という卒業するにあたって 何か一つウェブサイトを架空でもいいのですが、 普通の案件を自分でとってやってもいいというような 卒業政策として一つ何かサイトを作ることになった際に ウェブサイトを作らせていただいたという感じです。 私にとっては勉強中ながらも 必死にわからないこともありながら めちゃくちゃ調べて頑張って作ったサイトです。 今見返すと、ここの部分をもうちょっとこうしたほうが よかったなとか、ここのコードがなんとなく いろいろ見えてくるものはあるのですが、 今回もそのサイトのブログとかニュースとか そういうところはクライアントさん側で自分で更新できるように ワードプレスで作成はしているのですが、 もうちょっとサイト全体に関わるここの文章を書いてほしいですとか ここのリンクを変えられますかとか、そういう細かい部分の 作り方という感じでした。 私はサイト制作自体はデザインとかももちろん 面白いと言えば面白いのですが、コードを書く ウェブサイトを作るときってHTMLとCSSというマークアップ言語 というプログラミング言語というと ちょっとお部屋があるかもしれないのですが、 コードを組み立てて作るというよりは 細かく英語とか数字とかを入力して パソコンのブラウザがそれを解読できるような言語で 伝えるためにプログラミングを書くのですが、 そういう書くプログラミングをすることが すごく好きな方だったので、 コードプレスだったらPHPという言語を使ったり 動きをつけるのにJavaScriptを使ったり いろいろ使う言語は多岐に渡っているのですが、 そういうのがすごく面白いのです。 クイズをやっているというか、パズルをやっているような 感覚になって、このデザインをウェブサイトとして 書けば、こういうふうに指示を出せばいけるというのを ひたすら頭の中で組み立てて書いていって、 うまくいかなかった、ちょっと書き換えてみようと そういうトライアンドエラーをするのがすごく楽しくて、 今回もここに新しいこういう文章を入れたいから こういうふうにこの部分を書き換えたらいけるなとか そういう作業がすごく楽しいので、いいなというふうに思いました。 今はノーコードツール、スタジオとかWixとか そういうコードを書かなくてもウェブサイトが作れる というサービスも増えているのですが、 何を使うにしてもメリットとデメリットがあると思うのですが、 コードを書くことが一番重要なのです。 自由度が高いというか、枠組みみたいなものがない状態で 自分で作れるので、そういうのが好きな人にとっては いいのかなと思います。 ただノーコードツールもかなり優秀ではあるので、 やってみようと思えるハードルはだいぶ、ウェブサイト制作を やってみようという部分はだいぶ低くなるというか。 仕事の内容によってはコードを書けないとできませんという 仕事もあるので、スタジオとかだけできますといったら 受けられるものもあれば、受けられないものもあるかもしれないです。 そして今はAIが進歩していて、私が勉強していたときは まだまだそんなに使うこともなかったのですが、 コードとかもすぐ、これどこがおかしいじゃないですけど こういったコードを見せたら、ここですみたいなことを教えてくれたり こういうシステム、こういう挙動にしたいんだけど どう書けばいいとか聞いたらパッと返してくれたりとか。 もちろんウェブサイト制作に関する知識って 全部暗記するのは無理なので、つどつどあれこれどうやるんだ だったら調べたり、本で調べたりとか、ネットで同じように困っている人が 記事をあげてくれたりするので、そういうところで調べたりとか しながらコツコツやってたんですけど、AIにパッと聞けるということで 調べることに関してかかる時間は少し減ったのかなとも思います。 問題解決、悩んだときにするための時間が減ったのはすごくいいと思うんですけど AI全てが合っているかって言われたらちょっとそこは怪しい部分もあるので きちんとした基本的な知識を持った上で、あくまで参考にしながら 抜けとかセキュリティ的な問題がある場合もあったりするので そういうところで気をつけながらうまく活用していくというものにはなるのかなと思います。 ただ私はウェブサイト制作が自分の中では 絵を描くことを今は中心にやってますけど 脳の違う部分を使っている感じがして、すごく頭の体操みたいにはなるので 自分のフォートフォリオサイトとかも自分で作って自分で運用しているので 細々と続けながら楽しみつつやっていきたいなと思います。 今回のお話で出したキャンさんのサイトのリンクとか 今日もやるか分からないですけど、私のフォートフォリオサイトのリンクとかは 概要欄に貼っておきます。 そしてキャンさんのサイトを作った時のことを書いたブログ記事も見つけたので そちらも貼っておくので、気になる方はぜひどうぞ。 # 補足・おわりのあいさつ 聞いてくださってありがとうございました。 ちょっと一つ気になったのでお伝えすると、 ウェブサイト制作をするときに、 HTMLやCSSや何かそうやってウェブサイトを作っていくにあたって、 プログラミングというか、言語を書くのって、 コーディングというのもいいんですけど、 コーディングという単語を全然使っていなかったなと思ったので、 一応こちらで言っておきます。 今回お話ししたキャンさんのサイトは、 私にとって初めてしっかり作ったサイトで、 今も使ってくださっているという部分でも本当に感謝だなと思って、 思い出のあるサイトです。 あと私は以前とあるイラストレーターさんの ポートフォリオサイトも作ったことがありまして、 知っている方も多いかなと思うんですけど、 とても見ていて心が幸せになるというか、 私も大好きな世界観でイラストなんですけれども、 その時もすごく作らせてもらえて嬉しかったですし楽しかったですし、 こだわりもたくさん詰め込ませていただいたので、 いつか取り上げてお話しさせていただければなと思っております。 そしてちょっとあれなんですけど、 今体調とかスケジュールの関係でのんびり配信になってしまっておりますが、 また聞きに来てもいいよという方がいらっしゃったら、 ぜひチャンネルのフォローとても嬉しいのでお待ちしております。 いいねやコメントも嬉しいです。 それでは皆さんの日々が楽しいものでありますように。