yagisukeのWebなブログスマートフォン用の表示で見るyagisukeのWebなブログWebなブログお山なブログこの広告は、90日以上更新していないブログに表示しています。2018/10/28AirDropを悪用した痴漢が発生しているようです。知らない人に画像を送れるなんてAirDropって便利なんですね...今更。ビギナーズガイドという本が発売されたので読みはじめました。nuxt-beginners-guide.elevenback.jp200ページほどの軽めな本ですが、中身は写経していてとても面白いです。本の内容としてはこんな感じ。最新情報のキャッチアップのすすめ今週は3章まで読んだのでそこまでの学びやら感想やらをつらつらと。Nuxt.jsの概要についてNuxt.jsがなぜ生まれたのか。Nuxt.jsがなぜ支持されているのか。ついて記載しています。Nuxt.jsが支持されている要因の一つは、「アプリケーションの本質的ではないことを考える機会が少ない」ということのようです。plugins...)が便利また、規約があるのも上記につながっていそう。pagesディレクトリ配下においたvueファイルは、自動的にルーティングされてページになる。Nuxt.js便利じゃん!って話しが記載してあります。実際にNuxt.jsを使ったwebアプリを作っていきます。使って、axiosで記事一覧を取得して表示するアプリです。デザインはめんどくさかったので僕は何もしてませんが...イメージはつくかと思います。写経したものは以下にupしています。Nuxt.jsの機能の活用レイアウト、ミドルウェア、プラグイン、モジュールモードでのVuexといったNuxt.jsの便利機能を紹介しています。Webアプリケーションを作る場合は共通のレイアウトになることが多くあり、この機能が活躍します。Nuxt.jsがはじめから用意しているdefault.vueではなく、TOPページは独自のレイアウトファイルを用意したほうが色々幸せになるよ。著者はアドバイスしていました。いうちょっとしたアドバイスは素敵です。ミドルウェアルーティングへのアクセス時に最初に読み込まれ、SSR処理などが行われる前に処理を行うことができる機能です。ユーザーエージェントに合わせたリダイレクト処理や、認証が必要なページの構築など。この本では、Cookieの値で認証済みかどうかを判定して、ページの出し分けを学ぶことができます。プラグインnpmパッケージやVueプラグイン、そのほか、特定の処理をグローバルに登録し、再利用性を高めるために利用します。プラグインを利用するパターンは主に2つあるそうです。ルーティングフックや初期段階での外部CDNコードの読み込みなどの共通処理の導入時また、SSR時に呼び出すかどうかのオプションを指定できるのも便利。UIに関するものは、SSR時にwindowやdocumentが参照できないためエラーとなることがあるので注意です。日本語ガイドだとここのこと。モジュールモードでのVuexVuexにはクラシックモードとモジュールモードがあります。クラシックモードでは、自身でVuexを読み込み、ストアインスタンスを生成してVuexストアを構築します。モジュールモードは、規約に沿って記述するだけで、Nuxt.jsが勝手にVuexストアインスタンスの生成を行ってくれます。モジュールモードで書くっきゃないですね、便利!!Nuxt.jsの日本語ガイドにも記載されているので、分からない方は一読するのをオススメします。PixiJSを入門しはじめたアニメーションとか表現豊かなものは苦手なのですが、克服するためにもPixiJSに入門してみました。以下に作ったものをドンドンコミットしていく予定ですが、今はひたすら人のソースをコピーして触って壊しての繰り返しです。CIも初めてだったんですが、Nuxt.jsのガイドのおかげで割りとサクッとすぐできました。https://yagisuke.github.io/nuxt-pixi/以上、終わります。参加グループインターネットリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!yagi_sukeさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。