【Svelte.js入門実践編】作って学ぶSvelte.jsとfirebaseでシンプルアプリ開発

Поділитися
Вставка
  • Опубліковано 15 вер 2024
  • ReactやVueが流行っているけど、難しくて挫折してしまった人はSvelte.jsを始めてみませんか?難解なReactやVueよりもシンプルにアプリを作れるSvelte.jsでダークモード対応のオリジナルアプリを作ろう!
    ■ 基礎編はこちら
    • Video
    ■ 広告無し版はこちら
    www.udemy.com/...
    当コースは新しいJavaScriptフロントエンドフレームワークであるSvelte.jsとfirebaseの基礎を学べるコースです。
    コースでは・・・
    ・Svelteの基礎文法
    ・firebaseの基礎
    ・アプリを実際に作って学ぶ
    ・tailwindcssを使ったダークモードの実装方法
    ・firebaseを使ったインターネット公開
    を順番に学んでいただけます。
    もしかしたら、Svelte.jsを初めて聞くという方もいるのではないでしょうか?
    Svelte.jsは2021年以降、最も注目されているフロントエンドフレームワークです。
    世界のエンジニア達が投票するエンジニア界の最大のアンケートstackoverflow servey 2021で最も注目率が高いフレームワークでした。
    そして、svelte.jsにはReactやVueにはないメリットがあります。ReactやVueと比べて
    ・軽い
    ・早い
    ・簡単(短く書ける)
    といったメリットがあるため、ReactやVueに挫折してしまった人にこそ学んでいただきたいと思います。
    実際にアプリとして使うことももちろんできます。
    私も個人開発では小さく楽に書けるSvelteを使ってアプリを開発しているので、今後日本でも採用する企業が増えてくると考えています。
    シングルページアプリケーション(SPA)は難しいなと思う方でも易しく書けるため、この機会にぜひともチャレンジしてオリジナルアプリを開発できるようになっていただけると嬉しく思います。
    ■リポジトリはこちら
    github.com/uch...
    ■ 目次
    00:00:08 環境構築 Windonsコース概要
    00:02:33 Macにnodejsをインストール
    00:04:47 WindowsにSvelteをインストール
    00:07:44 MacにSvelteをインストール
    00:15:36 【実践編】Svelte.jsとfirebaseで日記アプリを作ってみよう!
    01:23:57 【実践編2】日記作成機能を作ってみよう!
    03:02:17 【実践編3】日記一覧と編集機能を作ってみよう!
    04:13:58 【実践編4】画像周りの機能を実装しよう
    04:45:59 【実践編5】日記アプリの見た目と細かい機能を仕上げよう
    ★気になることや迷っていることがあれば、コメントでご相談くださいね!
    ★さらに詳しいWebアプリ開発方法やプログラミング言語が気になる方はココカラエンジニアをご覧ください。
    ■初心者は必見!Laravelチュートリアル決定版(3時間で学ぶLaravelチュートリアル)
    • 【Laravelチュートリアル決定版】初心者...
    ■ ITスキルで人生の不安を減らすメールマガジン
    uchida.link/ma...
    ■ 公式LINEで相談する
    lin.ee/DbMcXpg
    ■初心者からITエンジニアを目指すサイト「ココカラエンジニア」
    se-shine.net
    ■独学でwebアプリを開発する流れはこちら
    • 【超入門】初心者向けwebアプリ開発の「手順...
    ■PHPを学べる無料サイト
    • Video
    ■初心者が絶対に抑えておくべきデータベースの基礎
    • 【初心者必見】データベースのテーブル設計を基...
    ■ Laravelの環境構築をWindowsで解説!バージョン6をインストール【10分でできる】
    • Laravelの環境構築をWindowsで解...
    チャンネル登録はこちらから!
    / @yumaapp
    Twitterはこちら!
    / uchidayuma

    [BGM]
    night
    騒音のない世界様より
    noiselessworld...

    #webアプリ開発​
    #webサービス開発​
    #webアプリ開発の手順​
    #webサービス開発の手順​
    #プログラミング初心者​
    #php初心者​
    #ruby初心者
    #svelte
    #svelteチュートリアル

КОМЕНТАРІ • 4

  • @mizure
    @mizure 3 роки тому +3

    毎度分かりやすい解説で助かります🙏
    svelte nativeについての講座も見てみたいです

    • @yumaapp
      @yumaapp  3 роки тому +1

      高評価ありがとうございます!
      Nativeも年内に出したいですねー

  • @takumisakiyama129
    @takumisakiyama129 3 роки тому +2

    vueやreactで挫折した人は、javascriptのフレームワークのロードマップに一旦
    svelteでフレームワークでのアプリ開発の達成感を味わってから、vueを習得する
    のが堅実な選択肢に入るかもしれませんね。

    • @yumaapp
      @yumaapp  3 роки тому +2

      感覚を掴むのにはちょうどいいですね!
      なんならそのままSvelteで作ってもOKです!