えぬえす｜Studio専門デザイナー

コーディング不要のホームページ制作ツール【 Studio 】の「できる！」を発信｜マンツーマンでの伴走型支援（不定期募集）｜外注なしでホームページ制作から公開まで承っております｜個人・法人問わず幅広く対応しています💡（実績40件）リピート率80％｜受注状況6月✕７月△８月◯｜ご依頼・ご相談はDMまで

[えぬえす｜Studio専門デザイナー @nocodestyle]

【制作実績】

久しぶりの投稿は、Studioの制作実績報告です。
児童発達支援・放課後等デイサービスを行う、
「はらぺこ」様のサイトとロゴ・看板デザインまで一気通貫で制作をさせていただきました。

クライアント様からのリクエストで、絵本感を出して欲しいということで、作り込みすぎず、手作り感をどう表現していくかに注力いたしました。

やさしい雰囲気、明るく楽しそうな場所であることをアピールしつつ、情報は分かりやすくのバランスも意識したこともポイントの一つです。

保護者の方が見たときに
「ここなら相談してみたい」と感じてもらえるよう、
色・余白・写真・導線を丁寧に設計しました。

Studio制作は、ただ見た目を整えるだけではなく、
事業の想いや強みをどう届けるかが大切。

市場リサーチで児童福祉系の施設のホームページは、情報量が多かったり、サイトデザインも比較的古いものが多かったりした中で、新規立ち上げ時の集客効果も狙い業界内での差別化も図れるものとなってと考えています。

※4月開業で順調に利用者さんも増えていて順調であると報告を頂きました！

今までのかっちりしたものと全く異なるテイストで苦戦しましたが、温かい目で見て頂けると幸いです。

[愛💝デザイン🐶HP・コーポレートサイト制作デザイナー @webdesigner_ai]

【🔊急募｜チラシ制作デザイナーさん募集】

💫応募期間
6/16日（火）まで（急ですみません）

チラシやパンフレット制作をお願いできるデザイナーさんを募集します😊

今回の案件は少し急ぎのため、こちらからレイアウト構成・ラフ案・掲載文言はある程度固まった状態で共有いたします。

その内容をもとに、「3日以内に初稿をご提出いただける方を優先してご相談できればと思っています。

【💬お願いしたい内容】

・チラシデザイン
・パンフレットデザイン
・やさしい雰囲気・子ども支援系のデザイン…etc

【✨条件】

・3日以内に初稿提出が可能な方
・こちらからのラフ案や構成をもとに制作できる方
・修正に柔軟にご対応いただける方
・印刷用データに対応できる方
・Canva、Illustrator、Photoshopなど使用ツールは問いません

【✨報酬】

1件 5,000円〜
※内容やボリュームによりご相談

📨ご興味ある方は、簡単な実績や制作物が分かるものを添えてDMください。

🙏今回の急ぎの案件のため、直近で私と何らかのやり取りをしてる方にお願いする場合がございます。

※ご応募が多い場合、条件や制作実績、スケジュール感を拝見したうえで、今回はご相談させていただく方にのみお返事させていただく場合がございます。

[えぬえす｜Studio専門デザイナー @nocodestyle]

@ran___0917 こちらこそ！

[ピエール中野 凛として時雨 ピヤホン監修 @Pinakano]

MAJ、昨年の様子を配信で観て、「これは現場で体感したい」と無理を言って参加させてもらった。 客席最前列、周りは音楽業界の重鎮ばかり、目の前はノミネートアーティストという凄い空間の中で、今年のアワードを見守っていた。

藤井風の圧倒的なパフォーマンス、星野源の視点から語られるHANA評、カワラボ勢の大躍進。

羊文学のバンドとしての強さとしなやかさ、Mrs. GREEN APPLEの圧巻の存在感と揺るがなさ。

M!LKの全力でやり切る姿勢、菅田将暉の惹き込むMC力。

さらに演出、照明、音響、カメラワークまで含めて、今年のMAJは日本の音楽シーンが今かなり面白いところに来ているなと感じる瞬間があまりにも多かったし、とてもじゃないけど書ききれない。

来て良かったと思える素晴らしい祭典で、単なる人気投票ではなく、今の音楽シーンを業界全体で共有しようという意志も感じた。今日の各アーティストのパフォーマンスからも、それはしっかり伝わってきた。

その中でも、特に強く印象に残ったのが サカナクションだった。

音楽的にはずっとちゃんと尖っている。やっていることは今でもかなり実験的だし、簡単に消費されるタイプの音楽ではない。

それなのに、気付けば子どもから大人まで名前が通じていて、バラエティにも対応出来て、ミーム化やバイラルとも距離感を間違えない。

この“距離感”が本当に特殊だと思う。

SNS時代って、広がるために自分たちを最適化しすぎると、本来の芯が薄くなっていくことが多い。でもサカナクションは、自分たちのフィールドを保ったまま、ちゃんと世の中側にも接続している。

難しい音楽を、難しいまま届ける力もある。しかも、ただ「売れている」ではなく、カルチャーとして浸透している感じがある。ネタにもなるし、真剣にも聴かれるし、ライブは圧倒的に成立する。そのバランス感覚が本当に稀有。

昨日、自分の子どもに「サカナクションのサイン貰ってきて」と初めて言われた。ああ、もう完全に世代を超えたんだなと。テクノロジー、アート、ポップ、実験性、ユーモア、メディア感覚。その全部を横断しながら、ちゃんと音楽家として成立している感じは、今の時代におけるYMO的な存在、役割になってきているのかもしれない。

流行に乗ったというより、「現代そのもの」と同期しているバンド。だから、どの世代にも自然に届いてしまうんだと思った。

全てのクリエイターに祝福を。
おめでとうございます。

そして、いつも寄り添って側にいてくれて
ありがとうございます。

#maj2026

[えぬえす｜Studio専門デザイナー @nocodestyle]

【お名前.comのサブドメイン作成方法】

僕のクライアントさんでオンライン予備校の事業主さんのお仕事で、新学期・夏期講習・直前対策など、都度URLを変えていく必要があるので、メインドメインはそのままに、サブドメインを変更しています。自分の備忘録のために、お名前ドットコムでの手順となりますが、こういうこともできるということも含めて共有します。

①お名前.comにログイン

②サイドメニューのドメイン→利用ドメイン一覧

③該当メインドメインのレンタルサーバーのところにあるログインボタンをクリック（図解①）

④レンタルサーバーコントロールパネルのページに移動してから、主要な設定のドメインをクリック（図解②）

⑤一覧にある該当ドメインの＋サブドメインをクリック（図解③）

⑥希望のサブドメイン名を入力（図解④）

登録が完了したら、通常どおりレコードを追加して完了となります。メインドメインとは異なる点が、レコード追加の際、ホスト名にサブドメインを入力することが必要です。

ホームページ本体とは別で商品・サービス単位での訴求をするためのLP制作においては、必要なものになるので、Studioデザイナーとしての提案範囲を広げていくことに繋がると思います。

[えぬえす｜Studio専門デザイナー @nocodestyle]

【お名前.comのサブドメイン作成方法】

僕のクライアントさんでオンライン予備校の事業主さんのお仕事で、新学期・夏期講習・直前対策など、都度URLを変えていく必要があるので、メインドメインはそのままに、サブドメインを変更しています。自分の備忘録のために、お名前ドットコムでの手順となりますが、こういうこともできるということも含めて共有します。

①お名前.comにログイン

②サイドメニューのドメイン→利用ドメイン一覧

③該当メインドメインのレンタルサーバーのところにあるログインボタンをクリック（図解①）

④レンタルサーバーコントロールパネルのページに移動してから、主要な設定のドメインをクリック（図解②）

⑤一覧にある該当ドメインの＋サブドメインをクリック（図解③）

⑥希望のサブドメイン名を入力（図解④）

登録が完了したら、通常どおりレコードを追加して完了となります。メインドメインとは異なる点が、レコード追加の際、ホスト名にサブドメインを入力することが必要です。

ホームページ本体とは別で商品・サービス単位での訴求をするためのLP制作においては、必要なものになるので、Studioデザイナーとしての提案範囲を広げていくことに繋がると思います。

[Ryo｜Web制作→広告でサブスク化 @ryo98_lp]

地方の店舗に、いきなり50万のサイト制作を提案しても、まず通らない。

地方の店舗ビジネスって、
「Webにそんなお金かけて意味あるの?」って
最初はだいたい懐疑的なことが多い。

だから、いきなり高単価から入らない。
小さく入って、信頼を積んでから広げていく。

自分が地方の店舗に入るときの順番はこう↓

①まずは「HPの無料診断」から入る
→制作者ならではの入口。「今のサイト、ここ直すともっと集客できますよ」で接点を作る

②指摘した一部を小さく改善する
→数千円〜数万の小さい契約。成果が目に見えるから、次の提案の信頼貯金になる

③「問い合わせ増えましたね」と数字や変化を見せる
→小さくても成果が見えると、「この人なら伸ばせそう」に変わる

④そのタイミングで「サイト全体も作り直しませんか」
→信頼ができてるから、ここでやっと高単価の制作の話が前に進む

⑤サイトが整ったら広告で集客
→月5万〜の運用が、毎月のサブスクになる

ポイントは、最初の入口を「小さな改善でも成果が見えるもの」にすること。

地方の店舗って、一度信頼すると関係が長い。
大手みたいにすぐ乗り換えないし、横のつながりで紹介もしてくれる。

この「一店ずつ小さく入って広げる」を積み上げた結果が、今は受託に1日2〜3時間、サブスク収入だけで月70万。

大型案件を一発で当てたわけじゃなくて、
小さな店を一つずつ育てた合計が、その数字になってる。

地味だけど、一番変わったのは相談される中身かも。

前は「ここの色変えて」「文字もう少し大きく」みたいな修正の依頼が、やりとりのほとんどだった。

今は「来月の集客は・・・」って、
店の経営そのものを一緒に考える相談が増えた。

作業を頼まれる人から、店の数字を任される人になった感じ。
制作だけやってた頃には、なかった立ち位置。

大きな案件を一発で狙うより、
目の前の一店舗にちゃんと成果を返すほうが、
結局は長く続く収入になっていく。

で、この「小さく入って広告まで広げる」流れが、
そのまま毎月のサブスク収入に変わっていく。

地方の店舗相手に、どうやって集客まで持っていくか。
その具体的な手順はプロフのリンクにまとめてあるので、気になる人はのぞいてみてください。

[えぬえす｜Studio専門デザイナー @nocodestyle]

Studioのレスポンシブ設定における私が実践しているブラウザ幅について（初心者向けなので分かっている人はスルーで）

タブレット
縦持ち最小を748pxの想定し、エディタを編集。Studioのデフォルト設定のブレイクポイントは変えない

SP
最小375 pxを想定し、これまたブレイクポイントはデフォルトのまま

初心者がありがちなのは、
ブレイクポイントで丁度よくしてしまい、
最小にしたときに配置が崩れてしまったりしてしまうことです。

このルールで僕はレスポンシブが怖くなくなりました。むしろそれぞれを調整してくことが楽しくもあります。

[えぬえす｜Studio専門デザイナー @nocodestyle]

Studioのレスポンシブ設定における私が実践しているブラウザ幅について（初心者向けなので分かっている人はスルーで）

タブレット
縦持ち最小を748pxの想定し、エディタを編集。Studioのデフォルト設定のブレイクポイントは変えない

SP
最小375 pxを想定し、これまたブレイクポイントはデフォルトのまま

初心者がありがちなのは、
ブレイクポイントで丁度よくしてしまい、
最小にしたときに配置が崩れてしまったりしてしまうことです。

このルールで僕はレスポンシブが怖くなくなりました。むしろそれぞれを調整してくことが楽しくもあります。

[坂本@StoreHero @sh_sakamoto]

このChrome拡張、かなり便利で助かりますね。

最近だとAIが生成してくれるプロトタイプに対して修正指示出したい時など、言葉で表現しづらいところは画面をキャプチャして加工したりしていたのですが、これを使えばパーツをその場で組み直しできるので、変更方針などが共有しやすくなりました。

https://t.co/l8ZIVdIb5c

[こぎそ @kgsi]

ついさっきリリースされたFigma公式のChrome拡張、かなり実用的だった✨

Webページ全体や特定のUIをキャプチャして、Figmaに貼ると編集可能なレイヤーとして持ってこれる。画像として貼られるのではなく、テキストやフレーム、画像、図形として扱えるのが大きい。
試しにhttps://t.co/8EcW8pvqkvをChrome拡張経由でキャプチャ、Figma側にコピーして編集できる状態にしたけど、相当に精度高くキャプチャできてた、このデータを再度AIに渡せばフィードバックサイクルが非常に楽になる。

Figma MCPで提供していた`generate_figma_design`が、Chrome拡張から、簡単にできるようになった...と理解してる。これで結構デザインの景色が変わりそう。

[えぬえす｜Studio専門デザイナー @nocodestyle]

Claude Fableですが、
本業の会社で使用禁止のアナウンスが流れました。

個人で楽しむ分には自由ですが、
安易にクライアントワークで使うことは避けるべきなので、今の時点では脅威になり得ないという状況です。

[えぬえす｜Studio専門デザイナー @nocodestyle]

結果を出せる人の特徴は、
「やらなきゃいけない量の基準値」が違うだけ。

案件が取れない理由を、
・スキル
・ツール
・自分の環境
にしてしまうことはやめたほうがいい。

お仕事を獲得していく活動の中で、
自主制作は作り続けることも同時並行でやる。

どんな職業でも「辛いこと」の壁にぶち当たるけど、
それを自分自身でミッションを与える狂気が、
数年後の自分を守ってくれると信じてますし、
僕自身も2023年から2024年コツコツ作業を重ねてきた自分に感謝しています。

[イチ＠年収1000万WEBデザイナー養成 @hash666699]

普段から壁打ちなどで、割とガッツリAI使ってる人に聞きたいんだけど、

AIからの言葉やアドバイスに、パラダイムシフト（目から鱗が落ちるとか、思いもよらなかったことにハッと気付かされるとか、価値観が少しでも変わる）が起きたことってあります？

僕はこれまでかなりヘビーにAIと対話してきてますが、一度もこれが起きたことはなくて。

みんなはどうなんだろう。
お気軽に投票してもらえると嬉しい。

投票はツリーから。
↓　↓　↓

[えぬえす｜Studio専門デザイナー @nocodestyle]

@joshinishiguchi めちゃくちゃ分かります…

[えぬえす｜Studio専門デザイナー @nocodestyle]

おぉ… すごい発見💡
Photoshopでできるんですね！
ジャンル問わず汎用性が高いテクニック…
ありがとうございます✨

[シング｜thingnld @thingnld]

「なんか物足りない…」と思ったらこれ！！🔥

すぐ真似できるプロ技⚡ ノイズ加工編

アナグリフ × 走査線で、「ちょいレトロ × 未来感」を一発追加できるやつです。

👀 Photoshop手順

① フィルター → ノイズ →「ノイズを加える」を薄めに適用

② レイヤーを複製

③ 複製レイヤーの
レイヤースタイル →「高度な合成」で
G・BチャンネルをOFF

④ 移動ツールで数pxだけ横にずらす
⑤ 白塗りレイヤーを作成し、
フィルター → ハーフトーン（線）
⑥ 描画モードを「オーバーレイ」
不透明度10〜25％に調整

完成😉

赤と青がズレたアナグリフ感と、CRT風の走査線が加わって一気に雰囲気がでます。Y2Kっぽいやつ、サイバー系はもちろん合います！人物写真や風景にも使ってみると、意外といい感じになるんですよ。

よく見かける技だけど、覚えておくと使いどころの多い加工です！
※私は結構な頻度で使っていますｗ

[シング｜thingnld @thingnld]

「なんか物足りない…」と思ったらこれ！！🔥

すぐ真似できるプロ技⚡ ノイズ加工編

アナグリフ × 走査線で、「ちょいレトロ × 未来感」を一発追加できるやつです。

👀 Photoshop手順

① フィルター → ノイズ →「ノイズを加える」を薄めに適用

② レイヤーを複製

③ 複製レイヤーの
レイヤースタイル →「高度な合成」で
G・BチャンネルをOFF

④ 移動ツールで数pxだけ横にずらす
⑤ 白塗りレイヤーを作成し、
フィルター → ハーフトーン（線）
⑥ 描画モードを「オーバーレイ」
不透明度10〜25％に調整

完成😉

赤と青がズレたアナグリフ感と、CRT風の走査線が加わって一気に雰囲気がでます。Y2Kっぽいやつ、サイバー系はもちろん合います！人物写真や風景にも使ってみると、意外といい感じになるんですよ。

よく見かける技だけど、覚えておくと使いどころの多い加工です！
※私は結構な頻度で使っていますｗ

[えぬえす｜Studio専門デザイナー @nocodestyle]

めちゃくちゃありがたいです･･･！
一つ一つ作成してみます。

お客様への表現方法の幅が広がり、提案内容にも深みを出せる普遍的な知識であり、デザインスキル。

[タマケン | デザイン @DesignSpot_Jap]

イラレで簡単にできるオブジェクト加工💡
#Illustrator

[タマケン | デザイン @DesignSpot_Jap]

イラレで簡単にできるオブジェクト加工💡
#Illustrator