Design Note

CATEGORY

Nuxt

NO IMAGE
  • 2020年3月17日
  • 0件

Nuxt + axiosで外部APIからデータを取得して表示する方法

各所で使う方法ですが、Nuxtにて外部APIを使ってデータ取得し、ページに表示させたいケースは多くあります。 Nuxtのライフサイクルのどこで取得し、ページに表示すべきか検討しました。 一般的な方法はこちらかなと思うので、とりあえず必要な時にはこちらを利用すると良いのでは無いでしょうか。 async […]

NO IMAGE
  • 2019年12月22日
  • 2020年3月12日
  • 0件

Vue.js / NuxtJSで困った事と解決方法

checkboxをデフォルト選択状態（checked）にしたいけどできない ロード時にcheckedになるのに、最終的には外されてしまう。 調べると、v-modelで連携しており、外すと選択状態にできた。 そもそもこう言う事らしい。 v-model は任意の form 要素にある value、che […]

NO IMAGE
  • 2019年12月15日
  • 2020年3月12日
  • 0件

vue.js + NuxtJSを初めてみる

自分なりの解釈で各項目にコメントを入れました。詳細は公式ドキュメントをみてください。 インストール ディレクトリ構造 設定 ルーティング ビュー インストール create-nuxt-app $ npx create-nuxt-app <project-name> ? Project n […]

NO IMAGE
  • 2019年7月2日
  • 2020年3月12日
  • 0件

node.jsのインストール方法

Macにnode.jsが入っていなかったので入れてみました。 目的はNuxt.jsを触るため。Vue.jsは使っていたけど、Nuxtが出てきてから全く触っていなかったので。 Homebrew インストール /usr/bin/ruby -e "$(curl -fsSL https://raw.gith […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

nodejsをインストールする

xserverにnodejsを入れてみました。 環境構築 gitからnvmをインストール。かんたん。 $ git clone https://github.com/creationix/nvm.git ~/.nvm $ source ~/.nvm/nvm.sh $ nvm ls-remote v0. […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

react初心者のメモ

Reactについて Reach.jsはnpmでインストールする npmはnode.jsで実行されるモジュール なのでnode.jsも必要 特徴 Facebookが作った、UIを構築するためのライブラリ コンポーネント指向 prop：親から受け継いだもの state：状態 JSX 記法 メリット 速度 […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

reactを使う上で必要な物たち

サーバーサイド 言語 node.js フレームワーク Express nodeのMVCフレームワーク express-generatorで簡単にプロジェクトのスケルトンを生成できる expressコマンドが使えるようになる これを使うことで、サーバーサイドレンダリングができる テンプレートエンジン […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

node.jsとは

# nodejsとは サーバーサイド側のJavascript。 普通はJavascriptはクライアント側。 Socket.ioというリアルタイムな通信を実現するライブラリを扱うことができる。らしい。なにそれ。 ## こんな便利なのにも使われている Grunt、Gulpとかはみんな知っているビルドツ […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

expressについて

はじめに var express = require(“express”); var app = express(); listen var server = app.listen(3000, function(){     console.log(“Node.j […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

webpackについてのメモ

ビルドツールはどんなのがある？ webpack 依存関係を解決して、配布物をビルドするツール（コンパイラ） JSやCSS、画像、いろいろ扱っている gruntもgulpも不要 Browserify JS専用 設定 require extract-text-webpack-plugin バンドルされた […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

exportとexport default

exportとexport default export defaultを使う 複数のモジュールをexportするときはexportを使う 理由 ECMAScript 6 favors the single/default export style, and gives the sweetest s […]