Тёмный

【30分マスター講座】Figmaの基本と便利な使い方! | WEBデザインツール 

HIROCODE.
Подписаться 66 тыс.
Просмотров 159 тыс.
50% 1

WEBデザインツール「Figma(フィグマ)」の基本的な使い方・便利な機能について解説しています。😊♪
まだ使ったことがある方や、使い始めたばかりの方にオススメの内容です😆❗️
Figma本格的な応用編の動画はこちら🔽
• 【スキルアップ】Figmaを極めろ!実践的な...
Figmaがもっと効率的に使える、プラグインの紹介動画はこちら 🔽
• Figmaのプラグイン10選 2022【拡張機能】
🎥 この動画の構成 🎥
00:00 Figma(フィグマ)の基本的な使い方
00:55 Figmaとは?
01:14 無料プラン・有料プラン
01:30 日本語化
02:02 ファイル構成(個人)
02:26 ファイル構成(チーム)
03:15 コンポーネント共有
03:52 画面構成(ホーム画面)
04:11 画面構成(デザイン画面)
04:51 ・基本ツール
07:17 ・フレーム / グループ
09:04 ・コンストレインツ
10:22 ・レイヤー
11:12 ・整列・並び替え
11:38 ・オートレイアウト
12:39 ・画像
13:46 ・スタイルの定義
15:36 ・コンポーネント / インスタンス
20:12 ・バリアント
22:24 ・プロトタイプ
23:57 ・共有
25:41 ・書き出し
26:43 ・プラグイン
✅ ご視聴いただきありがとうございます🙇‍♂️
この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️
👇『HIROCODE.ヒロコード』をチャンネル登録する 👇
ru-vid.com?sub_c...
◆ Twitter. ツイッター
/ hirocodeweb
◆ Instagram. インスタグラム 👈 オススメ❗️
/ hirocodeweb
🔋 僕が使っている、おすすめのデバイス 🔋(アフィリエイト広告を使ってます!)
【 マウス 】
✅ ロジクール アドバンスド ワイヤレスマウス MX Master 3
amzn.to/34Zn5LH
" ボタンカスタマイズによって作業の効率化が図れます。アプリケーションごとにカスタマイズ可能です。 "
【 キーボード 】
✅ ロジクール アドバンスド ワイヤレスキーボード KX800 MX KEYS
amzn.to/38S1B4i
" 打ちやすく疲れにくく、タイピング音も静か。長時間コーディングする方にオススメ。 "
【 パソコン 】
---- パソコン ----
✅ 【 Apple 13インチMacBook Pro 2022 】
amzn.to/3bDPYmU
"最新M2チップ搭載!初期投資で良いパソコンの使用をオススメします。 "
【 周辺機器 】
✅ Apple AirPods Pro
amzn.to/3rAyU4u
" カフェでの作業や通勤時間など、ノイズキャンセリング機能で周りの雑音に影響されることなく集中できるようになります。他にApple機器を使用している方はAirPodsがオススメです。
✅ Apple iPad Pro 11インチ
amzn.to/3mZuvoo
" macに搭載されているSidecarという機能で、iPadをサブディスプレイとしての利用が可能です。 "
📕 おすすめ書籍 📕
【 デザイン 基礎編 】
✅ 1冊ですべて身につくHTML & CSSとWebデザイン入門講座
amzn.to/3o8vofO
" webデザインの基礎とコーディング(HTML/CSS)の基礎がわかる。入門者におすすめの一冊です。 "
✅ なるほどデザイン
amzn.to/2X48Z77
" デザイン全般について、図解で視覚的に分かりやすく説明がされている書籍。デザインに興味がある人にオススメです。 "
【 デザイン 思考編 】
✅ 誰のためのデザイン?
amzn.to/3o4gzun
" デザインにおける役割を理解できる。デザインをする上で何を考える必要があるのかが分かる本。 "
✅ IAシンキング Web制作者・担当者のためのIA思考術
amzn.to/2KETvEn
" デザイン以前のサイト設計における思考の方法を身につけるための一冊。 "
【 書籍デバイス 】
✅ キンドルペーパーホワイト Kindle Paperwhite
amzn.to/3n2AwRh
" 200冊あったビジネス書を処分してこちらを導入。一部デジタル化されていない書籍はありますが、紙の本に特別なこだわりのない方は電子書籍での読書をオススメします。
🎧 BGM 🎧
----------------------------------------------------------
Music Title: Happy And Joyful Children
Music Link: • Happy Children Backgro...
----------------------------------------------------------
#WEBデザイン #Figma #XD

Опубликовано:

 

21 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 100   
@tora_bim
@tora_bim 2 года назад
タイミングが神すぎます! 本当にありがとうございます!
@hirocode
@hirocode 2 года назад
良かったです😊♪こちらこそありがとうございます🙇‍♂️❗️
@cm1812y
@cm1812y 2 года назад
勉強を始めようとしているところだったので、とても助かりました!ありがとうございます✨
@hirocode
@hirocode 2 года назад
こちらこそ嬉しいコメントいただきありがとうございます😊❗️❗️
@user-tr8mu3ym6q
@user-tr8mu3ym6q 2 года назад
Figma使い始めたばかりなのでめっちゃ勉強になりました! とても分かり易かったです!次の動画も楽しみにしてます☺
@hirocode
@hirocode 2 года назад
お役に立てたようでよかったです😊♪嬉しいコメントいただきありがとうございます❗️
@tw20th
@tw20th 2 года назад
すごくわかりやすかったです。 ありがとうございます♪
@hirocode
@hirocode 2 года назад
そう言っていただけてとっても嬉しいです😭 こちらこそありがとうございます🙇‍♂️❗️
@MN-it6be
@MN-it6be Год назад
非常にわかりやすかったです! ありがとうございます!
@hirocode
@hirocode Год назад
こちらこそ嬉しいコメントいただきありがとうございます🙇‍♂️❕
@prokichi
@prokichi Год назад
個人開発でアプリのモックを作ろうと考えていた際にこの動画に出逢いました! とても聴きやすく内容もわかりやすいもので、さっそくインストールして使っています! まとめてくださってありがとうございます😊
@hirocode
@hirocode Год назад
参考にしていただけたようで、こちらとしても作った甲斐がありました😊♪ 嬉しいコメントいただきありがとうございます🙇‍♂️‼️
@developer65537
@developer65537 Год назад
Figmaの使い方というよりは、スライドのデザインから読み取れることの方が多かった。すごく参考になる
@hirocode
@hirocode Год назад
そう言っていただけて嬉しいです😭ありがとうございます🙇❗️
@veryr1ce
@veryr1ce Год назад
webページのモックを作成するツールを探していて、この動画にたどり着きました。 ホバーした時のデザインも作成できるなんて、便利すぎますね!😂 利用してみます!
@hirocode
@hirocode Год назад
Figma優秀すぎてめちゃめちゃ便利です😊♪拡張機能もたくさんあるので色々試してみてください😆❗️
@FH-ws7ig
@FH-ws7ig 9 месяцев назад
今から始めようと動画を拝見しましたが、説明も動画もとってもわかりやすくて参考になりました。 頑張ってfigma遣いになりたいと思います😂
@hirocode
@hirocode 9 месяцев назад
ありがとうございます☺️♪ 頑張ってください😆❗️
@hoshinopecostar
@hoshinopecostar Год назад
Figmaの触り方がなかなか頭に入らず困っていたので助かりました。ありがとうございました!
@hirocode
@hirocode Год назад
参考にしていただけたようでよかったです😆❗️コメントいただきありがとうございます🙇‍♂️❕
@user-zl2oc1hn3y
@user-zl2oc1hn3y 7 месяцев назад
とても分かりやすいです! ありがとうございます😭
@hirocode
@hirocode 7 месяцев назад
こちらこそ嬉しいコメントして下さってありがとうございます😭
@punz.3rd
@punz.3rd Год назад
遅ればせながらFIgma需要の高まりに遅ればせながらやってますが、まあ本当に感謝!!!!本も学校も不要! 無駄な言葉が全くない説明&構成とチャプターでサクッと閲覧できるので、ホント参考書のように何度も見返せる。 説明に酔って『ここ分かりにくいんですけど』『繰り返しますが』などの感想ワード過多でA long time teaching動画ばかりの中、本当教えることに特化して、ユーザー目線に立てた構成と説明だと思います。安定した信頼感。時間の無駄にならない動画として本当、ブックマークです!
@hirocode
@hirocode Год назад
めちゃめちゃめちゃめちゃ嬉しいです😭ありがとうございます🙇‍♂️❗️
@sayamaru07
@sayamaru07 9 месяцев назад
ずっとXDを使用していて、そろそろFigmaに移行しなきゃなぁと逃げていた矢先にこの動画に出会いました。 すごく分かりやすいです。特にXDにはない機能が分かって良かったです。とても参考になりました。
@hirocode
@hirocode 9 месяцев назад
ありがとうございます!僕もXDの期間結構ありましたが、Figma使い出してめちゃめちゃ便利なので是非使ってみてください😆❗️
@noe9689
@noe9689 8 месяцев назад
こんな便利な解説動画が無料なのはありがたすぎる 当方Webデザイン知識は皆無のエンジニアですが、自作サイトを作る際にfigmaでワイヤー作ろうと思い色々調べてるうちにここの動画に行き着きました 公式の解説内容が一般的過ぎて分かりづらかったですが、この動画のおかげで基本的な操作や便利なショートカットが一通り理解できて大変助かりました (今まで案件でfigma見る際に毎回ツールバーからハンドに切り替えていたのが恥ずかしい・・・)
@hirocode
@hirocode 8 месяцев назад
お役に立てたようでよかったです☺️♪嬉しいコメントいただきありがとうございます🙇❗️
@misato1633
@misato1633 Год назад
助かりました😭✨
@hirocode
@hirocode Год назад
ありがとうございます🙇‍♂️❗️
@user-we9sr6qc3v
@user-we9sr6qc3v Год назад
日本語対応されましたね😊
@hirocode
@hirocode Год назад
されましたね😆‼️これからもっとFigmaユーザー増えそうですね😊♪
@lh-kn2kx
@lh-kn2kx 6 месяцев назад
感謝です❤❤❤❤❤❤❤❤❤❤
@hirocode
@hirocode 6 месяцев назад
ありがとうございます😆😆😆❗️❗️
@pappy1980
@pappy1980 Год назад
ちょっと興味が湧いたので拝見しました。 Adobe歴20年なので、ショートカットなど感覚的に操作できないとしんどいなと思っていましたが、結構似てるところあるのでAdobe使いも移行しやすいですね。
@hirocode
@hirocode Год назад
Adobe歴すごいですね😵❗️おっしゃる通り、結構近いショートカットも多いのでAdobe使ったことある方であれば比較的すんなり使えるかと思います😆❕
@maasamartha
@maasamartha 8 месяцев назад
凄く理解がなくて馬鹿なのですが、理解出来ました。最高の参考動画ありがとうございます(泣)
@hirocode
@hirocode 8 месяцев назад
参考にしていただけて良かったです😆❗️こちらこそありがとうございます🙇❗️
@masu4masu
@masu4masu 2 года назад
めちゃめちゃ、わかりやすかったです。 ありがとう!
@hirocode
@hirocode 2 года назад
嬉しいです😭 こちらこそ嬉しいコメントいただきありがとうございます🙇‍♂️❗️
@tora_bim
@tora_bim 2 года назад
僕はhtml,css,javascriptを学んでいる中学2年生なんですが、スマホのハイブリッドアプリをフレームワーク等を使って、html,css,javascriptで作ろうと思っています。 なので、できればスマホのデザインの動画を上げていただければ嬉しいです!!
@hirocode
@hirocode 2 года назад
中2でそのチャレンジ、本当に凄くて尊敬します😵❗️ ご要望いただきありがとうございます😊♪ スマホデザインの動画検討したいと思います❗️
@abebetaro
@abebetaro 10 месяцев назад
XDを学ぼうと思ったらサービスが終了していたようで 今のトレンドからFigmaが今後のメインツールになっていくんでしょうかね。 Fireworksがなくなったり、こういうツールの移り変わりは結構あるんですかねえ。
@hirocode
@hirocode 10 месяцев назад
今の所Figma一強な感じですね🤔 いろんなツールでもある程度基本操作とかが似たり寄ったりなのが救いですね☺️
@user-ei1eb4ue3m
@user-ei1eb4ue3m Год назад
わかりやすい解説ありがとうございます。 動画で使用しているフォント名がわかれば教えてください。
@hirocode
@hirocode Год назад
ありがとうございます😆❗️フォントいくつか使っていますが、見出しで使用しているフォントは、「コーポレート・ロゴ」というフリーフォントです😊♪
@naosue8290
@naosue8290 Год назад
質問があります!13:41頃の画像をコピペしてシェイプに張り付けてる方法ですが、操作方法がわかりません!よければ教えて頂きたいです!
@hirocode
@hirocode Год назад
コメントいただきありがとうございます😊♪ command + option + c でスタイルのコピーができて、 command + option + v でスタイルの貼り付けができます😆❗️
@user-yc5ci4tn2b
@user-yc5ci4tn2b Год назад
はじめまして! 最近figmaを使い始めて、全く仕組みがわからず困っていたのですが、この動画は実践しながらチャレンジできるのでとっても感謝しています☺️ 質問があるのですが、バリアント説明の21:36のところでアイコンを複製し、インスタンスを作成したのですが、プロパティパネルに"これらのバリアントのプロパティと値が結合しています。この問題を解決するには、このバリアントに適用されている値を変更してください"と出てきてしまい、プロパティ名とバリアント名が表示されないのですが、何が問題なのでしょうか… わかりにくくて申し訳ないですが、ご教授頂けたら助かります、、🥲🙏
@hirocode
@hirocode Год назад
こちらこそ見ていただきありがとうございます😊❕ おそらくバリアント名(この動画でいう、黒、青)の名前が重複してるのかと思われます!それぞれの名前を変更したら直るかと思います😆❕
@user-yc5ci4tn2b
@user-yc5ci4tn2b Год назад
@@hirocode なるほど!解決しました! ご丁寧にありがとうございます☺️! これからも色々と参考にさせて頂きます🙏
@user-fv8vi6vi1q
@user-fv8vi6vi1q 10 месяцев назад
現在、XR領域でのUnityエンジニアとして仕事しているのですが、そこでのプロトタイプ作成でfigmaは相性良さそうですか?
@hirocode
@hirocode 10 месяцев назад
コメントありがとうございます🙇❗️ インターフェースが平面であればFigmaでも問題なさそうですが、立体とかになってくるとblendarとかの方が良さそうです😆❗️
@user-ne7hw4sl9y
@user-ne7hw4sl9y Год назад
解説ありがとうございます。 figmaでミスした際にミス前の状態に戻るにはどうすれば良いのでしょうか? 戻るボタンが見当たらず、大変困っています…。 また、プレゼンテーションボタンを押すと『プロトタイプには一つ以上のフレームが必要です』と表示され、一向に完成形を見ることができません。 フレームはiPhone14を選択しているにも関わらずです。 もし可能でしたらわかる範囲でご教示いただけないでしょうか。 よろしくお願いします。
@hirocode
@hirocode Год назад
こちらこそご視聴いただきありがとうございます😊♪ 作業を戻すには command + z で1つ戻すことができます❕ フレームについて 画面左上にある # みたいなツールを選択した上で、 アートボード上をクリック、または、右側サイドバーのフレームのテンプレートをクリックすると、アートボード上に白い四角ができます。 これがフレームです。 これを作れば見れるようになるはずです! また不明点あればなんでも聞いてください😄❕
@user-ne7hw4sl9y
@user-ne7hw4sl9y Год назад
@@hirocode ありがとうございます!
@kinako_food_boyfriend-love
@kinako_food_boyfriend-love 11 месяцев назад
いつも参考にさせて頂いております! リンクのURLをクライアントに共有したのですが、 デザインは見られるけどコメントがつけられないと言われ 調べても原因が分からず頭を抱えまくっています。 動画どうりに共有しているつもりなのですが… ただ共有するだけではダメなのでしょうか?😭
@hirocode
@hirocode 11 месяцев назад
コメントありがとうございます☺️❗️ 匿名でコメントすることができないので、コメントする側もFigmaのアカウントを作る必要があります❗️
@user-tx9re5mg2x
@user-tx9re5mg2x 7 месяцев назад
12:26が全く分からない。全然できません。レイヤーを見ると単に画像とテキストを並べているだけでも無さそうですね。まさにこれのやり方を具体的に伝授頂きたいです。オートレイアウトも回り込みになちゃって(=この画面にはありませんが、曲線の矢印のものになります、アイコンがタイトルやテキストの左側に周り込んでるため)、この形式をオートレイアウトにするとPaddingが無くなってしまいます...。そこから各々が応用できるテクニックだなと思いました。
@hirocode
@hirocode 7 месяцев назад
コメントありがとうございます🙇❗️ おっしゃる通りオートレイアウトまわり複雑な箇所あるのでその点動画にまとめてアップします❗️
@KentaroxKondo
@KentaroxKondo Год назад
とても有益でした。ありがとうございます! ところで、Figmaではルーラーを表示して、フレームの中央に目印として配置したりする機能があると思いますが、フレームを等分(1/2)するのではなく、4分割するガイド線を表示するにはどうしたら良いでしょうか。いちいち計算をして、適切な数値の場所にルーラーの線を引かないといけないですか? 等分地点はルーラー線が自動的にガチっとハマるポイントがあったので調整が楽だったのですが・・・🤔
@hirocode
@hirocode Год назад
嬉しいです!ありがとうございます😊♪ フレームを選択した状態で、右側サイドバーにあるレイアウトグリッドを追加します。アイコンを押して、グリッドとなっているところを列に変更、数を4、ガターを0にすれば、4分割のガイドが引かれます😆❗️
@KentaroxKondo
@KentaroxKondo Год назад
@@hirocode おおお!いつもありがとうございます!!やってみます!!
@vvcc2105
@vvcc2105 2 года назад
最近figma使い始めたんですけど、キャンバスの背景色毎回変えてますか?毎回毎回変えるのが面倒すぎて、なにか方法があるのでしょうか…
@hirocode
@hirocode 2 года назад
コメントありがとうございます😊♪ 毎回というのは新規デザインファイル作成時ということでしょうか?? それであれば現状設定できないようです💦
@user-jw5sn5qx1r
@user-jw5sn5qx1r Год назад
共有されたファイルを開いたら、画面右側のパネルが、Comment Inspect Export となっているのですが、 Designや Prototypeを表示するにはどうすれば良いですか⁇
@hirocode
@hirocode Год назад
コメントいただきありがとうございます😊❗️ その状態だと、閲覧権限で共有されているので、デザインやプロトタイプを触ることはできません。 ファイルの保有者に、編集権限でファイルに招待してもらう必要があります😆❗️24:41この辺参考にしてみてください🙇‍♂️
@user-jw5sn5qx1r
@user-jw5sn5qx1r Год назад
@@hirocode そういうことでしたか!ありがとうございます!初めてfigma触ったのですが調べても分からずで。助かりました🙇‍♂️
@hiram5358
@hiram5358 Год назад
おせわになります、21:30頃にアイコンをドラッグして複製する様子がありますが、キー操作はどのようにしているのでしょうか?お手数かと思いますが、ご回答よろしくお願いします
@hirocode
@hirocode Год назад
コメントいただきありがとうございます😊♪ Optionキーを押した状態でオブジェクトをドラッグ&ドロップすると複製されます😆‼️
@hiram5358
@hiram5358 Год назад
@@hirocode ありがとうございます!
@user-mv6ot6ys4y
@user-mv6ot6ys4y Год назад
ありがとう…ありがとう…
@hirocode
@hirocode Год назад
こちらこそ、ありがとうございます🙇‍♂️
@user-gi3he2jk9q
@user-gi3he2jk9q 7 месяцев назад
それしか言葉が見つからない…
@forrest6742
@forrest6742 Год назад
figmaウェブ上ではなくアプリとしてダウンロードしてつかいたいのですが、ダウンロードしようとすると、Chromeを入れているのにもかかわらず、Chromeをダウンロードしろとの指示が来ます!そしてそこから先が進まずなかなかダウンロード出来ません!解決策わかる方いれば是非教えてください!
@hirocode
@hirocode Год назад
www.figma.com/ja/downloads/ こちらでそのようになる状態でしょうか? 僕の環境(mac)では問題なくDL & インストールを行えました🤔
@TT-mp6sr
@TT-mp6sr Год назад
タップしたら♡に色がついたり 自動で背景の画像がスライドされたりを作りたいのですが、無料プランだと厳しいですか?
@hirocode
@hirocode Год назад
無料プランで全然大丈夫です❗️ 動画を埋め込んだり、複雑に条件分岐させたりする場合に有料プランが必要になる感じです☺️
@TT-mp6sr
@TT-mp6sr Год назад
@@hirocode お返事ありがとうございます! もし、可能ならそういった細かい指示の動画見てみたいな〜と思います🙇‍♂️
@user-fq2ik9os2y
@user-fq2ik9os2y Год назад
レイアウト画面を増やそうとすると(3つ目)、アップグレードの画面が出てきてしまいます。 画面を追加するには、お金をかけないといけないということですよね?😢
@hirocode
@hirocode Год назад
コメントいただきありがとうございます😊♪ ・無料でファイル数の制限なく使用したい場合は、下書き(Drafts)の状態で利用する必要があります。 ・チームやプロジェクト配下のファイルには、ファイル数3つ・ページ数3ページの制限が生まれます。 ・1ページに大量のページデザインを作っていくことはフレームを増やすことで可能です。 上記でわかりますでしょうか、もし不明点あれば再度コメントください🙇‍♂️❗️❗️
@user-fq2ik9os2y
@user-fq2ik9os2y Год назад
ご丁寧に教えて頂きありがとうございます🙇‍♀️ プロジェクト配下で作業をしているので、制限があるのですね💦 まだ、動画を全て視聴することが出来ていなくて申し訳ないのですが、、 フレームを増やすというのは、ページ(画面)を増やすこととは違うのでしょうか?🙇‍♀️
@hirocode
@hirocode Год назад
すみません、わかりにくい表現してました🙇❗️ figmaのpageは、いわゆるスプレットシートで言うシートのようなもので、1つのファイル内に、page(シート)を増やすことができます。pc画面用のpage、mobile用のpage、パーツを管理するpageなど分けることができます! プロジェクト配下だと、このpageの作成に制限があります。 で、デザインしていくページ(画面)、いわゆるお問い合わせページや記事一覧ページ、お知らせのページなど、これらはpage上にフレームを複数配置して、いくつでも作れるって感じです😆❗️❗️
@user-fq2ik9os2y
@user-fq2ik9os2y Год назад
@@hirocode なるほどです😭😭 理解することが出来ました😭! 優しく教えて下さり、ありがとうございました🥲! またすぐ動画拝見させて頂きます!! 応援しています⚐゙
@user-zo8bg4rg1t
@user-zo8bg4rg1t Год назад
figmaを使うと、難しいHTML.CSSなどを書かなくてもweb制作が完成するていうことでしょうか??
@ayumunagae8567
@ayumunagae8567 Год назад
18:46 どうやってインスタンスの画像のみを変更してるのかわかりませんでした。
@hirocode
@hirocode Год назад
ここの挙動で説明すると、まずこの画面には写っていませんが、あらかじめ犬の画像をfigma上に挿入します。 犬の画像を選択した状態で、command + option + c でスタイルをコピーすることができます。 インスタンスの画像を選択した状態で、今度は command + option + v でスタイル(犬の写真(塗り))をペーストすることができます😆❗️
@ayumunagae8567
@ayumunagae8567 Год назад
@@hirocode ありがとうございます!!!!出来ました!感動!! メンターに聞いたら、「そんなのは出来ない」って言われたのに、直後にヒロコードさんから返信が来てできてしまった笑笑
@staygold0801
@staygold0801 8 месяцев назад
グラフィックデザイン中心に活動してきて、 今更ながらFigmaに着手。 ひじょ〜に助かりました!ありがとうございます! ショートカットとかイラレに近くて助かります笑 (買収されてどうなるだろう・・?)
@hirocode
@hirocode 8 месяцев назад
結構ショートカット同じのあるのでありがたいですよね😆❗️今の所は買収されてからの影響なさそうです🧐
@GN20080411
@GN20080411 Год назад
WebデザインツールということはHTMLを書き出すのかと思ったらそうではないんですかね? 基本的なところも説明して欲しいです
@hirocode
@hirocode Год назад
基本的な説明できてなくて申し訳ないです💦 一般的な流れとしては、WEBデザインツール(Figma、AdobeXD、Sketchなど)でWEBデザインを制作します。そのデザインに沿ってコードエディタ(VSCode、Atomなど)を使ってコード化してサイトを構築していきます🙇
@GN20080411
@GN20080411 Год назад
@@hirocode うーんなるほど…しかしWebデザインツールで見た目だけ作ったものはHTML書く段階になったら捨ててしまうのでしょうか? 昔はWYSWYGのHTMLエディタがありましたが、最近はその方向は諦めているのでしょうかね…
@hirocode
@hirocode Год назад
おっしゃる通り、ホームページビルダーやDreamweaverが主流の時代はありましたが、レスポンシブの到来とともにかなり廃れてしまいました💦 現在は、PC Mobile共に同じコードで完結させるのが主流なので、画面サイズによるレイアウト変更がなかなかコード化するのが難しいようです。 ただ、直近ノーコード開発が比較的成長してきていることもあり、WEBデザインがそのままコード化される未来もそう遠くないかもしれません😊♪
@user-rj9wx6ou9s
@user-rj9wx6ou9s Год назад
どういう事がしたい時にこれ使ったらいいよとかをもっと分かりやすく解説して。
@user-vd3vp4bm1l
@user-vd3vp4bm1l 11 месяцев назад
0:56 ここで言ってますよ。笑
@user-rj9wx6ou9s
@user-rj9wx6ou9s Год назад
パソコン全然知らん俺からしたら後半早いし用語もわからんから全然ついていけへんかった
@user-de7to8hl4u
@user-de7to8hl4u 10 месяцев назад
なぜみた
Далее
Hamster Kombat 20 July Mini Game
00:13
Просмотров 10 млн
His reaction 😳 (via @kaitlyn.b0506/TT) #shorts
00:10