storeG

2018年7月より、Udemyでオンライン動画講座を運営しています。 これまでの受講者総数は、約10,000名です。 コース(講座)ごとに、チームを結成し最高のオンライン動画講座づくりを目指しています。

storeG

2018年7月より、Udemyでオンライン動画講座を運営しています。 これまでの受講者総数は、約10,000名です。 コース(講座)ごとに、チームを結成し最高のオンライン動画講座づくりを目指しています。

マガジン

  • NoCode (ノーコード)入門講座 - Glide 編-

    ▼講座概要 ノーコードツールの中でもとくに人気のある「Glide」の紹介と、Glideでシンプルなアプリを作成する流れを学習します。※無料プランを使用するので、ツールの使用料金などは必要ありません。 ▼対象 プログラミングに関する知識が全くゼロの方でも、表計算ソフトを使える方(入力ができるレベルでもOK)を対象としています。 ▼本講座の目的 未来のノーコーダーたちの「はじめの一歩」を後押しするべく、まずは入門レベルで手軽にノーコードツールに触れていただく機会を提供したいと考え、本講座をリリースいたしました。 本講座は受講後30日間の返金保証が付いていますので、是非、気楽な気持ちでご受講いただければ幸いです。それでは、本講座でお会いできることを心よりお待ちしております!

  • 【旧】AdobeXD 公式チュートリアル説明動画

    本動画で取り上げている公式チュートリアルファイルは現在、Adobeでは非公開となっています。 ※以前のバージョンでは、ダッシュボード画面よりダウンロードできましたが現在では表示されなくなっている。 そのため、動画講座を見ながら、同じように操作をして学習するといったスタイルは取れませんが、講義形式としてご利用いただければ幸いです。 ※本講座はもともと、有料講座で公開していたチュートリアル動画ですが、公式サイトより教材がダウンロードできなくなったため、無料で公開することにしました。

  • React開発環境構築講座【初心者編】※Windows10

    本講座はstoreGがUdemyにて公開していた(現在は非公開中)無料講座をnoteで公開しています。

    • NoCode (ノーコード)入門講座 - Glide 編-

    • 【旧】AdobeXD 公式チュートリアル説明動画

    • React開発環境構築講座【初心者編】※Windows10

最近の記事

  • 固定された記事
再生

「NoCode (ノーコード)入門講座 - Glide 編- プログラミングをしないでアプリを作ろう!」のオンライン動画講座PV

この動画は、Udemyで公開している有料講座「NoCode (ノーコード)入門講座 - Glide 編- プログラミングをしないでアプリを作ろう!」の無料サンプル動画です。 https://www.udemy.com/course/nocode_glide/?referralCode=8E1EABFCF58CFA027BBE

    • Glideで丸型にトリミングした画像を表示させる方法

      2021年1月7日のアップデートにより、Glideで丸型にトリミングした画像を表示させることができるようになりました。 イメージがこちら👇 ※わかりやすいようにダークモードにしています。 表示方法は簡単で、画像を配置したい画面に、Titleコンポーネントを追加します。 Titleコンポーネントのプロパティを以下のように指定します。 ・TitleとDetailsはなし(空白のまま)でもOKです。 ・Image には、画像が登録されているカラムを指定します。 ・Appea

      • WixADIでWEBサイトを作ってみた

        NoCode界隈?で評判が良かったので、WixでWEBサイトを作ってみました。 ※Wixには、WixADIという簡単な質問に答えるだけで、AIが自動でWEBサイトを作ってくれるという機能があるそうです。 Wixはかなり昔に触ってみたことがあるものの、今回はWixADI機能という新機能を使ってみるため、どのような仕上がりになるかはわからないまま…ひとまず、ある程度のところまで(カスタマイズも含む)仕上げることをゴールにして、使い始めてみました。 実質かかった時間は(あれやこ

        • 再生

          スタイルの変更・フィードバックを共有および収集

          AdobeXD 公式チュートリアル説明動画⑥ 本動画で取り上げている公式チュートリアルファイルは現在、Adobeでは非公開となっています。 ※以前のバージョンでは、ダッシュボード画面よりダウンロードできましたが現在では表示されなくなっています。 そのため、動画講座を見ながら、同じように操作をして学習するといったスタイルは取れませんが、講義形式としてご利用いただければ幸いです。 ※本講座はもともと、有料講座で公開していたチュートリアル動画ですが、公式サイトより教材がダウンロードできなくなったため、無料で公開することにしました。なお、有料講座ではオリジナルの教材を作成し、ハンズオンで学習できます。有料講座にご興味をお持ちの方は、以下のページをご確認ください。 講座名:WEBデザイナーになりたい人のための【WEBデザイン入門講座】対象:WEB制作について基礎から学びたい方・業界未経験者 https://www.udemy.com/course/web-designers-guide/?referralCode=6454EA0BEF6757631EE3 ▼Udemy https://www.udemy.com/user/storeg/ ▼Twitter https://twitter.com/storeg_ ▼note https://note.com/storeg

        マガジン

        マガジンをすべて見る すべて見る
        • NoCode (ノーコード)入門講座 - Glide 編-
          storeG
        • 【旧】AdobeXD 公式チュートリアル説明動画
          storeG
        • React開発環境構築講座【初心者編】※Windows10
          storeG

        記事

        記事をすべて見る すべて見る
          再生

          リピートグリッド

          AdobeXD 公式チュートリアル説明動画⑤ 本動画で取り上げている公式チュートリアルファイルは現在、Adobeでは非公開となっています。 ※以前のバージョンでは、ダッシュボード画面よりダウンロードできましたが現在では表示されなくなっています。 そのため、動画講座を見ながら、同じように操作をして学習するといったスタイルは取れませんが、講義形式としてご利用いただければ幸いです。 ※本講座はもともと、有料講座で公開していたチュートリアル動画ですが、公式サイトより教材がダウンロードできなくなったため、無料で公開することにしました。なお、有料講座ではオリジナルの教材を作成し、ハンズオンで学習できます。有料講座にご興味をお持ちの方は、以下のページをご確認ください。 講座名:WEBデザイナーになりたい人のための【WEBデザイン入門講座】対象:WEB制作について基礎から学びたい方・業界未経験者 https://www.udemy.com/course/web-designers-guide/?referralCode=6454EA0BEF6757631EE3 ▼Udemy https://www.udemy.com/user/storeg/ ▼Twitter https://twitter.com/storeg_ ▼note https://note.com/storeg

          再生

          画像を追加・プロトタイプの作成

          AdobeXD 公式チュートリアル説明動画④ 本動画で取り上げている公式チュートリアルファイルは現在、Adobeでは非公開となっています。 ※以前のバージョンでは、ダッシュボード画面よりダウンロードできましたが現在では表示されなくなっています。 そのため、動画講座を見ながら、同じように操作をして学習するといったスタイルは取れませんが、講義形式としてご利用いただければ幸いです。 ※本講座はもともと、有料講座で公開していたチュートリアル動画ですが、公式サイトより教材がダウンロードできなくなったため、無料で公開することにしました。なお、有料講座ではオリジナルの教材を作成し、ハンズオンで学習できます。有料講座にご興味をお持ちの方は、以下のページをご確認ください。 講座名:WEBデザイナーになりたい人のための【WEBデザイン入門講座】対象:WEB制作について基礎から学びたい方・業界未経験者 https://www.udemy.com/course/web-designers-guide/?referralCode=6454EA0BEF6757631EE3 ▼Udemy https://www.udemy.com/user/storeg/ ▼Twitter https://twitter.com/storeg_ ▼note https://note.com/storeg

          再生

          ワークスペースと機能名ほか

          AdobeXD 公式チュートリアル説明動画③ 本動画で取り上げている公式チュートリアルファイルは現在、Adobeでは非公開となっています。 ※以前のバージョンでは、ダッシュボード画面よりダウンロードできましたが現在では表示されなくなっています。 そのため、動画講座を見ながら、同じように操作をして学習するといったスタイルは取れませんが、講義形式としてご利用いただければ幸いです。 ※本講座はもともと、有料講座で公開していたチュートリアル動画ですが、公式サイトより教材がダウンロードできなくなったため、無料で公開することにしました。なお、有料講座ではオリジナルの教材を作成し、ハンズオンで学習できます。有料講座にご興味をお持ちの方は、以下のページをご確認ください。 講座名:WEBデザイナーになりたい人のための【WEBデザイン入門講座】対象:WEB制作について基礎から学びたい方・業界未経験者 https://www.udemy.com/course/web-designers-guide/?referralCode=6454EA0BEF6757631EE3 ▼Udemy https://www.udemy.com/user/storeg/ ▼Twitter https://twitter.com/storeg_ ▼note https://note.com/storeg

          再生

          ツールとショートカットキー

          AdobeXD 公式チュートリアル説明動画➁ 本動画で取り上げている公式チュートリアルファイルは現在、Adobeでは非公開となっています。 ※以前のバージョンでは、ダッシュボード画面よりダウンロードできましたが現在では表示されなくなっています。 そのため、動画講座を見ながら、同じように操作をして学習するといったスタイルは取れませんが、講義形式としてご利用いただければ幸いです。 ※本講座はもともと、有料講座で公開していたチュートリアル動画ですが、公式サイトより教材がダウンロードできなくなったため、無料で公開することにしました。なお、有料講座ではオリジナルの教材を作成し、ハンズオンで学習できます。有料講座にご興味をお持ちの方は、以下のページをご確認ください。 講座名:WEBデザイナーになりたい人のための【WEBデザイン入門講座】対象:WEB制作について基礎から学びたい方・業界未経験者 https://www.udemy.com/course/web-designers-guide/?referralCode=6454EA0BEF6757631EE3 ▼Udemy https://www.udemy.com/user/storeg/ ▼Twitter https://twitter.com/storeg_ ▼note https://note.com/storeg

          再生

          Adobe XDの起動_ショートカットキー

          AdobeXD 公式チュートリアル説明動画① 本動画で取り上げている公式チュートリアルファイルは現在、Adobeでは非公開となっています。 ※以前のバージョンでは、ダッシュボード画面よりダウンロードできましたが現在では表示されなくなっています。 そのため、動画講座を見ながら、同じように操作をして学習するといったスタイルは取れませんが、講義形式としてご利用いただければ幸いです。 ※本講座はもともと、有料講座で公開していたチュートリアル動画ですが、公式サイトより教材がダウンロードできなくなったため、無料で公開することにしました。なお、有料講座ではオリジナルの教材を作成し、ハンズオンで学習できます。有料講座にご興味をお持ちの方は、以下のページをご確認ください。 講座名:WEBデザイナーになりたい人のための【WEBデザイン入門講座】対象:WEB制作について基礎から学びたい方・業界未経験者 https://www.udemy.com/course/web-designers-guide/?referralCode=6454EA0BEF6757631EE3 ▼Udemy https://www.udemy.com/user/storeg/ ▼Twitter https://twitter.com/storeg_ ▼note https://note.com/storeg

          再生

          Glide(グライド)とは

          この動画は、Udemyで公開している有料講座「NoCode (ノーコード)入門講座 - Glide 編- プログラミングをしないでアプリを作ろう!」の無料サンプル動画です。 https://www.udemy.com/course/nocode_glide/?referralCode=8E1EABFCF58CFA027BBE

          再生

          Glideのアカウント登録

          この動画は、Udemyで公開している有料講座「NoCode (ノーコード)入門講座 - Glide 編- プログラミングをしないでアプリを作ろう!」の無料サンプル動画です。 https://www.udemy.com/course/nocode_glide/?referralCode=8E1EABFCF58CFA027BBE

          再生

          テンプレートの紹介 (Mobile Store編)

          この動画は、Udemyで公開している有料講座「NoCode (ノーコード)入門講座 - Glide 編- プログラミングをしないでアプリを作ろう!」の無料サンプル動画です。 https://www.udemy.com/course/nocode_glide/?referralCode=8E1EABFCF58CFA027BBE

          再生

          テンプレートの紹介 (Employee Directory編)

          この動画は、Udemyで公開している有料講座「NoCode (ノーコード)入門講座 - Glide 編- プログラミングをしないでアプリを作ろう!」の無料サンプル動画です。 https://www.udemy.com/course/nocode_glide/?referralCode=8E1EABFCF58CFA027BBE

          再生

          【Glide】テンプレートを使ったアプリの作成

          この動画は、Udemyで公開している有料講座「NoCode (ノーコード)入門講座 - Glide 編- プログラミングをしないでアプリを作ろう!」の無料サンプル動画です。 https://www.udemy.com/course/nocode_glide/?referralCode=8E1EABFCF58CFA027BBE

          再生

          1.Node.jsのインストール※npmも含まれます

          Reactの開発環境を構築するには、Node.jsの開発環境が必須となるので、まず最初にNode.jsをインストールします。 ※バージョンマネージャーのインストール方法については学習の対象外としています。

          再生

          2.新規プロジェクトの作成 ※Create React Appを使用

          Reactの環境構築ツールである「Create React App」を使って、新規プロジェクトを作成します。 1.npxから create-react-appを使用して新規プロジェクトを作成する。 2.プロジェクトを構成するファイル