Webデザイナーの制作環境
ManaのWebクリエイターカフェ。WebデザイナーでWebクリエイターBOXを運営しているManaです。
SF漫画家のKakedashiちゃんです。
この番組では、Webコンデンス制作で役立つ知識やノウハウ、キャリアのお話をしていきます。
今回のテーマは、Webデザイナーの制作環境です。
Manaさんの制作環境を丸裸にして、みんなも形から入ってみよう。
私はKakedashiちゃんの環境の方が知りたいですけどね。
Kakedashiちゃんの環境から、まず聞いていきたいんですが、最近いかがお過ごしですか?
Kakedashiさん 相変わらず特に、何か新しいことがあるわけじゃなくて、漫画を描いてお仕事をちょっともらったりして、漫画を描いてるんですけれども
なかなか、きっとWeb制作もそうなんですけれども、表に出せるまでに時間がかかるんだなというのを痛感しています。
Manaさん そうですね。今じゃあ直近でこういうのが発売されますよ、リリースありますよっていうのは特になく。
Kakedashiさん 直近はないですね。そのうち何かお知らせができたらいいなという気持ちで描いていますので。
Manaさん でもそういう作業されてるんですね。
Kakedashiさん はい。働いてます。
Manaさん 漫画のみでっていうことです?
Kakedashiさん そうですね。バナー作りとかも最近は全然やってなくて。別にそういうのやりたくないというわけでは決してないですし、興味も持ち続けてはいるんですけれども。
Twitterでお仕事くださいっていうのもなかなか言いづらいですし、そもそもKakedashiちゃん、漫画100話とかでクライアントさんとのいろんな切ない出来事も書いちゃったところがあるんで、顧客情報バラシマンみたいになってるので、なんかコンプラ的に私自身が受けにくいなという気持ちも持ってますね。
Kakedashiさん そういうご縁があったら、ぜひあらかじめ契約書でいろいろ縛っておいてほしい感じです。
Manaさん 自由が怖いタイプの人間ですね。
Kakedashiさん はい。自由を与えられると多分やりすぎる感じです。
Manaさん でも縛られすぎてもやりづらいとかそういうのはないです?
Kakedashiさん 逆にそれはManaさんに聞いてみたい感じしますね。あんまり契約書でいろいろ取り交わして不便だったっていう経験がまだできてないのかなと。
Manaさん あ、なるほど、なるほど。
Kakedashiさん そうですね。私もそこまでガチガチに縛ったようなサイト制作とかでもなかったので、自由にして一番すごい楽だったのは本当に好きにしてくださいみたいな感じでやって、でも好きに作ったらそのままOKみたいな。
Manaさん 最高の流れじゃないですか。
Kakedashiさん そうなんですよ。修正一度も入らずそのままOKになったっていうのもありましたね。
Manaさん でもそれでもうManaさんを信じてますよみたいな信頼があって、Manaさんが好きになったらもう完全にそれに応える形になってウィンウィンですね。
Kakedashiさん そうですね。もうその長い付き合いのあった方でっていう形だったので、そういうのもあったかもしれないですね。
Manaさんがいいんだったらもうこれでいいです。自由にやってくれてOKですみたいな感じの方でしたね。
Manaさん 理想の関係ですね。
Kakedashiさん そうですね。でもどうしても蛍光緑と蛍光紫を一緒に使ってほしいっていうクライアントがいまして。
Manaさん すごく難しそうですね。
Kakedashiちゃんの環境
Kakedashiさん そうなんですよ。すごく彩度の高いエヴァンゲリオン初号機を思い浮かべていただければっていう感じの、なんかエヴァが好きなのか何なのかわかんないですけど、そういうので絶対に統一してほしいと。
で、背景色も蛍光紫にして、ボタンとかを蛍光緑にしてみたいな感じだったんですよ。もうどうしようもなくて。
Manaさん 黒をベースに蛍光色たちは差し色っていう手段も使えなかったんですね。
Kakedashiさん そう、やったんですよ。最初に黒背景とか白背景で差し色でってやってたら、違う違うっていう感じで。でも本当にそのURLがまま作ってみたら、もうなんかメガみたいな感じのサイトになってしまい、ただクライアントだけは大喜びなんですよ。
どうすっかなみたいな感じだったんですが、これで1回リリースしてユーザーの声を聞きましょうってなり、ユーザーがもうこのサイト見れないよって本当にちゃんとですね、意見が来ましてようやく元に戻りましたみたいな。
っていうのがあって、めちゃくちゃ縛られてもその通りにしたけれど、結局うまくいかないってことがありますので、契約書の段階でですね、どこまで妥協し合えるかっていうのは大切ですよね。
Manaさん 最初の下準備が大事なんですね。
Kakedashiさん その通りにして結局ね、今の初号機みたいな感じでうまくいかないこともありますので。
Manaさん それで投げ出さずに一旦ユーザーの反応を見てみましょうって言えるのがやっぱManaさんすごいなと思います。
Kakedashiさん そうですかね。
Manaさん 私そのままぶん投げてしまいそうです。
Kakedashiさん どうしようもないなってなったので、っていうのもありますしね。私の意見だけではこの人は動かないと分かりましたので。そういうやり方もあります。
Manaさん でもそうですね。Kakedashiちゃんの場合はあれこれ決めておいた方がやりやすいということなのでね。今後どういう方向に行くのか。ウェブ制作とかは今後はどうなんですかね。考えてはいるんですかね。
Kakedashiさん 頭の中にずっと残ってますね。ただ今ちょっと漫画ばっかり描かざるを得ない感じになってます。
Kakedashiさん 仕事にしたから漫画ちょっとしんどいなっていうのもあったりします?
Manaさん 仕事になるとしんどいのは出てきましたね。割とお任せと言いますか任せてもらえるお仕事がほとんどなんですけれども、そうもいかないお仕事もあるんだなぁと社会を学んでます。
Kakedashiさん 素晴らしい良いことです良いことです。スキーだけじゃできなかったりもしますからね。でもそこに気づけたんだったらまた一歩ベテランちゃんへの道に近づいていかないですか。
Kakedashiさん じゃあ色々仕事とかもすることが増えてきて環境整理とかお仕事をするにあたって家ですることが多いと思うんですが、何かお掃除とかもされたんですか。
Manaさん 最近あのちょっとしたお掃除をしたつもりでして、ずっと座ってると周りにどんどん物を溜め込んでしまうみたいでして。
Kakedashiさん コタツと相性がいいタイプの人ですね。
Manaさん 最高ですね。6月ぐらいまでコタツ出しておくタイプです。
Kakedashiさん ああそうなんですね。私コタツ最後に入ったのいつだろうっていうくらい、コタツ全然入らないタイプなので。
Manaさん コタツ入らないタイプ。全然ないですね確かに。Manaさんがあのコタツに入ってあのiPadでとかで仕事してるイメージ持てないですね。
Kakedashiさん そうですね。実家にはあるけれど、全然ですね。そうかじゃあ今机の周りにはお仕事管理の書類などがたくさん。
Manaさん 書類はしまってますね。 Kakedashiさん なんか書き散らかしたノートが積み上がってて。今まさに目の前に電源の入ってない古い液晶タブレットがあります。
Manaさん ああそうなんですね。液タブでずっとお仕事されてるんですかね。 Kakedashiさん そうですそうです。いつかはiPadって思いながら5年ぐらい経ってます。
Manaさん iPadではなく液タブ。どういったの使われてるんです?Wacomとか?
Kakedashiさん そうですね。Wacomの7年8年ぐらい前のモデルなんですかね。多分今売ってない。
Manaさん そうなんですね。私もWacom、何て言うんですか。イタタブっていうのが昔使ってましたけど、やっぱりこの業界はWacomかiPadかみたいな感じなんです?
Kakedashiさん 最近は性能の良い中華製のタブとかかなり増えてきてるみたいなんですけれども、なんかまだWacomかiPadかみたいなところはあると思います。
Manaさん そうなんですね。使いやすいですよね。iPadに比べたら安めですし。
Kakedashiさん そうですね。ただ私の液晶タブレットパソコンにつないでないと使えないし重たいしすぐ倒れるんで、iPadの携帯性は憧れますね。
Manaさん 確かにどこでもできるのは重要ですよね。
Kakedashiさん Windows派なんで、できればSurfaceで同じようなとかいろいろ思ってるんですけども、なかなかiPadにはまだ勝てないのかなっていう。
Manaさん そうか、Windows派の方がiPadでってなると連携がめんどくさいのかな。
Kakedashiさん めんどくさそうだなって思いますし、ユーザーインターフェイスと言いますか、試しに触ってみても全然そのあたりが慣れなくて。
Manaさん そうですよね。Windowsの派の方だったらちょっと使い勝手が違いますもんね。
私ずっとMacなので、iPadもiMacもMacBook ProもiPhoneもApple Watchも全部持ってますが、そうなんですよ。ずっとMacなんですよね。
元々はアドビ系のソフト、Photoshopとかイラストレーターが昔はMacでしか使えなくて、最初に買ったのがiMacだったのかな。
それからもずっと何の迷いもなくMacを使い続けていて、周辺機器もですね、iPadとかiPhoneも全部Appleで揃えてっていう感じなので、連携がすごい楽なんですよね。
iCloudかなっていうのもありますし。なので、Apple製品を持っている方だったらMacがいいんじゃないかなとは思うんですが、かけだしちゃんみたいにWindows派なんですっていう方は選択肢が逆に多くなりますかね。
たしかに多いですね。そういうのもあるのか。ちなみにマナさん、Windowsいいなって思ったことありますか。
Windowsいいな。会社はWindowsでっていうところは結構あったりするので、両方使いますね。Windowsは絶対使いたくないというわけではないです。
そっか、製作会社によっても変わったりしますよね。
そうですね。インターネットのマーケティング系の会社だったらMacじゃなくてWindowsで揃えてっていうところがあったりしたので、そういうところでは。
デザイン、メインのデザインに強いですよっていうような会社だったらMacで揃えてっていう感じがあって、結構会社によって違うかもしれないですね。
どっちにも慣れておこうという心構えだけは持っていた方が良さそうですね。
そうですね。どっちも良いところありますので、Mac絶対嫌なんですって言ったらちょっとしんどいかもしれないですけどね。
どっちにも慣れて、どっちの良いところも見ておくと良いかもしれないですね。
おすすめのツール
マナさん、おすすめのソフトとかツールってありますか。
そうですね。これインスタグラムとかでも質問があって、プログラミングのノートだとか知識のまとめ方、ツールについて教えて欲しいですっていう方もいらっしゃったので、
ちょっと一緒にまとめて紹介すると、ノート系は全部Notionで今揃えてるというかまとめてますね。
Notionご存知でしょうか。
はい。
そうですね。このポッドキャストの進行管理は全部Notionでやってますからね。
はい。
はい。いつも使ってると思います。これが私ちょっとしたコードのメモだったりとか、あと本を私書いてるんですが実は、書籍の執筆も全部Notionですね。管理してます。
新作が出ますか。
いつか出ます。
パチパチパチパチパチ。
そのうちちゃんとアナウンスがあると思います。
はい。
で、そうですね。他にもなんかトレーニングメモとかレシピとかそういうのも全部Notionに書いてますね。
で、タグとかつけれるので検索もしやすいんですよね。Notion。
で、メモ系以外だったらデザイン系は全部Adobeですね。Adobe Photoshop、Illustrator。最近Figma使ってますかね。
XDの先行きが怪しいのでFigmaに、Figmaの勉強もしつつっていう感じです。
はい。で、エディターはVSCode、Visual Studio Code使ってくらいですかね。そんなになんかめちゃくちゃ珍しいツールを使ってるっていうのはないかな。
よく使ってるツールとか、かけだしちゃんはありますか。
マナさんの制作環境
私もそんなに珍しいのは使ってないですね。漫画を書くときはClip Studio Paint。
で、何か時々Photoshop、稀にIllustratorですかね。
そうなんですね。もう液タブで書いてそれを編集するみたいなそんな感じですか。
はい。
なるほど。そうなりますよね。それがiPadだったら全て完結できるんですよ。
私別にイラストレーターでもないのにフレスコをiPadですね。フレスコを使って水彩画風のを書いてみたりして。
書くのが楽しくなりそうなやつですね。フレスコは。
そうなんです。そうなんです。っていう感じですかね。ソフトは。珍しいものはないかもしれないですね。
じゃあソフトは珍しくなくても、なんか珍しい機材とかをお持ちだったりしませんか。
機材、そうですね。これ以前記事にもしたんですが、作業環境の紹介、マナの場合っていうような記事を書いてます。
で、MacとかiPad使ってますよの他にオーディオ周り、今撮ってるこのポッドキャストの収録とかに使うのにマイクがちょっといいの使ってますね。
シュア単一指向性ダイナミック型マイクSM7Bっていうやつですね。なんかいいやつらしいんですけどよくわかってないです。
いや、きっといいやつですよ。私が今借りてるこのマイクもシュアのちょっといいやつって言って借りてきました。
シュアのいいやつらしいです。なんかいいみたいですね。これが私がよく聞いてる海外のポッドキャスターの方のショップトークショーっていうところですね。
中の方がこれ使ってるっていうだけで何も考えず買ったやつなんですけど、だからまあいいやつなんでしょう。
プロが使ってるのと同じっていうと一定の安心感ありますよね。
ありますよね。いつも聞いてるポッドキャストなのでこの音質いいんだろうみたいなね。
ありますよね。
特殊な椅子とマイク
変わってるもので言うと椅子かな。
椅子。
椅子。その記事でも紹介してるんですが、椅子というかバランスボールかな。
バランスボールってふよふよゴムのまん丸いボールがあるんですけど、それに座って作業しますっていうのが海外とかでもちょこちょこあるんですが、
それだと転がっていっちゃうので、下になんかこう足みたいなのがついて、上の座るとこだけボールで、下は固定されてますよっていうジェリーフィッシュチェアって呼ばれてる椅子があります。
これでいつも作業してますね。
なんかかわいいですね。
かわいいんですよ。ぷよぷよしてて。もうほんとジェリーフィッシュっていうね、クラゲみたいな形になってますので、なんか椅子って本当にキリがないじゃないですか。
ない。
本当に。で、なったら、で、いろいろ調べてる結果、あんまり座り心地が良くない椅子の方がちょこちょこ位置を変えたりとか立ち上がったりして、腰に負担が逆にないんじゃないかっていうのを記事で見まして、
じゃあエクササイズ用の椅子にしてしまおうっていうのが考えでありまして、で、こちらにしてみましたね。
評価高いですね。ちょいちょい姿勢を変えたりしないとバランスが悪くなるので猫背予防になります。
なります。猫背にしようと思うと逆に腹筋使うかもしれないですね。
私昔、ちょっといいゲーミングチェアを買ったんですけれども、リクライニングもついてるみたいなやつ。足が短すぎて、本当に先っぽの方に座らないと足がつかないみたいな状態になっちゃいまして。
調整できないんですか。下げたりできず。
そう、一番下まで下げてそんな感じでした。
そうなんですね。
リクライニング一回も使わなかった。
そうなんですね。でも本当に座り心地良すぎるとずっと座っちゃいますしね。深く座っちゃったりしたら腰に来ちゃうし。
あえてこういった座り心地の悪い椅子。
逆におすすめ。
他の特殊なアイテム
いい感じにおチリンが得られるようになってきたら買ってみます。
そうですね。ぜひぜひやってみてください。安いものだったら本当に普通のバランスボールでやってみてもいいかもしれないですしね。
バランスボールだけ考えたこともあったんですけども、バランスボール大きいじゃないですか。
大きい。
それがちょっと嫌だなって。
嫌ですよね。そうなんですよ。
まあこれもね、ちょっとお高めなので余裕のできた時にですね、ぜひぜひ買ってみてください。
はい。机は何か商工式だったり変わった机ですか?
机はでも部屋に備え付け。家を私実は建てておりまして、注文住宅で。
もう備え付けで用意してて、壁にそのままくっついてます。
で、別の部屋にトレーニングルームが家にありまして。
ジムみたいなのがあって、そこにはスピンバイクっていって自転車が置いてます。
で、それ用のスタンディングデスクがあって、チャリ漕ぎながら作業できるという環境にもなってます。
ああ、なんか漫画家さんのレポ漫画とかで読んだことあるかも。
本当ですか?
漕ぎながらちょっと作業とか。
そうなんですそうなんです。漕ぎながらできるようになってますね。
ただ、本当に集中しないとどっちかが止まるんですね。手が止まるか足が止まるかなっちゃうので。
なんか調べ事だったりとか、もう本当に適当に流し見するだけでいいような簡単な作業の時だけはそっちのトレーニングルームでやってますね。
運動全然できてないんで、なんかそういう小具バイク欲しいなぁと思ったこともあるんですが、ちょっと部屋が狭いんですよね。
あら、そこに見えるのはリングフィットじゃないですか?
おっと、何で決めましたか。
見えちゃった。使っては?
インテリアです。
インテリア。なるほど。いいですね。カラフルで。かわいいですね。
そうなんです。時間取れないとね、なかなか運動しないですからね。
そんなあなたのためにチャリを漕ぎながら作業できる、そんな環境。もしくはバランスボールで弾みながら仕事ができる、そんな環境もおすすめです。
はい。もうスイッチとモニターとかを入れなくてもね、運動できる環境が欲しいです。
お着ですね。
全然いいと思いますよ。大事です。
あとなんか、かけだしちゃん、素敵な時計を買ったという噂を。
あ、一時ツイッターでよく見た、色がついて残り時間が可視化できるっていう時計。
ポモドーロタイマーかな。
ポモドーロタイマー。それです、それです。
それですよね。私もこれね、ずっと気になってて。私もポモドーロって言って、25分お仕事して5分休憩してっていうサイクルですよね。
はい。
そのサイクルでずっと作業したりしてるので、これいいじゃんと思って、なんかかわいいデザインのマイニータイマーって読むのかな。
マイニータイマー。
これがかわいいと思って、色もパステルですごい。
ですね。ほんのりくすんでてかわいい。
そうなんですよ。女子がときめくようなかわいいデザインのものがあるので、あ、いいなと思って買おうと思ったら意外と高いっていうね。
ドル69.50。
そうなんですよ。で、タイマーに8000円って思って、一旦ちょっとやめて、もう熱は今下がってるところなんですが。
そこで他の安いタイマーを買おうとかではなくて、このタイマー自体への熱が下がってる。
そうなんですよ。もうこれじゃなきゃ嫌だっていうとこまで来てしまったので。
そうなんですよね。駆け出しちゃんのもね、かわいいですよね。それもシンプルで。
そうですね。ただあの、マナさんが共有くださったこれ見てると、確かに時間ついてる方がプレッシャーかかるのかなとかいろいろ考えちゃいますね。
ちょっと勇気がいる。値段。
そうなんですよね。ちょっとね、お値段が。
まあでも本当にかわいいのでぜひぜひ気になった方ですね。マイニータイマーで調べると出てくると思います。
丸っこくてかわいい色なので。はい、見てみてください。
それではですね、今回のテーマはウェブデザイナーの制作環境でしたが、駆け出しちゃんいかがでしたか?
はい。マナさんが想像以上にMac使いだったっていうのと、一度スタジオ収録でご一緒した時に、カバンからスッと。あれはあの時のiPadにキーボードだったんですかね?
そうですね。iPadに純正なのかな?マジックキーボードかなんか。
はい、もうスッと取り出してサッと。お仕事か何かかな?されてたのを見て、うわかっけーって。
Mac使いだなーというのは知ってたんですが、想像以上にMacに染まって。
そうなんですよ。そうなんですよ。まあでも、Appleで揃えるぞっていう風に思うと、あんまり考えなくて済むので。
確かに。そうなんですよね。だからまあ、ぜひぜひ試してみてください。
確かにシンプルでいいかもしれない。
そうですね。
あとあの、このジェリーフィッシュチェアですかね?中にバランスボールの入ってるやつ。これは真面目に気になるので、買ってみようかなと。
ぜひぜひ。はい、見てみてください。
はい。
さて、この番組では感想や質問、リクエストなどお待ちしております。
毎月最初の配信ではお便りの紹介コーナーもありますので、番組詳細欄にあるリンクよりお気軽にご投稿ください。
XではカタカナでハッシュタグWebカフェをつけてポストしてください。
そしてAppleポッドキャストやSpotifyのポッドキャストではレビューもできますので、こちらにも感想を書いてもらえると嬉しいです。
ここで私がメンターをしているTech Academyについてのご紹介です。
Tech Academyはウェブデザインやプログラミングをオンラインで学べるスクールです。
現役エンジニアや現役デザイナーからマンツーマンで学ぶことができます。
副業案件の提供を保証する初めての副業コースもあるので、ぜひTech Academyと検索してチェックしてみてください。
またお会いしましょう。
Webクリエイターボックス、まなとかけだしちゃんでした。