動画でWebデザインにtorikumu
動画でWebデザインにtorikumu
  • 150
  • 352 143
【最初の準備】Webデザインを学ぶのに必要な準備を徹底解説
マシュマロで質問を受け付けています。
marshmallow-qa.com/x53yazu105ym8rf?t=yeqVtJ&
▼▼▼▼▼▼▼
【👇卒業がないWebスクールを運営中】
⇒オンラインでも受講できるよ!
creators-factory.com/
▲▲▲▲▲▲▲
【👇Webデザインの無料教材が使えます!】
★無料登録で利用してね★
torikumu.com/
1. Photoshop基本操作
2.デザイン基礎
3.HTML/CSS基礎
▼ LINE公式アカウント登録はこちら
lin.ee/KIYOGk5
【公式 X】
学習に役立つこと発信しております。
Mr54475519
【公式Instagram】
これからWebの学習を始めたい人は、ぜひフォローしてください。
creators_factory
🔥🔥動画で学習できるコンテンツをアップしています🔥🔥
★めっちゃ分かるシリーズ HTML編★
hua-cam.com/play/PLJ9sNfseCOzKOwnKrHO34DJR7INHEraa7.html
★WEBデザイナーになるためのデザイン基礎講座★
ua-cam.com/video/ogLo7RXe3z4/v-deo.html
★1DAYチャレンジ HTML/CSS編★
ua-cam.com/video/-PWsjuamB4s/v-deo.html
★Web制作の流れについて学びたい方はコチラでシリーズ化しています★
ua-cam.com/video/x2YYqVcy2Xw/v-deo.html
Переглядів: 115

Відео

【勘違い】Webデザイン初学者がやってしまいがちな間違った勉強
Переглядів 19114 днів тому
マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105ym8rf?t=yeqVtJ& ▼▼▼▼▼▼▼ 【👇卒業がないWebスクールを運営中】 ⇒オンラインでも受講できるよ! creators-factory.com/ ▲▲▲▲▲▲▲ 【👇Webデザインの無料教材が使えます!】 ★無料登録で利用してね★ torikumu.com/ 1. Photoshop基本操作 2.デザイン基礎 3.HTML/CSS基礎 ▼ LINE公式アカウント登録はこちら lin.ee/KIYOGk5 【公式 X】 学習に役立つこと発信しております。 Mr54475519 【公式Instagram】 これからWebの学習を始めたい人は、ぜひフォローしてください。 creators_factory 🔥🔥動画で学習できる...
【30分で学べる】Webデザインで在宅副業・フリーランスを始め方講座
Переглядів 26521 день тому
マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105ym8rf?t=yeqVtJ& ▼▼▼▼▼▼▼ 【👇卒業がないWebスクールを運営中】 ⇒オンラインでも受講できるよ! creators-factory.com/ ▲▲▲▲▲▲▲ 【👇Webデザインの無料教材が使えます!】 ★無料登録で利用してね★ torikumu.com/ 1. Photoshop基本操作 2.デザイン基礎 3.HTML/CSS基礎 ▼ LINE公式アカウント登録はこちら lin.ee/KIYOGk5 【公式 X】 学習に役立つこと発信しております。 Mr54475519 【公式Instagram】 これからWebの学習を始めたい人は、ぜひフォローしてください。 creators_factory 🔥🔥動画で学習できる...
【AI活用】楽してハンバーガーメニューを作ろう!
Переглядів 117Місяць тому
マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105ym8rf?t=yeqVtJ& ▼▼▼▼▼▼▼ 【👇卒業がないWebスクールを運営中】 ⇒オンラインでも受講できるよ! creators-factory.com/ ▲▲▲▲▲▲▲ 【👇Webデザインの無料教材が使えます!】 ★無料登録で利用してね★ torikumu.com/ 1. Photoshop基本操作 2.デザイン基礎 3.HTML/CSS基礎 ▼ LINE公式アカウント登録はこちら lin.ee/KIYOGk5 【公式 X】 学習に役立つこと発信しております。 Mr54475519 【公式Instagram】 これからWebの学習を始めたい人は、ぜひフォローしてください。 creators_factory 🔥🔥動画で学習できる...
【Webスクール受講1ヶ月】実際に受講してどうだった?時間確保や勉強の仕方など
Переглядів 2002 місяці тому
マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105ym8rf?t=yeqVtJ& ▼▼▼▼▼▼▼ 【👇卒業がないWebスクールを運営中】 ⇒オンラインでも受講できるよ! creators-factory.com/ ▲▲▲▲▲▲▲ 【👇Webデザインの無料教材が使えます!】 ★無料登録で利用してね★ torikumu.com/ 1. Photoshop基本操作 2.デザイン基礎 3.HTML/CSS基礎 ▼ LINE公式アカウント登録はこちら lin.ee/KIYOGk5 【公式 X】 学習に役立つこと発信しております。 Mr54475519 【公式Instagram】 これからWebの学習を始めたい人は、ぜひフォローしてください。 creators_factory 🔥🔥動画で学習できる...
ジャンル別に解説!コーディング学習のおすすめ本の紹介
Переглядів 3322 місяці тому
マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105ym8rf?t=yeqVtJ& ↓↓↓今回紹介した書籍 ①1冊ですべて身につくHTML & CSSとWebデザイン入門講座 amzn.to/3XAp8Su ②武器になるHTML amzn.to/4ezD05D ③作って学ぶ HTML&CSSモダンコーディング amzn.to/3L1cUe1 ④CSS設計完全ガイド amzn.to/3zvRbIw ⑤ざっくりつかむ CSS設計 amzn.to/3XEZcoE ⑥スラスラ読める JavaScriptふりがなプログラミング amzn.to/3XNELpw ⑦1冊ですべて身につくJavaScript入門講座 amzn.to/4eDM9tL ⑧独習JavaScript amzn.to/3zl2svs ⑨WordPressオリジナルテーマ制作入門 am...
Webデザインの効果的なスキルアップ方法
Переглядів 2552 місяці тому
マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105ym8rf?t=yeqVtJ& ▼▼▼▼▼▼▼ 【👇卒業がないWebスクールを運営中】 ⇒オンラインでも受講できるよ! creators-factory.com/ ▲▲▲▲▲▲▲ 【👇Webデザインの無料教材が使えます!】 ★無料登録で利用してね★ torikumu.com/ 1. Photoshop基本操作 2.デザイン基礎 3.HTML/CSS基礎 ▼ LINE公式アカウント登録はこちら lin.ee/KIYOGk5 【公式 X】 学習に役立つこと発信しております。 Mr54475519 【公式Instagram】 これからWebの学習を始めたい人は、ぜひフォローしてください。 creators_factory 🔥🔥動画で学習できる...
17:初めの一歩が踏み出せないどうすればいいの?
Переглядів 1253 місяці тому
マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105ym8rf?t=yeqVtJ& ▼▼▼▼▼▼▼ 【👇卒業がないWebスクールを運営中】 ⇒オンラインでも受講できるよ! creators-factory.com/ ▲▲▲▲▲▲▲ 【👇Webデザインの無料教材が使えます!】 ★無料登録で利用してね★ torikumu.com/ 1. Photoshop基本操作 2.デザイン基礎 3.HTML/CSS基礎 ▼ LINE公式アカウント登録はこちら lin.ee/KIYOGk5 【公式 X】 学習に役立つこと発信しております。 Mr54475519 【公式Instagram】 これからWebの学習を始めたい人は、ぜひフォローしてください。 creators_factory 🔥🔥動画で学習できる...
【Figma】画像切り抜きプラグイン4選!どれが精度が高いか検証してみた
Переглядів 6003 місяці тому
マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105ym8rf?t=yeqVtJ& ◎動画内で使用したプラグイン Cutout www.figma.com/community/plugin/1229141725660705006/cutout Icons8 Background Remover www.figma.com/community/plugin/997643096679511216/icons8-background-remover PhotoRoom www.figma.com/community/plugin/1126882239732656005/photoroom-ai-and-background-remover Remove BG www.figma.com/community/plugin/7389927129067...
Photoshopのレイヤーマスクでかっこいい切り抜き表現を作る
Переглядів 1294 місяці тому
使用素材 stock.adobe.com/jp/search/images?filters[content_type:image]=1&filters[content_type:photo]=1&native_visual_search=6630aea09661c&search_type=visual-search-browse&asset_id=304860634 ▼▼▼▼▼▼▼ 【👇卒業がないWebスクールを運営中】 ⇒オンラインでも受講できるよ! creators-factory.com/ ▲▲▲▲▲▲▲ 【👇Webデザインの無料教材が使えます!】 ★無料登録で利用してね★ torikumu.com/ 1. Photoshop基本操作 2.デザイン基礎 3.HTML/CSS基礎 ▼ LINE公式アカウント登録はこちら lin.ee/KIYOGk5 【公式 X】 学習に役立つこと...
16:最近いいなと思ったポートフォリオとは?
Переглядів 3894 місяці тому
▼▼▼▼▼▼▼ 【👇卒業がないWebスクールを運営中】 ⇒オンラインでも受講できるよ! creators-factory.com/ ▲▲▲▲▲▲▲ 【👇Webデザインの無料教材が使えます!】 ★無料登録で利用してね★ torikumu.com/ 1. Photoshop基本操作 2.デザイン基礎 3.HTML/CSS基礎 ▼ LINE公式アカウント登録はこちら lin.ee/KIYOGk5 【公式 X】 学習に役立つこと発信しております。 Mr54475519 【公式Instagram】 これからWebの学習を始めたい人は、ぜひフォローしてください。 creators_factory 🔥🔥動画で学習できるコンテンツをアップしています🔥🔥 ★めっちゃ分かるシリーズ HTML編★ hua-cam.com/play/PLJ9sNfseC...
Figmaのプラグインを使ってSTUDIOの構築をする方法
Переглядів 3,9 тис.5 місяців тому
マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105ym8rf?t=yeqVtJ& ▼▼▼▼▼▼▼ 【👇卒業がないWebスクールを運営中】 ⇒オンラインでも受講できるよ! creators-factory.com/ ▲▲▲▲▲▲▲ 【👇Webデザインの無料教材が使えます!】 ★無料登録で利用してね★ torikumu.com/ 1. Photoshop基本操作 2.デザイン基礎 3.HTML/CSS基礎 ▼ LINE公式アカウント登録はこちら lin.ee/KIYOGk5 【公式 X】 学習に役立つこと発信しております。 Mr54475519 【公式Instagram】 これからWebの学習を始めたい人は、ぜひフォローしてください。 creators_factory 🔥🔥動画で学習できる...
【Webデザイナー】未経験・経験が浅くても仕事に繋がりやすい人の特徴
Переглядів 2255 місяців тому
マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105ym8rf?t=yeqVtJ& ▼▼▼▼▼▼▼ 【👇卒業がないWebスクールを運営中】 ⇒オンラインでも受講できるよ! creators-factory.com/ ▲▲▲▲▲▲▲ 【👇Webデザインの無料教材が使えます!】 ★無料登録で利用してね★ torikumu.com/ 1. Photoshop基本操作 2.デザイン基礎 3.HTML/CSS基礎 ▼ LINE公式アカウント登録はこちら lin.ee/KIYOGk5 【公式 X】 学習に役立つこと発信しております。 Mr54475519 【公式Instagram】 これからWebの学習を始めたい人は、ぜひフォローしてください。 creators_factory 🔥🔥動画で学習できる...
デバイスフォントとWebフォント(Googleフォント)の読み込み方法(パフォーマンス計測)
Переглядів 2195 місяців тому
デバイスフォントとWebフォント(Googleフォント)の読み込み方法(パフォーマンス計測)
14:未経験からWebデザイナーになって大変だったこと
Переглядів 3226 місяців тому
14:未経験からWebデザイナーになって大変だったこと
フリーランスで音楽活動とWebデザイナーの両立した働き方とは?
Переглядів 1306 місяців тому
フリーランスで音楽活動とWebデザイナーの両立した働き方とは?
未経験からWebデザイナーとしてゲーム会社に転職!どんな働き方なの?
Переглядів 3206 місяців тому
未経験からWebデザイナーとしてゲーム会社に転職!どんな働き方なの?
【Figma】バナーデザインでFigmaの操作を覚える!
Переглядів 1,1 тис.7 місяців тому
【Figma】バナーデザインでFigmaの操作を覚える!
広告会社からWebデザイナーに転職!副業に繋げた方法と強みの自分の活かし方
Переглядів 1637 місяців тому
広告会社からWebデザイナーに転職!副業に繋げた方法と強みの自分の活かし方
【1.5時間でサイトが完成!】WordPressテーマ「Lightning」を使ってノーコードでホームページ作成をしよう
Переглядів 9 тис.7 місяців тому
【1.5時間でサイトが完成!】WordPressテーマ「Lightning」を使ってノーコードでホームページ作成をしよう
Webデザインを学んでエンジニアへ転職!Webデザインは使えるのか?
Переглядів 1307 місяців тому
Webデザインを学んでエンジニアへ転職!Webデザインは使えるのか?
【Webデザイン体験談】主婦が子育てしながらフリーランスに!Webスクールの利用方法と学習のコツとは?
Переглядів 4588 місяців тому
【Webデザイン体験談】主婦が子育てしながらフリーランスに!Webスクールの利用方法と学習のコツとは?
【03】WordPressの管理画面の使い方と記事の投稿方法
Переглядів 3068 місяців тому
【03】WordPressの管理画面の使い方と記事の投稿方法
Webデザインで副業するのにおすすめな仕事と仕事獲得方法
Переглядів 5038 місяців тому
Webデザインで副業するのにおすすめな仕事と仕事獲得方法
実際のところ、未経験でもフリーランスになれますか?
Переглядів 2888 місяців тому
実際のところ、未経験でもフリーランスになれますか?
【02】WordPress3パターンの環境構築の方法
Переглядів 4248 місяців тому
【02】WordPress3パターンの環境構築の方法
【2024年版】WEBデザイナーの仕事とWebデザインで学ぶことは?
Переглядів 6988 місяців тому
【2024年版】WEBデザイナーの仕事とWebデザインで学ぶことは?
自分に合ったWebデザインの学び方と環境を探す!
Переглядів 2579 місяців тому
自分に合ったWebデザインの学び方と環境を探す!
Webデザイン学習の落とし穴!結果に繋がらないNG行動 7選
Переглядів 2809 місяців тому
Webデザイン学習の落とし穴!結果に繋がらないNG行動 7選
Webデザイン学習の挫折する理由と対処方法を教えます!
Переглядів 4379 місяців тому
Webデザイン学習の挫折する理由と対処方法を教えます!

КОМЕНТАРІ

  • @torikumu
    @torikumu 14 днів тому

    マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105...

  • @torikumu
    @torikumu 21 день тому

    マシュマロで質問を受け付けています。 marshmallow-qa.com/x53yazu105ym8rf

  • @torikumu
    @torikumu Місяць тому

    1:10 目次 1:39 基本知識/ツール操作 3:12 教材の真似をする/分析する 5:43 自分なりにアレンジしてみる 9:17 作りたいものを作る(ひとまず形にする) 11:59 ひたすら練習を繰り返す 14:49 納期の設定/時間の計測

  • @user-cc4jq3pi4k
    @user-cc4jq3pi4k 2 місяці тому

    非表示になっておりました、申し訳ございません。

  • @user-cc4jq3pi4k
    @user-cc4jq3pi4k 2 місяці тому

    トップスライドショーで画像を入れ替えましたが反映されません ご教示いただけたら幸いです。

    • @torikumu
      @torikumu 2 місяці тому

      具体的な画面を見ないと詳しくはわからないのですが、考えられる原因としてはこのくらいでしょうか。。   ①保存をしていない ②設定している部分がスマホだけになっている ③変更箇所を勘違い

  • @torikumu
    @torikumu 2 місяці тому

    質問やコメントあればお気軽にお願いします!

  • @user-vt7tc1bc9b
    @user-vt7tc1bc9b 2 місяці тому

    卒業式の日に内定もらい、今年5月5ヶ月間の職業訓練校卒業して、インハウスWebデザイナー2ヶ月目に突入します。、「一人親方」「スキルアップは自分で」など共感部分がとても多くうんうんとうなずきながら動画を拝見しました。たった一週間で前任者と突貫引き継ぎをして、業務内容も、業務環境もいろんな?を感じながら手探りで日々を消化しています。他の同ジャンルチャンネルのような「ほんとかなあ・・・と」根拠の無い、異様にポジティブな体験vlogとは違って今回のお話は真実味を感じました。別動画のウェブコーディング内容もすごく作業プロセスが実践的でなぜそうするかの説明もわかりやすいです。引き続き動画楽しみにしています。私もがんばります。

    • @torikumu
      @torikumu 2 місяці тому

      コメントありがとうございます! 最初は大変なことも多いですが、自分次第で楽しくもなっていく業界なので頑張ってください😀 同じ業界で陰ながら応援しております!

  • @torikumu
    @torikumu 2 місяці тому

    ご質問はコメントにしていただければ、回答いたします!

  • @torikumu
    @torikumu 2 місяці тому

    ご質問はコメントでお願いします!

  • @yunWkcan8477
    @yunWkcan8477 2 місяці тому

    jQueryについて理解が浅かったので、このような実践講義は大変助かります。 案件で使うにあたりためになりました。ありがとうございます!

  • @torikumu
    @torikumu 2 місяці тому

    質問あればコメントしてください!

  • @shinichiroaihudosantan8636
    @shinichiroaihudosantan8636 3 місяці тому

    動画に習ってサンプルを表示するところまでいきましたが管理メールアドレスのvector-incが承認待ちで削除できません。どうしたら削除できますか。

    • @torikumu
      @torikumu 3 місяці тому

      承認待ちとのことなので、承認をする流れで良いかと思うのですが。。

  • @user-ug7hw6en5k
    @user-ug7hw6en5k 3 місяці тому

    初めまして。この動画を参考にしていくつかのWebサイトをトレースして練習しています。とてもわかりやすい解説ありがとうございます。 質問なのですが検証ツールのサイズ表記が画面の大きさで変わってしまうので検証ツールを出すだけで幅などが変わりスクショと合いません。 幅だけでなく高さも変わることもあり動画のようにうまく行きません。 どうしたらいいでしょうか? またスクショが動画のまま撮っているのですが、検証ツールとサイズが合わないことがあります。解決法があれば教えてください。PCはMacでPC,Psどちらも最新です。

    • @torikumu
      @torikumu 3 місяці тому

      コメントありがとうございます! スクショのサイズを合わせる場合は、Chromeの拡張機能を使ってください。 chromewebstore.google.com/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh こちらで書き出したいサイズに合わせると簡単です。スクショもChromeの拡張機能がお薦めです。

    • @user-ug7hw6en5k
      @user-ug7hw6en5k 3 місяці тому

      @@torikumu お返事ありがとうございます!試してみます! 検証ツールについてはいかがでしょうか? 1番下に出てくる四角が重なってるようなところがサイズだと思うのですがこれは画面を分割したりすると変わります。動画のようにサイズが書いてない場合があるのですがどうしたらいいですか?

    • @torikumu
      @torikumu 3 місяці тому

      @@user-ug7hw6en5k 検証ツールはあくまでもざっくりと見る場合なので、正確な数値で見たい場合はお送りしている拡張機能が良いかと思います。

  • @user-wv8op7jy4j
    @user-wv8op7jy4j 4 місяці тому

    未経験からWebデザイナーになり、現在4か月目です。 まさに今悩んでいることばかりですごく共感できました。特に「スキルが足りない」「スピードが遅い」点が課題で、でも周囲の方々は皆さんベテランなので尚更自分ができないように感じてしまい、病みかけているところでした(´;ω;`) ですが、この動画を見て新人の頃は皆さん同じようなところで悩まれるんだなと思い、心が救われました。 自分が今できる努力をひとつひとつ積み重ねて成長していきたいと思います。この動画に出会えてよかったです。ありがとうございました。

    • @torikumu
      @torikumu 4 місяці тому

      未経験の最初の1年目は大変ですよね。。 どの仕事もそうですが、結局「慣れる」かなと思っています。 もちろん努力はいるのですが、先輩たちとの経験時間は、すぐに埋まりませんので日々の課題と向き合いながら腐らずに続けるしかないなと思っています。 おっしゃられているように、コツコツ続ければ仕事も楽しくなりますので、頑張ってください!

  • @arig411
    @arig411 4 місяці тому

    これから転職を考えていたので、とても参考になりました。デザイン制作の勉強をしながら最近はコーディングの勉強も進めているのですが、コーディングのスキルは転職までにどのくらい身に付けておくと良いでしょうか...?デザイン制作は楽しみながら取り組めていたのですが、個人的にコーディング学習は難しさもあり、思うように進まず焦りを感じています😓

    • @torikumu
      @torikumu 4 місяці тому

      コーディングの勉強ですが、デザインメインで転職を希望の場合は、知識としてあるといいかもしれません。 例えばですが、自分のデザインをコーディングしてみた!のような経験はあると嬉しいですね。 会社や業務によって求めるレベルが変わりますので、どのような会社に就職したいのか?が見えるとスキルセットや必要なものがわかりやすいかと思います!

  • @Bananacountry
    @Bananacountry 5 місяців тому

    てっきりバナーとかの作成はIllustratorしかできないと思ってました。Photoshopでできるなら幅が自分の中では広がりました😊

  • @nigirimeshi.
    @nigirimeshi. 5 місяців тому

    すげぇ

  • @user-bx5eo1ur1r
    @user-bx5eo1ur1r 5 місяців тому

    はじめまして。突然ですが質問です。ブラウザリサイズで1440で変更して保存してもPhotoshopで画像を挿入するとサイズが小さく表示されます。画像解像度でも変更できません。他に方法はありますか?ちなみにCSSの入力をしていいて画像サイズやフォントサイズ、ラインハイトを正確に測って調べたいのですが何か良い方法があれば教えていただけたら助かります。

    • @torikumu
      @torikumu 5 місяців тому

      はじめまして! どのようなパソコンや機能を使用しているかが不明なので、推測でお伝えいたします。 1440pxでスクショを撮り、ツールに入れる際に小さくなるのであれば、元々2倍で撮ると良いかと思います。 よくあるケースですと、Macだと2倍サイズにスクショされ、半分のサイズにしないといけない場合があります。 その逆のような現象だと思われます。(いただいている情報だと原因は不明です。) そのため、2倍でスクショか小さいサイズになったものを、配置した後に1440pxの横幅に大きくしてみるといった対応になります。

    • @user-bx5eo1ur1r
      @user-bx5eo1ur1r 5 місяців тому

      @@torikumu 返信ありがとうございます。Macで作業しています。試してみようと思います。

  • @miyoki6864
    @miyoki6864 6 місяців тому

    無料会員に登録したのですが、動画内の素材がどこにあるのか分かりません。 教えていただけますでしょうか?

    • @torikumu
      @torikumu 6 місяців тому

      Webデザイン項目のFigma基礎をご覧くださいmm

    • @user-kv3rh7dx7e
      @user-kv3rh7dx7e Місяць тому

      @@torikumu すみません。私も無料登録して素材を探しているのですがなかなか見当たりません💦そもそもおっしゃっていただいているWEBデザイン項目の「Figma基礎」が見当たらないのですが?それらしいところは探してみました。

    • @user-kv3rh7dx7e
      @user-kv3rh7dx7e Місяць тому

      ありがとうございます。本日確認できました。

  • @kazu11111
    @kazu11111 6 місяців тому

    いつもありがとうございます。画像を入れた時に、2ページ目の画像に移ると縦のサイズ大きくなってしまう場合、1ページ目とサイズを合わせる場合はどのようにすればよろしいでしょうか?お教えくださいましたら幸いです。どうぞよろしくお願いします。

    • @torikumu
      @torikumu 6 місяців тому

      質問ありがとうございます! たぶんですが、スライダーのことでしょうか? スライダーは、推奨サイズの画像が必要になります。 そのため反映している画像サイズが適正サイズより大きいことが推測できます。 まずは、そちらを確認してみていただけますか。

  • @user-tp2cl7ss6g
    @user-tp2cl7ss6g 6 місяців тому

    おもしろい  やってみます

  • @yukinabang4183
    @yukinabang4183 7 місяців тому

    ありがとうございます。 再利用パターンも見つからないのですが何故ですか???

    • @torikumu
      @torikumu 7 місяців тому

      再利用ブロックの登録をしていないからではないでしょうか? 参考:www.javadrive.jp/wordpress/gutenberg/index9.html 初めからないと思いますので、自分でブロックを作成して登録をする必要があると思います。

  • @yukinabang4183
    @yukinabang4183 7 місяців тому

    はじめまして。コメント失礼します。 質問ですが、 ブロックの下にプラスが出てこないときがあるのはなぜですか? 再利用パターンがどこを探してもありません。 バージョンは最新です。 宜しくお願いいたします。

    • @torikumu
      @torikumu 7 місяців тому

      ご視聴ありがとうございます。 プラスが出てこない時はありますね。前後のブロックの影響でなるみたいです。 その際は、 ①前後のブロックを選択 ②ブロックのメニューバーの右端の3点をクリック ③ブロックを前・後ろに挿入(好きな方に) こちらで、ブロックを前後に入れることが可能です。

  • @td4872
    @td4872 7 місяців тому

    すごく分かりやすい解説でした。これからも頑張ってください!

    • @torikumu
      @torikumu 7 місяців тому

      ありがとうございます!

  • @Nekokan2nd
    @Nekokan2nd 7 місяців тому

    Backspeaceで消すのか!!!!!

  • @user-mm7vl5er8c
    @user-mm7vl5er8c 8 місяців тому

    文章から書くタイプのやり方は、とても参考になりました。 ありがとうございます。

    • @torikumu
      @torikumu 8 місяців тому

      コメントありがとうございます! 文章構造があまりわからない場合は、文字から設計する方がおすすめです。 慣れればどこからでも作成してもわかると思います!

  • @silverspot5745
    @silverspot5745 8 місяців тому

    私は一度転職を諦めているのですが、この動画を見てやっぱり自分には色々と足りていなかったな、と思いました。 この動画を参考にもう一度頑張ってみようと思います。 厳しいというか現実に即したことをはっきり言ってくれるのは、非常に助かります。

    • @torikumu
      @torikumu 8 місяців тому

      ご覧いただきありがとうございます! 地域や状況にもよって難易度が変わります。 転職に必要なものは、 ・キャリアの明確な方向性 ・制作スキルがわかる制作物 最低限はこういったものが必要になりますので、ぜひ頑張ってみてください!

  • @YA-ef6hh
    @YA-ef6hh 8 місяців тому

    動画視聴させていただき、参考になりました!ありがとうございます。動画内の教材のリンクが概要にあったので、無料登録させて頂いたのですが、有料登録しないとこの動画の教材も見れないという認識でよろしいでしょうか?

    • @torikumu
      @torikumu 8 місяців тому

      教材にご登録ありがとうございます。 Figmaの解説に関しては、こちらの動画でほぼ全部となります。 他の教材に関してましては、有料となりますのでご了承ください。

  • @user-te7ly8vc8z
    @user-te7ly8vc8z 9 місяців тому

    ためになる動画ありがとうございます。WEBデザイナーになりたいと思って勉強を始めたばかりなのですが、情報収集をしようとすると、情報がありすぎてどう取捨選択すればいいのかが分からなく困っています。 いつか動画にしていただけると嬉しいです。

    • @torikumu
      @torikumu 9 місяців тому

      見ていただきありがとうございます! 具体的にどのような情報収集で悩まれていますか?

    • @user-te7ly8vc8z
      @user-te7ly8vc8z 9 місяців тому

      @@torikumu ありがとうございます。 特にインスタなどのSNSだと、同じ業界の方からフォローしていただくことも多くてこちらもフォローさせていただくのですが、そうなるとタイムライン追いかけるだけで1日終わりそうですし、なんの情報を拾えばいいのか分からなくなってきます。。

  • @user-oi5sw4bo9x
    @user-oi5sw4bo9x 10 місяців тому

    torikumuさんの動画わかりやすいので見つけられてめちゃめちゃ嬉しいです。あとすごくどうでもいいことなので言うか迷ったのですが、containerです笑

    • @torikumu
      @torikumu 10 місяців тому

      コンテイナーのスペルいつも間違えるんですよ。。 ご視聴ありがとうございました!

  • @user-oi5sw4bo9x
    @user-oi5sw4bo9x 10 місяців тому

    この動画最高です。2時間きっちり見させてもらいました!スクール通ってるんですけど、この動画の方が断然わかりやすいです笑笑

    • @torikumu
      @torikumu 10 місяців тому

      そう言っていただけて大変嬉しいです!!

  • @torikumu
    @torikumu 10 місяців тому

    【目次】 0:00 先頭 1:36 朝型派?夜型派? 2:47 何時に起きる? 4:41 始業時間と労働時間 8:14 どこで仕事してる? 11:42 お仕事中のBGM事情 15:09 (昨日の) 就寝時間は? 17:36 週にどのくらい外出する? 20:14 時間の余裕はできた?

  • @june7862
    @june7862 Рік тому

    動画アップして頂きありがとうございます。動画がすごくわかりやすかったです。又スプレットシートの参考はほかの方はやっていないので非常に参考になります。  できればテンプレートを配布して頂けたら嬉しいです。

    • @torikumu
      @torikumu 11 місяців тому

      実は、こちらの内容ですが古いバージョンのため。 現在は実務で使用しておりません。 そのためデータがないため、共有できず申し訳ございませんmm

  • @pbuu86
    @pbuu86 Рік тому

    php工房さんのフォーム設置方法詳しく知りたかったのですごく助かりました。最後の方に話されていた慣れてきたら他にどんなフォームの設置方法があるのかも知りたいです。

    • @torikumu
      @torikumu Рік тому

      見ていただきありがとうございます! PHP工房さんは埋込み型で自由に維持れるのが特徴ですね。 それ以外には、formrunのように管理画面があるサービスもあります。 他には簡単にURLを設定するだけで使えるhyperformのようなサービスもあります。

    • @pbuu86
      @pbuu86 Рік тому

      @@torikumu 返信ありがとうございます!すごく参考になります。

  • @HoaNguyen-fb9fz
    @HoaNguyen-fb9fz Рік тому

    どうもありがとうございます。3番目の注意点についもっと詳しく教えていただけませんか?実際の例など

    • @torikumu
      @torikumu Рік тому

      ご覧いただきありがとうございますmm 例えばですが、 ・Web上では使用できないフォントをデザインで使用している。 ・デザインを可変で考えていないので、設計がデザインデータ通りにならない ・10px以下のフォントを使用している ・RGBカラーモードではなく、CMYKになっている ・pxではなくptになっている ・小数点だらけのデザインになっている 主にWebブラウザ上での出力にあたり知らないとコーダーが困ることですね。

  • @user-nl4nx7tf1s
    @user-nl4nx7tf1s Рік тому

    デザイン(設計)の崩壊=ダサい 当初の目的を忘れている=すべきことが出来ていない

  • @user-rk4vs3sh4p
    @user-rk4vs3sh4p Рік тому

    containerの下にinnerを入れても画像が沿わないんですが、何故かわかりますか?

  • @jack1999-b9w
    @jack1999-b9w Рік тому

    実際のデザインカンプからのコーディングで 例えばmarginが47pxであった時、コーディングで50pxとしても良いのでしょうか。それともデザインデーターどおりの数値にすべきでしょうか?paddingを%やemで表現すると違ってくる場合もあると思うのですが。こちらの動画では初心者向けだからなのでしょうか。また最終的には全ての要素の数値をデザイン通り完璧に(ほぼ寸分違わず)すべきなのでしょうか。

    • @torikumu
      @torikumu Рік тому

      実務であればデザインデータを作成したデザイナーが誰かにもよります。 自分以外の方であれば、コミュニケーションを取って確認すればいいと思います。例えば今回のようなケースは調整してもいいでしょうか?それともずれているように感じても合わせましょうか?と。 コーディングは作業ではないので、ケースに合わせてコミュニケーションを活用しながら連携することが大事かなと思っております!

    • @torikumu
      @torikumu Рік тому

      寸分違わずピッタリ合わせることだけが仕事になるなら、人間ではなくそのうちAIに仕事が奪われるようになりそうですよね。。

    • @jack1999-b9w
      @jack1999-b9w Рік тому

      @@torikumu 返信ありがとうございます。勉強になります。

  • @maple_p
    @maple_p Рік тому

    ドロップボックスのアイテムが削除されていると出るのですが、もう使用できなくなってしまったのでしょうか??😢 動画がとても丁寧で分かりやすいかったので、是非この課題をやりたいのですが〜😖😖💦

    • @torikumu
      @torikumu Рік тому

      こちらにありますので、ご利用ください! www.dropbox.com/sh/3juuey6xb5w8obe/AADFj_zU7PhWXS_y7n5qJjHoa?dl=0

    • @maple_p
      @maple_p Рік тому

      @@torikumu ガーーーーーーーー❗迅速なご対応ありがとうございます😭😭😭 早速今日作ったページに入れます、、本当に勉強になってます、ありがとうございます🙇🏻🙇🏻✨✨✨

  • @annekululu
    @annekululu Рік тому

    とてもわかりやすい解説ですね(^^) 今後も模写解説アップして頂けると嬉しいです!

    • @torikumu
      @torikumu Рік тому

      ありがとうございます!

  • @user-qc4sm9vj8m
    @user-qc4sm9vj8m Рік тому

    とても解りやすく、参考になりました。ありがとうございました。

    • @torikumu
      @torikumu Рік тому

      ありがとうございます!

  • @marinaonuma
    @marinaonuma Рік тому

    簡潔に記述する方法のサイトを探していたので、わかりやすかったです。登録させていただきました!

    • @torikumu
      @torikumu Рік тому

      ありがとうございます!!

  • @torikumu
    @torikumu Рік тому

    ◎動画の目次 0:22:Figmaについて 5:15:Figmaの準備をしよう 7:34:Figmaのデザインパネル 14:07:シェイプツールを使おう 27:03:テキストツールを使おう 34:19:ペンツールを使おう 36:59:画像の取り扱いについて 46:32:素材の書き出しについて 46:32:素材の書き出しについて 50:44:簡単なサイトをデザインしてみよう 1:09:43:スタイル登録の使い方 1:13:20:オートレイアウトを活用しよう 1:26:24:コンポーネントを活用しよう 1:36:41:プロトタイプ 1:40:04:共有機能 1:43:11:ページ機能を活用しよう 1:47:08:便利なプラグインを使おう 1:52:35:ローカルデータとして扱う方法

  • @user-td3yq8og5f
    @user-td3yq8og5f Рік тому

    わかりやすかったです!一つ気になったのですが、ストライプのパターンを作る時に、アートボードの大きさが縦横50ピクセルなのはなぜですか?🤔 パターンを作る時は適当な数字を入力しても後々レイヤースタイルで比率が変更できるからですか?教えていただけますと嬉しいです!

    • @torikumu
      @torikumu Рік тому

      今回のは特に理由はありません! 繰り返しパターンなので初期値はあまり大きめに作らないように注意しているくらいですね。

  • @tinase.honoka
    @tinase.honoka Рік тому

    アイコンが表示されません、どうしたらなりますか?

    • @torikumu
      @torikumu Рік тому

      どのアイコンのことでしょうか?

    • @tinase.honoka
      @tinase.honoka Рік тому

      @@torikumu タブの所がhtmlのアイコンに変わるのは?どうやって??

  • @Chicchikicyee
    @Chicchikicyee Рік тому

    手順がとてもわかりやすいです! ありがとうございます!