hoshi

フロントエンドのフリーランスです。 営業→Webデザイナー（アルバイト）→Webデザ…

hoshi

フロントエンドのフリーランスです。 営業→Webデザイナー（アルバイト）→Webデザイナー（正社員）→フロントエンドエンジニア（正社員）→フリーランスとして独立しました。 メンタやってます。 https://menta.work/user/2108

  • nuxt3+microCMSのニュースアプリを作る

    nuxt3+microCMSのニュースアプリを作る

  • nuxt3+microCMSのニュースアプリを作る

    nuxt3+microCMSのニュースアプリを作る

  • Composition API,TSで作るポートフォリオ

    ポートフォリオをVueで作るチュートリアルのComposition API,TS使って書き換える版です。

  • 14日後にコーダーになるネコ

    14日で1サイト作れるnoteのまとめです。 HTML、CSS、JSが学べます。 サイトを作成をする上での考え方、コードすべてを画像付きで解説しています。 photoshopなしでも大丈夫、ポートフォリオに乗せれる実績が作れます。 最終的にはwordpress化もしていますので、こちらを実績に仕事を取ることも可能です。

  • Vue.jsで作るポートフォリオ

    Vue.jsで作るポートフォリオ ・Vuetify ・親子コンポーネント ・実績のソート機能 などを学びながらポートフォリオを作成することができます。

すべてのマガジンを表示

nuxt3+microCMSで作るニュース記事アプリ

nuxt3+microCMSで作るニュース記事アプリの作成記事です。 初学者でもわかりやすいように実際のソースを交えながら解説します。

hoshi

    • ポートフォリオをVueで作るチュートリアル④(CompositionApi , TypeScript)

      この記事はマガジンを購入した人だけが読めます

      hoshi

      • ポートフォリオをVueで作るチュートリアル③(Composition Api、TypeScript)

        今回はいよいよforで実績のデータを子コンポーネントに表示します。

        200
        hoshi

        • ポートフォリオをVueで作るチュートリアル②(Composition API、TypeScript)

          ポートフォリオをVueで作るチュートリアル①(Composition API、TypeScript)の続きです。 ブラウザが下記のような表示になっていますでしょうか。 次に作るのはWORKS、つまり事績を載せるコンポーネントです。 コンポーネントは、概念がわかりにくいですがまとまりを意味します。 つまり実績のコードを１つのまとまりとしてコンポーネントにします。 先に作りたい画面をみてみましょう。 下記のようにしたいと思います。 仕様としては作った年代をセレクトボ

          300
          hoshi

        nuxt3+microCMSで作るニュース記事アプリ

        hoshi

        • ポートフォリオをVueで作るチュートリアル④(CompositionApi , TypeScript)

          マガジン限定

          hoshi

        • ポートフォリオをVueで作るチュートリアル③(Composition …

          hoshi

        • ポートフォリオをVueで作るチュートリアル②(Composition …

          hoshi

        マガジン

        • nuxt3+microCMSのニュースアプリを作る
          0本
        • nuxt3+microCMSのニュースアプリを作る
          0本
        • Composition API,TSで作るポートフォリオ
          4本
          ¥500
        • 14日後にコーダーになるネコ
          17本
          ¥1,000
        • Vue.jsで作るポートフォリオ
          4本
          ¥500
        • 月収報告note
          7本
          ¥1,000

        記事

          ポートフォリオをVueで作るチュートリアル①(Composition API、TypeScript)

          この記事はマガジンを購入した人だけが読めます

          hoshi

          ポートフォリオをVueで作るチュートリアル①(Composition API、TypeScript)

          マガジン限定

          hoshi

          【2020.12】フリーランス1年と12ヶ月目の収益報告

          このnoteではフリーランスのリアルな情報伝えたいので生々しい自分の収入をお伝えします。 「フロントエンドフリーランスのリアルな収入が知りたい」という人はぜひ読み進めていただければと思います。 ・今月の収益～振り返り～

          100
          hoshi

          【2020.12】フリーランス1年と12ヶ月目の収益報告

          hoshi

          【2020.11】フリーランス1年と11ヶ月目の収益報告

          このnoteではフリーランスのリアルな情報伝えたいので生々しい自分の収入をお伝えします。 「フリーランスのリアルな収入が知りたい」という人はぜひ読み進めていただければと思います。 ・今月の収益～振り返り～

          100
          hoshi

          【2020.11】フリーランス1年と11ヶ月目の収益報告

          hoshi

          【2020.10】フリーランス1年と10ヶ月目の収益報告

          このnoteではフリーランスのリアルな情報伝えたいので生々しい自分の収入をお伝えします。 「フリーランスのリアルな収入が知りたい」という人はぜひ読み進めていただければと思います。 ・今月の収益～振り返り～

          100
          hoshi

          【2020.10】フリーランス1年と10ヶ月目の収益報告

          hoshi

          【2020.9】フリーランス1年と9ヶ月目の収益報告

          このnoteではフリーランスのリアルな情報伝えたいので生々しい自分の収入をお伝えします。 「フリーランスのリアルな収入が知りたい」という人はぜひ読み進めていただければと思います。

          100
          hoshi

          【2020.9】フリーランス1年と9ヶ月目の収益報告

          hoshi

          ポートフォリオをVueで作るチュートリアル④

          では続きを実装します。

          100
          hoshi

          ポートフォリオをVueで作るチュートリアル④

          hoshi

          ポートフォリオをVueで作るチュートリアル③

          今回はいよいよforで実績のデータを子コンポーネントに表示します。

          200
          hoshi

          ポートフォリオをVueで作るチュートリアル③

          hoshi

          ポートフォリオをVueで作るチュートリアル②

          ポートフォリオをVueで作るチュートリアル①の続きです。 ブラウザが下記のような表示になっていますでしょうか。 次に作るのはWORKS、つまり事績を載せるコンポーネントです。 コンポーネントは、概念がわかりにくいですがまとまりを意味します。 つまり実績のコードを１つのまとまりとしてコンポーネントにします。 先に作りたい画面をみてみましょう。 下記のようにしたいと思います。 仕様としては作った年代をセレクトボックスで選べてソートできるような作りにしたいと思います。

          300
          hoshi

          ポートフォリオをVueで作るチュートリアル②

          hoshi

          ポートフォリオをVueで作るチュートリアル①

          ここでいうポートフォリオは実績や作品（サイトやサービス）を1ページに乗せるサイトのことであり、実績や作品そのものではないことをご注意ください。 サイト仕様・タイトル ・作品集（並べ替え） ・スキル ・自己紹介 身につくスキル・Vueのファイル構成 ・親コンポーネント、子コンポーネントでのデータの受け渡し ・methods・computedの違い、関数の作り方 ・v-for、v-bind、v-onなどのディレクティブ ・並べ替え方法 このNOTEをやることで得られること

          hoshi

          ポートフォリオをVueで作るチュートリアル①

          hoshi

          【2020.8】フリーランス1年と8ヶ月目の収益報告

          このnoteではフリーランスのリアルな情報伝えたいので生々しい自分の収入をお伝えします。 「フリーランスのリアルな収入が知りたい」という人はぜひ読み進めていただければと思います。 ・今月の収益～振り返り～

          100
          hoshi

          【2020.8】フリーランス1年と8ヶ月目の収益報告

          hoshi

          gitの練習

          gitの練習します。 前提としてsourcetreeを使用します。 sourcetreeとは sourcetreeはgitを使用する上で便利なツールです。 インストールは下記から githubのアカウントも作っておきましょう。 リポジトリ作成までは調べながらやってみましょう。 GithubとSourcetreeの連携git-practiceリポジトリを作成したらSourcetree内で新規→URLをクローン→ソースURL 実際にgit-practiceディレクト

          hoshi

          gitの練習

          hoshi

          【2020.7】フリーランス1年と7ヶ月目の収益報告

          このnoteではフリーランスのリアルな情報伝えたいので生々しい自分の収入をお伝えします。 「フリーランスのリアルな収入が知りたい」という人はぜひ読み進めていただければと思います。 ・今月の収益～振り返り～ 今回は内容の薄い報告になってしまいましたので予めご了承ください。

          100
          hoshi

          【2020.7】フリーランス1年と7ヶ月目の収益報告

          hoshi