강의

멘토링

커뮤니티

Programming

/

Front-end

Svelteで始まるWebフロントエンド

世界的に関心が高まっているフロントエンドフレームワーク、Svelte(スベルト)の核心使用方法をまとめた基礎講義です。韓国のもっと多くの方がSvelteを簡単かつ便利に利用したいという気持ちで講義を作りました。

難易度 初級

受講期間 無制限

  • Indie Coder
Svelte
Svelte
Svelte
Svelte
Thumbnail

学習した受講者のレビュー

学習した受講者のレビュー

4.9

5.0

정시윤

60% 受講後に作成

良い授業です!

5.0

임상훈

60% 受講後に作成

短くて簡潔で、Svelteに関する概念と基本機能だけをつまみ食いできます。

5.0

재영

100% 受講後に作成

Svelteとはどういうものか!ということを気軽に学べる良い講座。 惜しい点としては、一部チャプター資料がYouTubeにあり、確認が必要な点? この点も実際、自分でコードを打てば解決できる部分ではあります : ) 良い講座でした!ありがとうございます!

受講後に得られること

  • Svelte(スベルト)

  • Webフロントエンドの基礎

浮上するFE大勢スベルト(Svelte)
基礎から簡単かつ迅速に!

Svelteと聞いたことがありますか?

Svelteは現在、世界中のフロントエンド市場で最も注目されているフレームワークです。 React(リアクト)やVue(Vue.js)よりやや遅く世界に出てきましたが、後発ランナーにもかかわらず、これら以上の大きな期待を受けています。

StactOverflowやStateofjsなどを見ると、どのように多くの開発者がSvelteに興味を持っているかを一目でわかります。

StackOverflow 年末サーベイ
State of JS 2022 JavaScriptフレームワーク/ライブラリランキング

これらのことを学びます✒️

スベルト本作者直講!

この講義は、「スベルトで始まるWebフロントエンド」の本の一部のチャプターを映像にした講義です。
(選手の知識:HTML / CSSとJavaScriptの基本)

コンポーネント単位で開発されるフロントエンドの基本をSvelteを利用して学ぶことになります。コンポーネントの重要な機能である通信方法、イベント操作、画面効果などを通じて、画面に見られる結果物がどのようにReactiveに作られ、操作されるかを学ぶことができます。 (HTML、JavaScript&Svelte)

  • ✅ Svelte 基礎文法
  • ✅コンポーネント間通信方法
  • ✅画面切り替えアニメーション
  • ✅イベントの操作方法
  • ✅レスポンシブコードによるReactiveなプログラム技術

スベルトで簡単に作るFE成果 👀

Svelteが持つ特徴はたくさんありますが、最大の特徴は簡単です。 JavaScriptの基礎知識だけがあれば、本当に簡単に学び、すぐにどのような結果を作ることができます。

フロントエンド開発が初めての開発者の方も、講義を通じておおよそフロントエンド開発がどのように進行されるかが分かるように講義では、このSvelteフレームワークを使用するために必要な必須内容だけを選別して進められます。

こんな方におすすめです🙆‍♀️

フロントエンド開発に関心がある誰でも

もっと早く何かをしたい人

Svelteについて一度聞いたことがある方

フロントエンドに挑戦したいデザイナー、パブリッシャー


Q&A 💬

Q. 講義の難易度はどうなりますか?

HTML、Javascriptに関する基本的な知識がある方なら誰でも学習可能です。 Svelteに関する内容の中で、複雑であまり重要な部分は除いて必須と知らなければならない部分だけを見据えて作ったSvelte基礎講義です。

Q. 開発環境はどうなりますか?

macOS、Windows、LinuxなどNode.jsをインストールできるどのPCでも、開発環境に必要なプログラムをインストールして進めることができます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フロントエンド開発に関心がある誰でも

  • もっと早く何かをしたい人

  • Svelteについて一度聞いたことがある方

  • デザイナーやパブリッシャーでフロントエンドに挑戦したい方

前提知識、
必要でしょうか?

  • HTMLとCSSの基礎

  • JavaScriptの基礎

こんにちは
です。

2,502

受講生

66

受講レビュー

87

回答

4.8

講座評価

5

講座

2000年代半ばから本格的にウェブ開発を始め、現在までフリーランスの開発者として活動しています。約5年間、Amplix BIソリューションの実務者教育を担当し、開発を支援しながら、新しい技術を効率的に伝えることについて多くの経験を積み、模索してきました。

現在は開発業務とともに、開発者の役に立つようなウェブ関連分野の新技術を探求し、講座や書籍を通じて共有しています。

 

現) フリーランス

元) (株)ビズプラグ 戦略ソリューション事業部 チーム長

元) 株式会社パニーモンキーズ WeenyStoryサービス開発チーム長

youtube: https://www.youtube.com/channel/UC3cJspjF4TRTyD_RS0azeaw

email: freeseamew@gmail.com

blog1: https://medium.com/freeseamew

blog2: https://dev.to/freeseamew

講座一覧

出版書籍

yes24教保文庫アラジン

エンドサーバー開発(Fastify & Prisma & TypeScriptによる)GraphQL完全攻略(仮想キオスクの実装を通じて学ぶフルスタックコース)出版書籍:yes24、教保文庫、アラジン

エンドサーバー開発(Fastify & Prisma & TypeScriptによる)GraphQL完全攻略(仮想キオスクの実装を通じて学ぶフルスタックコース)出版書籍:yes24、教保文庫、アラジン

エンドサーバー開発(Fastify & Prisma & TypeScriptによる)GraphQL完全攻略(仮想キオスクの実装を通じて学ぶフルスタックコース)出版書籍 yes24、教本文庫、Aladin

カリキュラム

全体

5件 ∙ (1時間 6分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

29件

4.9

29件の受講レビュー

  • jhjh5500048님의 프로필 이미지
    jhjh5500048

    受講レビュー 2

    平均評価 5.0

    5

    60% 受講後に作成

    • sys30449029님의 프로필 이미지
      sys30449029

      受講レビュー 1

      平均評価 5.0

      5

      60% 受講後に作成

      • jm9303jung3240님의 프로필 이미지
        jm9303jung3240

        受講レビュー 6

        平均評価 5.0

        5

        60% 受講後に作成

        良い授業です!

        • moljin님의 프로필 이미지
          moljin

          受講レビュー 16

          平均評価 4.8

          5

          60% 受講後に作成

          • jisunghwang3491님의 프로필 이미지
            jisunghwang3491

            受講レビュー 24

            平均評価 5.0

            5

            60% 受講後に作成

            無料

            Indie Coderの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!