ともき｜Studio × 営業スクール｜スタジオパス運営
@Tomoki_sbt
Followers
3K
Following
102K
Media
964
Statuses
23K
【Studioの"できなさそう"→"できる"Tipsを発信】｜大卒後6年間引きこもり → 実績80件超｜現役のスクール講師2年｜Studio × 営業スクール #スタジオパス 運営2年｜月間の最高受注額61万円｜累計受注額540万円｜HiDockアンバサダー｜実績▶https://t.co/xbQ75jjJj2
Joined August 2015
◤￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣◥ 受注450万＆実績50件超を達成した Studio制作マスターパック & Studioロードマップ作成会 ◣＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿◢ ▼ 有料級10大特典はこちら https://t.co/O8ZigVIzrQ 【ともきの実績】 ━━━━━━━━
113
93
197
■「×」ボタン以外でモーダルを閉じる方法 ━━━━━━━━ モーダルウィンドウを閉じる際、右上の小さな「×」ボタンだけでなく、他の場所をクリックしても閉じられるようにするとユーザビリティが向上します。 ▼ 任意の要素に設定可能
0
0
1
■ トグルの見出し部分にリンクを設定する方法 ━━━━━━━━ アコーディオンメニューなどで、トグルの開閉だけでなく「見出しテキスト自体」にも別ページへのリンクを貼りたい場合、通常のボタンボックスにはリンクが設定できません。 ▼ 解決策
0
0
4
■ セクションのパディング、どこにつけるのがベター？ ━━━━━━━━ セクション（全幅）の中にコンテンツ幅（例:1000px）のボックスを置く際、余白の設定場所で挙動が変わります。 特に「セクションボックス」を使用する場合の注意点は… ▼ 途切れさせないコツ
0
0
3
■ プレビューで横スクロールが動かない時の対処法 ━━━━━━━━ Studioで横スクロールエリアを作ったのに、PCのプレビュー画面でマウスホイールを回しても動かない時の対処法 ▼ Shiftキーを使う PCのマウスホイールは通常、上下スクロールにしか反応しません。横スクロールを確認したい場合は、
0
0
2
みやまさんは ・Studioの理解度 ・ハードスキル / ソフトスキル共に抜群 です！ 動画で質問いただくときも、前提条件をしっかり示してくれて、順序立てて質問してくれるので ほとんど時間のロスなく適切・的確に回答ができます👍 そして明るく元気、熱量たっぷりなので
とある業務引き継ぎで後任の方へお渡しする引き継ぎ動画作成のため、説明しながら画面収録📹 やっぱり私は人に何かを教えたり、レクチャーするのが好きだな〜と改めて感じました…！ ・ ・ ・ そんなこともあり、 近々Studioレクチャーサービス展開のため、モニターさん募集予定です🙌🏻💕
1
0
7
■ Studio CMSのYouTube埋め込み 「テキストプロパティにYouTubeのID」&「ブール値」 ━━━━━━━━ 詳細記事にYouTube動画を埋め込む際、URLを貼ると 各記事で共通したYouTubeが埋め込まれてしまうので 個別に表示できません。 各記事に個別のYouTubeを埋め込め手順は…
0
0
5
とある業務引き継ぎで後任の方へお渡しする引き継ぎ動画作成のため、説明しながら画面収録📹 やっぱり私は人に何かを教えたり、レクチャーするのが好きだな〜と改めて感じました…！ ・ ・ ・ そんなこともあり、 近々Studioレクチャーサービス展開のため、モニターさん募集予定です🙌🏻💕
2
2
15
■ SEOタイトルの優先順位「サイト設定」vs「ページ設定」 ━━━━━━━━ Studioには「サイト設定」と「ページ設定」の両方にタイトル入力欄がありますが、優先されるのは… ▼ ページ設定 両方が設定されている場合、個別の「ページ設定」が優先的に検索結果に反映される。
0
0
5
■ 画像に枠線をつけると隙間ができる？ ━━━━━━━━ 画像ボックスに直接「角丸」と「枠線」を設定すると、角の部分に白い隙間やズレが発生することがある。 これを綺麗に解消する方法は １．画像を囲む親ボックスを作成 ２．その親ボックスに「枠線」と「角丸」を設定
1
0
3
■ HTMLタグの最適化で検索エンジンに構造を伝える ━━━━━━━━ Studioのボックスはデフォルトでは「div」タグですが、適切なHTMLタグに変更することでSEOに強いサイトになります。 ▼ 主要なタグの使い分け
0
1
2
■ URLスラッグは「意味のある文字列」に変更 ━━━━━━━━ StudioでCMSページを作成した際、URLの末尾（スラッグ）をデフォルトのままにしていたら要注意。 URLの構造もSEO評価に少なからず影響する。 ▼ シンプルで分かりやすい設計
0
0
4
Studioのフォーム問い合わせ、自動返信つけてますか？📩 実はスプレッドシート×GASでサクッと作れます🙌 流れはこれだけ👇 https://t.co/8FQ7NHEXHuフォームの通知先をスプレッドシートへ 2.GASで「新規行追加」をトリガー 3.メールアドレス宛にテンプレ自動送信✨
0
1
38
「LPから成約に繋がりました」 クライアントからいただけるこの言葉が、最高 今回のプロジェクトで意識したのは、 綺麗なサイトを作ること以上に「成約に繋がる仕組み」を作ること。 デザイナーとは意図を細部まで詰め、
0
0
4
【タブレット（TB）以下は「Hover封印」でUX改善を実感しました】 対応中の案件で、初めてTB以下のブレイクポイントで「Hoverアニメーションをオフ」にしました。 結果、タップの先走りや色変化の誤作動が消えて、 クリック挙動がぐっと安定したのを実感しました！
スマホに hover アニメーションの設定が残ったままだと、クリック挙動が不安定になる件。 Studioでは、PC（デフォルトのブレイクポイント）のhoverアニメーションが、そのままスマホにも引き継がれてしまい、スマホの操作でこんな挙動が発生しちゃう👇 •タップした瞬間にhoverが先に発動
1
0
7
■ タブ切り替え実装でスマホの離脱率を下げる ━━━━━━━━ スマホサイズで「ページが縦に長くなりすぎる」という問題は、タブ切り替えの実装がベターです。 ▼ タブ実装のメリット 限られたスペースで情報を整理でき、ユーザーは興味のある内容だけを選択して閲覧できる。
0
1
3
■ トグルの「続きを読む」で画面がズレる時の解決策 トグル機能で「続きを読む」ボタンを実装した際、クリックするとボタンの位置が上に「ガクッ」と動いてしまうことがあります。 これは、親要素の配置設定が原因なことがおおい。 ▼ 配置を「上揃え」にする
0
1
1
■ タブ切り替え実装でスマホの離脱率を下げる ━━━━━━━━ スマホサイズで「ページが縦に長くなりすぎる」という問題は、タブ切り替えの実装がベターです。 ▼ タブ実装のメリット 限られたスペースで情報を整理でき、ユーザーは興味のある内容だけを選択して閲覧できる。
0
1
3
■ トグルの「続きを読む」で画面がズレる時の解決策 トグル機能で「続きを読む」ボタンを実装した際、クリックするとボタンの位置が上に「ガクッ」と動いてしまうことがあります。 これは、親要素の配置設定が原因なことがおおい。 ▼ 配置を「上揃え」にする
0
1
1
スマホに hover アニメーションの設定が残ったままだと、クリック挙動が不安定になる件。 Studioでは、PC（デフォルトのブレイクポイント）のhoverアニメーションが、そのままスマホにも引き継がれてしまい、スマホの操作でこんな挙動が発生しちゃう👇 •タップした瞬間にhoverが先に発動
1
2
48
■ 404ページは「noindex」設定がベター 存在しないURLにアクセスした際に表示される「404ページ」 このページは、検索結果に表示されないように設定したほうがいい。 ▼ noindexをオンにする理由 404ページはユーザーにとって直接的な価値がないため、インデックスさせる必要が薄い。
0
0
3