CodeCodeCodeCodeなんか色々おぼえ書き。だいたいweb制作関連。APIを使って記事を出力する実験をやってみた。実際のコードはGitHubに置いています。https://github.com/takanashi66/vue_restVue.jsとはAngularJSやReactと並んで、人気が高まっているJavaScriptライブラリです。リアクティブなデータバインディングや仮想DOMによる高速レンダリング、コンポーネント指向のUIが特徴です。MVVM(Model・View・ViewModel)アーキテクチャをベースに、Viewに特化し、シンプルに作られているので学習コストが低く、簡単に導入ができます。公式のドキュメントも日本語化されていて安心です。APIとは、パラメータを指定して特定のURLにHTTPでアクセスすると、XMLやJSONなどでが返ってくるAPIです。記事の投稿、編集ができるWordPressのAPIです。APIのリクエストを処理するのに、axiosを使います。APIを使って記事を出力する実験をやってみた。実際のコードはGitHubに置いています。https://github.com/takanashi66/vue_restVue.jsとはAngularJSやReactと並んで、人気が高まっているJavaScriptライブラリです。リアクティブなデータバインディングや仮想DOMによる高速レンダリング、コンポーネント指向のUIが特徴です。MVVM(Model・View・ViewModel)アーキテクチャをベースに、Viewに特化し、シンプルに作られているので学習コストが低く、簡単に導入ができます。公式のドキュメントも日本語化されていて安心です。APIとは、パラメータを指定して特定のURLにHTTPでアクセスすると、XMLやJSONなどでが返ってくるAPIです。記事の投稿、編集ができるWordPressのAPIです。APIのリクエストを処理するのに、axiosを使います。今回の場合、http://rest.dev/wp-json/wp/v2/posts/にリクエストを送り、返ってきたデータをpostsに入れています。今回は、JSONを取得して、タイトルと抜粋を表示させるだけなので、HTMLもシンプルです。使って、Vue側で入れたデータを取得します。その値をとってきます。APIを扱うことができます。抜粋の部分はJSONをみてもらうとわかるのですが、pタグがついた状態になっています。現状では、データを置換して外すしか思いつかないのですが、なんらかの関数またはやりかたがあるのかもしれません。そのほかにも、サムネイルの表示も少々ややこしそうです。今回の場合、http://rest.dev/wp-json/wp/v2/posts/にリクエストを送り、返ってきたデータをpostsに入れています。今回は、JSONを取得して、タイトルと抜粋を表示させるだけなので、HTMLもシンプルです。使って、Vue側で入れたデータを取得します。その値をとってきます。APIを扱うことができます。抜粋の部分はJSONをみてもらうとわかるのですが、pタグがついた状態になっています。現状では、データを置換して外すしか思いつかないのですが、なんらかの関数またはやりかたがあるのかもしれません。そのほかにも、サムネイルの表示も少々ややこしそうです。広島で活動するフロントエンドエンジニア。