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で作るニュース記事アプリの作成記事です。 初学者でもわかりやすいように実際のソースを交えながら解説します。

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

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

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

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

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

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

          ¥300〜

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

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

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

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

          ¥300〜

        マガジン

        • 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)

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

          ¥500

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

          ¥500

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

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

          ¥100

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

          ¥100

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

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

          ¥100

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

          ¥100

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

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

          ¥100

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

          ¥100

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

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

          ¥100

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

          ¥100

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

          では続きを実装します。

          ¥100〜

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

          ¥100〜

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

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

          ¥200〜

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

          ¥200〜

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

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

          ¥300〜

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

          ¥300〜

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

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

          ¥500

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

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

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

          ¥100〜

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

          ¥100〜

          gitの練習

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

          gitの練習

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

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

          ¥100〜

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

          ¥100〜