hoshi
nuxt3+microCMSのニュースアプリを作る
ポートフォリオをVueで作るチュートリアルのComposition API,TS使って書き換える版です。
14日で1サイト作れるnoteのまとめです。 HTML、CSS、JSが学べます。 サイトを作成をする上での考え方、コードすべてを画像付きで解説しています。 photoshopなしでも大丈夫、ポートフォリオに乗せれる実績が作れます。 最終的にはwordpress化もしていますので、こちらを実績に仕事を取ることも可能です。
Vue.jsで作るポートフォリオ ・Vuetify ・親子コンポーネント ・実績のソート機能 などを学びながらポートフォリオを作成することができます。
nuxt3+microCMSで作るニュース記事アプリの作成記事です。 初学者でもわかりやすいように実際のソースを交えながら解説します。
この記事はマガジンを購入した人だけが読めます
今回はいよいよforで実績のデータを子コンポーネントに表示します。
ポートフォリオをVueで作るチュートリアル①(Composition API、TypeScript)の続きです。 ブラウザが下記のような表示になっていますでしょうか。 次に作るのはWORKS、つまり事績を載せるコンポーネントです。 コンポーネントは、概念がわかりにくいですがまとまりを意味します。 つまり実績のコードを1つのまとまりとしてコンポーネントにします。 先に作りたい画面をみてみましょう。 下記のようにしたいと思います。 仕様としては作った年代をセレクトボ
このnoteではフリーランスのリアルな情報伝えたいので生々しい自分の収入をお伝えします。 「フロントエンドフリーランスのリアルな収入が知りたい」という人はぜひ読み進めていただければと思います。 ・今月の収益~振り返り~
このnoteではフリーランスのリアルな情報伝えたいので生々しい自分の収入をお伝えします。 「フリーランスのリアルな収入が知りたい」という人はぜひ読み進めていただければと思います。 ・今月の収益~振り返り~
このnoteではフリーランスのリアルな情報伝えたいので生々しい自分の収入をお伝えします。 「フリーランスのリアルな収入が知りたい」という人はぜひ読み進めていただければと思います。
では続きを実装します。
ポートフォリオをVueで作るチュートリアル①の続きです。 ブラウザが下記のような表示になっていますでしょうか。 次に作るのはWORKS、つまり事績を載せるコンポーネントです。 コンポーネントは、概念がわかりにくいですがまとまりを意味します。 つまり実績のコードを1つのまとまりとしてコンポーネントにします。 先に作りたい画面をみてみましょう。 下記のようにしたいと思います。 仕様としては作った年代をセレクトボックスで選べてソートできるような作りにしたいと思います。
ここでいうポートフォリオは実績や作品(サイトやサービス)を1ページに乗せるサイトのことであり、実績や作品そのものではないことをご注意ください。 サイト仕様・タイトル ・作品集(並べ替え) ・スキル ・自己紹介 身につくスキル・Vueのファイル構成 ・親コンポーネント、子コンポーネントでのデータの受け渡し ・methods・computedの違い、関数の作り方 ・v-for、v-bind、v-onなどのディレクティブ ・並べ替え方法 このNOTEをやることで得られること
gitの練習します。 前提としてsourcetreeを使用します。 sourcetreeとは sourcetreeはgitを使用する上で便利なツールです。 インストールは下記から githubのアカウントも作っておきましょう。 リポジトリ作成までは調べながらやってみましょう。 GithubとSourcetreeの連携git-practiceリポジトリを作成したらSourcetree内で新規→URLをクローン→ソースURL 実際にgit-practiceディレクト
このnoteではフリーランスのリアルな情報伝えたいので生々しい自分の収入をお伝えします。 「フリーランスのリアルな収入が知りたい」という人はぜひ読み進めていただければと思います。 ・今月の収益~振り返り~ 今回は内容の薄い報告になってしまいましたので予めご了承ください。