taku / ノーコードWeb制作

STUDIOユーザー歴3年半｜30代実務未経験からノーコードWeb制作で独立｜STUDIOのTips・案件獲得術・失敗談などを発信｜凡人・スキルなしの僕が独学で0→1を達成できた体験談をお伝えします！

[ﾅﾁｶﾜ🌻watacco @723natsukawa]

デザイナーに作ってもらったやつでこれやる人のこと考えてゾッとした　今度から依頼規約にかかないとだよな…

[とむ｜Studio×AI戦略 @austomterry]

【お知らせ】
https://t.co/EiTtEXBKUlの公式アンバサダーになりました。

Studio×Create を通じて、

[Unleash Creativity]できるように精進します🔥

Createの発信しなきゃ💦

[とむ｜Studio×AI戦略 @austomterry]

3年前、制作会社にSTUDIOを使ったサイト制作を提案したら鼻で笑われたのを思い出しました。
その時は妙に納得してしまってコーディングに戻ったりしたけど、やっぱりSTUDIOを触るのが楽しくて、また没頭した。
現在はSUTDIO専門の制作会社がたくさん存在します。
笑われても気にしないことですね。

[柑橘コウ✦Skeb @kankitukou]

【お知らせ】
個人サイトにSTUDIOの実装特集「Makingページ」を追加しました°˖✧◝(⁰▿⁰)◜✧˖°
https://t.co/R2scGjoT7m

過去に投稿した実装ネタをサラッとまとめてみました
自分用の図鑑��もなりそうでたのしい笑
TOPの「STUDIO実装特集」ボタンやメニューから是非ご覧ください！
#withSTUDIO

[わっかー@ライドアクロス @waka_rideacross]

YakuHanJP
結構簡単にSTUDIOでも実装できたので
時間作ってまた記事書きます💡

簡単な内容は全部無料で公開しまっす👍

＃withSTUDIO

[わっかー@ライドアクロス @waka_rideacross]

「STUDIOのカルーセルスライダーを活用して複数写真をフェードイン・アウトで切り替え表示する際になぜかピカっ！と白く光ってしまう」🤔

これ悩んだことありませんか？

実はCSSで解消できます！
しかも無限ループ可能。

近々ブログで公開予定なのでお楽しみに😄

🔽サンプルはこちら

[もち | 経営とデザイン @mochitaro_de]

／
本日、
Figmaマスター講座をリリースしました����✨
＼

これさえやればFigmaをマスターできるという渾身の講座をつくりました✊🔥動画解説有り！テキスト解説も有り！のハイブリッド型教材になってます。動画では細かい使い方から、実践的なTipsまで余すことなく語り尽くしてます。
バナーデザイン、WebデザインがFigmaでつくれるようになります！（今後UIデザインも入れていく予定）

アップデートで追加された機能も随時解説！アップデートに付いていけないよ…という人も救っていきますよ〜！！💪（もちろん追加料金は必要なし）

ワイ自身、もし今からFigmaを勉強するならこの講座がいい！と思えるものを目指してつくりました✌✨

さいごに…
✨お得なキャンペーン情報✨
Figmaマスター講座のリリースを記念して4/3〜4/10 23:59まで「正規価格49,800円→29,800円」に！お得に購入できるキャンペーンを実施中です🥳🎉

気になる方はこのキャンペーンを利用してお得にゲットしてくださいね〜！！💛💛

▼購入は公式LINEから💁‍♀️
https://t.co/w79yZXWFkx

[こさわ | novact Inc. @design_tasuq]

【 制作実績 】
ポートフォリオサイトをリニューアルしました💡
今回はFramerを使ってみました！
Framerはアニメーションとコンポーネント機能がなかなか感動的だった
ただ全部英語だからたいへん
#framer

https://t.co/7deQP1q8uM

[とむ｜Studio×AI戦略 @austomterry]

【本日締切】🍁秋の短期講習
「たった１日でSTUDIO操作を攻略する」
オフライン勉強会を開催します！
💡その場で疑問解消
💡１日でやりきる環境
💡オフラインの繋がり
格安なので参加特典だけで参加費がペイできるコスパ最強のイベントです！
僕が終日担当しますので是非！
https://t.co/wrrvIc5o2Z

[taku / ノーコードWeb制作 @takuNoCode1]

@uranchan92 僕も全く同じです🤣🤣
むしろFigmaの方が時間がかかる謎の現象が起きてます😂

[taku / ノーコードWeb制作 @takuNoCode1]

Small Company
https://t.co/vTbWljzEqY

[taku / ノーコードWeb制作 @takuNoCode1]

STUDIOの最も効果があった学習法は「テンプレ研究」でした💡

一流のデザインスキルとSTUDIOの構築スキルを同時に学べる最強の学習法📝

無料テンプレでOK！今なら下記が特にオススメです👇

✅ THE BUSINESS
✅ FRACTAL BIZ LP
✅ SMART COMPANY
✅ Small Company

#ノーコード #STUDIO

[taku / ノーコードWeb制作 @takuNoCode1]

SMART COMPANY
https://t.co/C1y8kaVwbc

[taku / ノーコードWeb制作 @takuNoCode1]

WordPressからSTUDIOへの乗り換え案件急増中😲

個人やベンチャーのお客様から、下記の理由でSTUDIOに乗り換えたいという声をよく耳にします👇

✅ 運用・更新が面倒
✅ カスタマイズが難しい
✅ 担当者の引き継ぎが難しい

STUDIO案件ガチで増えてきています📈

#Web制作 #副業

[taku / ノーコードWeb制作 @takuNoCode1]

【体験談】STUDIOでも検索順位1位は取れました！👇

ノーコードはSEOが弱いと散々言われておりましたが、実際にSTUDIOで制作した複数記事で、検索上位を数ヶ月間キープすることができています📈

ノーコード云々ではなく、キーワード選定とコンテンツの質が重要です📝

#Web制作 #STUDIO

[taku / ノーコードWeb制作 @takuNoCode1]

STUDIOの有料テンプレ案件が急増中😲
副業0→1を目指したい方、かなりチャンスです！

有料テンプレを購入後、テキストや配色を変えたら微妙な感じになったので、馴染むように修正して欲しいというお客様が増えてきています！

まずは小さな案件で実績を作るのがマジで大事💡

#ノーコード #STUDIO

[こさわ | novact Inc. @design_tasuq]

【 おしごと実績 】
リニューアルデザインを担当したWebが公開されました🎊
素敵なイラストをつくってくださったのはシロクマさん（@shirakuma）です🐻‍❄️
シンプルかわいい雰囲気に仕上がったかなあと思います！

実装は毎度おなじみSTUDIO（@studiodesign）です！

https://t.co/c0bGLXeKdK

[中島健太郎／Studio Ambassador／LEARNED Inc. @nakashima_1128]

トグル機能を応用して【タブ切り替え】が実装できました🎉

コンテンツボックスにIDを割り当てて実装する従来の方法と比較して、
トグル機能を使って実装する利点は

・下に不要な空白ができない
（従来型はコンテンツボックスの縦幅に差があると、下に���くコンテンツとの間に不自然な空白ができてしまう仕様でした）

・選択中のタブのデザインを変えることができる
（従来型はホバー時に見た目を変えることしかできませんでした）

トグル機能を使って、いままで試作してきたものはレスポンシブ対応が難しかったのですが、今回はタブ部分の縦幅以外は、％またはautoを使っているので、レスポンシブ対応できたと思います🙆‍♂️

また、タブとコンテンツボックス内はコンポーネント化しているので、一度作ってしまえば情��の書き換えやデザイン調整が非常に楽です。

手順を記事にして紹介したいのですが、設定が過去一レベルで複雑なので記事化する余裕が今はなく…🙏
ひとまずレイヤー構造だけ共有します！