渡邉 慶太

ノーコードWeb制作(STUDIO)について日々発信していきます。基本的な操作から、ニ…

渡邉 慶太

ノーコードWeb制作(STUDIO)について日々発信していきます。基本的な操作から、ニッチな情報まで網羅していきます。一緒に学んでいきましょう!

記事一覧

トグル機能を解説!

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。 本日は、トグルの解説していきます。トグル機能を用いることで、情報量をコントロールして使いやすさや…

渡邉 慶太
6時間前

アンカーリンクの解説!

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。 本日は、アンカーリンクの解説していきます。Webページを作成する上で基礎的なスキルとなりますので、ぜ…

渡邉 慶太
2日前

埋め込み・はみ出し/スクロールの解説

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。 本日は、埋め込み・はみ出し/スクロールの解説していきます。汎用性の高いスキルとなりますので、ぜひ…

渡邉 慶太
4日前
2

ホバーについて解説

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。 本日は、みんな大好きな『ホバー』の解説を行います。 ぜひ、たくさん触って、遊んで使い方をマスターし…

渡邉 慶太
9日前

STUDIO基本操作解説#4

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。 基本操作の解説も今回で終わりになります! 枠線ボックスを線で囲むことができます。 数値を入力するか…

渡邉 慶太
2週間前

STUDIO基本操作解説(ボックス幅設定)#3

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。 基本操作の解説も残り2回となりました。引き続き頑張っていきましょう! ボックス幅の設定Px:ボック…

渡邉 慶太
1か月前

STUDIO基本操作解説(マージン・パディング)#2

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。 前回に引き続き、基本操作の学習を進めていきましょう! マージンとパディングマージン ボックスの外…

渡邉 慶太
1か月前
1

STUDIOとの出会い【ノマドニア】

本日はなぜSTUDIOに出会ったかについて話していく中で、私がどんな人物なのかについても紹介します!お時間があるときにゆる〜くお読みいただけたら幸いです! はじめに前…

渡邉 慶太
2か月前
9

STUDIO基本操作解説(ダッシュボード、エディタ、他)#1

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。 本日は「STUDIO基本操作」について解説します。 ぜひ手を動かしながら一緒に学習していきましょう! ダ…

渡邉 慶太
2か月前

なぜWeb制作においてノーコードを学ぶべきなのか

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。 本日は、なぜノーコード制作を学ぶべきなのか自分なりの見解を述べていきたいと思います。 まずWeb制作…

渡邉 慶太
2か月前
12
トグル機能を解説!

トグル機能を解説!

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。
本日は、トグルの解説していきます。トグル機能を用いることで、情報量をコントロールして使いやすさや効果性を格段に高めることができます。使いこなせるようにしていきましょう!

トグルとはトグルとは、ある同じ操作を繰り返すことで、機能や状態のON/OFFを切り替える仕組みのことである。
例えば、生活の中でよく使うアラーム設定。右側

もっとみる
アンカーリンクの解説!

アンカーリンクの解説!

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。
本日は、アンカーリンクの解説していきます。Webページを作成する上で基礎的なスキルとなりますので、ぜひ覚えてください!

アンカーリンクとはアンカーリンクは、ウェブページ内の特定の場所に直接ジャンプできるリンクのことです。普通のリンクは別のページに飛ぶけど、アンカーリンクは同じページ内で移動します。
下記では、絵文字枠をクリ

もっとみる
埋め込み・はみ出し/スクロールの解説

埋め込み・はみ出し/スクロールの解説

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。
本日は、埋め込み・はみ出し/スクロールの解説していきます。汎用性の高いスキルとなりますので、ぜひ覚えてください!

埋め込みMapの埋め込みから解説します。
Mapをドラッグ&ドロップで出します。デフォルトは東京タワーで設定されているので、今回はディズニーランドに変更していきたいと思います。

ディズニーランドをネット検索か

もっとみる
ホバーについて解説

ホバーについて解説

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。
本日は、みんな大好きな『ホバー』の解説を行います。
ぜひ、たくさん触って、遊んで使い方をマスターしていってください!

ホバーホバーとは

ホバー(hover)とは、UIデザイン用語です。具体的には、具体的には、マウスカーソルがある要素の上に置かれたときに発生する効果やアクションを意味します。ユーザーが特定の要素に注目してい

もっとみる
STUDIO基本操作解説#4

STUDIO基本操作解説#4

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。
基本操作の解説も今回で終わりになります!

枠線ボックスを線で囲むことができます。
数値を入力するか、🔲内をドラッグまたはクリックで数値を変更できます。
全部の辺を引くことができます。

1辺ずつ引くことができます。

シャドウ
シャドウをつけることで立体感を演出することができます。
X:横軸、Y:縦軸、Blur:ぼかし、

もっとみる
STUDIO基本操作解説(ボックス幅設定)#3

STUDIO基本操作解説(ボックス幅設定)#3

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。
基本操作の解説も残り2回となりました。引き続き頑張っていきましょう!

ボックス幅の設定Px:ボックス(文字、画像)のサイズが一定に保たれる設定です。

%:親要素の幅を基準にそこに対して何%でボックス幅を決定する設定です。

auto:子要素幅に合わせて要素幅が決定する設定です。

flex:横幅でflexの値で分割される

もっとみる
STUDIO基本操作解説(マージン・パディング)#2

STUDIO基本操作解説(マージン・パディング)#2

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。
前回に引き続き、基本操作の学習を進めていきましょう!

マージンとパディングマージン

ボックスの外にスペースを作る(オレンジで表されます。)

パディング

ボックスの中にスペースを作ります。(緑で表されます。)

設定方法
各設定欄から数値を入力する、またはボックス内をドラッグすると数値を変動させられます。
数値を入力す

もっとみる
STUDIOとの出会い【ノマドニア】

STUDIOとの出会い【ノマドニア】

本日はなぜSTUDIOに出会ったかについて話していく中で、私がどんな人物なのかについても紹介します!お時間があるときにゆる〜くお読みいただけたら幸いです!

はじめに前職は教員として働いていました!仕事の話になると、どこに行っても「先生って大変だよね。」って言葉を聞くことが多く、理解されていると思う反面、教員という職に対してのマイナスイメージが強いなーって思わされることも多く、少し悲しい…
教員時

もっとみる
STUDIO基本操作解説(ダッシュボード、エディタ、他)#1

STUDIO基本操作解説(ダッシュボード、エディタ、他)#1

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。
本日は「STUDIO基本操作」について解説します。
ぜひ手を動かしながら一緒に学習していきましょう!

ダッシュボードの理解

プロジェクト名、カバー画像、サイトの公開の可否、メンバー編集、CMSの設定等が行えます。

エディタの理解

・バー(上)は3つに分けられます。
 ①トップバー:ダッシュボード、プロジェクト、メンバ

もっとみる
なぜWeb制作においてノーコードを学ぶべきなのか

なぜWeb制作においてノーコードを学ぶべきなのか

こんにちは!ノーコードWebクリエイター(STUDIO)のワタナベです。

本日は、なぜノーコード制作を学ぶべきなのか自分なりの見解を述べていきたいと思います。
まずWeb制作と聞くと、画像のようなイメージを持っていると思います。デュアルディスプレイを兼ね備えて、超高速ブラインドタッチでカタカタパチパチカタカタパチパチ!!生きている次元が違う人たちがやっているんだと……実際自分もその中の1人でした

もっとみる