Q&A
回答した後になんですが、Vue.jsを使ってのコーディング技術はある、という認識でよろしいですか？？
前提・実現したいこと
ブログをvue.jsで作りたいです。記事の投稿だけWordPressを使う事は可能でしょうか?
自分でデザインを考えたブログを使いたいという友人のリクエストで、vue.jsを使ってブログを作ろうと考えています。
友人はhtml/cssやmarkdownの知識がない為、記事の投稿だけWordPressからできないかと考えています。
調べてみると、WP REST APIなるものがあったのでこれでできないかと考えています。
このWP REST APIで取得できるのは、markdownの形式の投稿データが取得できるのでしょうか？
その場合、WordPressのmarkdownをhtmlに変換するライブラリなどはあるでしょうか？
私自身WordPressの知識が全くない為、できれば画面の作成は自分でコーディングしたいと考えています。
記事の投稿だけWordPressというのが無理なら、そもそもすべてWordPressで作ろうと思いますが...
お分かりになる方、どうかご教授ください
いえいえ、元々文章で表現したり話したりするのが苦手でエンジニアを引退している身ですので、多分色々わたしの文章に問題があったと思います。
はい、vue.js + typescriptを使って、アプリを開発した経験があります。
得意な言語はC#(ASP.NETです)
元々サーバー側のエンジニアでしたが、たまにフロント側も任せらる事があり、少しだけ経験があります
回答3件
0
ブログをvue.jsで作りたいです。
個人的に、この要件の背景がよく分からないので気になるところですが、vue + CMS なのであれば、WordPress を使用するのはあまり適切でない気がします。
＊WordPress のメンテナンスは誰がやるの？とか、問題がすぐに発生します。
CMS 機能を外部に頼り、ヘッドレス CMS の SaaS を使用するとか、Netlify CMS with Nuxtとか面白いと思います。
投稿2020/02/06 08:00
退会済みユーザー
総合スコア0
回答ありがとうございます！
WordPressもメンテナンスが必要なんですね...
ブログを作る事はできると思うんです。
ただ、リッチなブログの投稿機能を作る事が大変だと思い、その部分をWordPressに任せたいと思ったしだいです。
htmlやmarkdownを知らなくても、自由にデザインした記事が投稿できるようにする必要があります。
0
ベストアンサー
調べてみると、WP REST APIなるものがあったのでこれでできないかと考えています。
これでいけますよ。
WordPressは/api/等のディレクトリ名で切ってしまってREST API越しに叩くだけにしておく
/の方に自分が一から作ったHTML・CSS・JSファイルを設置
そこでVue.jsで画面を描画し、
裏でAjaxを使い/api/配下のパスへREST API流儀に従ったGETリクエストを飛ばして
情報を受け取りながらVue.jsの描画を促していく。
友人は/api/adminみたいなページからアクセスしてブログ記事を編集。
普通のブログでVue.jsをわざわざ使うという動機もどうなんだろう？
わざわざ使う意味が薄いと思うのですが、勉強用でしょうか？
とまぁ、このルートで出来るか否か？という質問に対して
YES or NOで答えるなら上記の通りYESです。
しかし、質問者さんが超大変なのであまりおすすめしません。
見た所PHPやMySQLのセットアップもほぼ初見でおぼつかなさそうなのに、
HTMLやCSSすら全て自分で起こすのは……
二人で起業してとかなら良いかも知れませんが、片手間じゃちょっと無理じゃね？と思います。
【おまけ】
流石に辛すぎるので、もし私が質問者さんならばという前提でこうした方が作業バランス的に良いんじゃないかな？
……という折衷案を提案します。
別に強制はしませんので、友人と話し合いながら折り合いを付けていけば良いと思います。
っVuePress
からのこれですわ
VuePress を使って GitHub Pages でブログを公開する - Qiita
友人はhtml/cssやmarkdownの知識がない為、記事の投稿だけWordPressからできないかと考えています。
甘ったれんな覚えろ
……と突き放すのは流石に酷なので、
Sourcetreeの導入やら
Markdownを書いていくのに有利なAtomやVSCodeエディタを一緒に導入して
大サービスでHTMLとCSSをデザインから起こしてあげて、
VuePressを一通り扱ってGitHub Pagesで公開まで一通り面倒見た後はお前が頑張れですよ。
GitとMarkdownはこのご時世仕事していくならほぼマストです。
WordpressやWikiなんかのよくわからん独自ルールに比べれば遥かにマシで有益です。
HTMLやCSSは本当にWebデザイナを志すならば、
セマンティックなマークアップを覚えてWebエンジニア顔負けのHTMLを組んでくるくらいの気概は見せて欲しいです。
なのでゆくゆくで考えればこれも必須。
投稿2020/02/06 07:51
編集2020/02/06 10:22
総合スコア21203
回答ありがとうございます！
wordpressの投稿を調べると、markdown?で割と自由に記事のデザインをしているように見えるのですが、
このデザインの表現も、apiから取得してくるデータで可能でしょうか？
(htmlの状態で取得可能 or markdown記法の状態で帰ってくる→wordpressのmarkdownをhtmlに変換可能)
>>vue.jsを使う理由について
このブログ開発を期に、他の方々のブログやHPなど作れたら良いなと考えいます。
各UIをコンポーネント化する事で、他のページを作る際にコードの使い回しが効くかと思い、vue.jsを選択しました。
>>片手間じゃちょっと無理じゃね？
ご心配ありがとうございますm(__)m
こんなヘナチョコですが、仕事でvue.jsを使った経験があり、多分仕事終わりの時間使えば一ヶ月あればできるかなと思ってます。
...それでもWordPress使った方が早くできるでしょうか、もしかして、とても無駄な事してますか？
Markdownの読み書きはWordpressのプラグインでも出来ますが、
元々Markdownを作った作者が「あーちまちまHTMLのマークアップなんてしてられねーよ」
「パーサ通してMarkdownがHTMLに変換するようにしようぜ」と始めたものです。
なのでローカルルールは兎も角、全世界の至る所、多くの言語でMarkdownのパーサが作られています。
当然JavaScript用にもPHP用にもあります。
なので懸念事項の一つであるMarkdownに関しては、ちょっと調べてライブラリ入れればどうにでもなります。
> ヘナチョコですが、仕事でvue.jsを使った経験があり、多分仕事終わりの時間使えば一ヶ月あればできるかな
ここは私の懸念通りですね。
どの道「保守」で死ぬので、最初の公開は兎も角、
ずーっと「やってあげる」という関係は絶対にやめるべきと断言します。
人間一時はがんばれますが継続は無理な生物です。
他人任せにする怠惰な友人から早く俺の新デザインを実装しろよとせっつかれる光景が目に浮かびます。
早めに友人と相談して納得出来るような所に落とし込みましょう。
とても親切にありがとうございます...
こんなに親身になって回答してくださり、とても嬉しいです。
元々お堅い会計系のサーバーエンジニアをやっており、フロント側のモダン？な知識に弱い為、大変助かりました。
最低限、htmlやmarkdownは覚えてもらった方が良さそうですね。
WordPressはやめて、htmlとmarkdownどちらでも投稿できる様な投稿画面を作ろうと思います。
本当にありがとうございます！
今日中に他に回答なければベストアンサーにさせて頂きますm(__)m
あ、ちなみにmarkdwonの投稿画面の開発経験と、htmlに変換する機能は仕事で作った事があります。
ただこのmarkdownをWordPressならUIから作れそうだなと思ったしだいです。
ただ、やっぱり友人にmarkdownは覚えてもらおうと思います。
なるほどー、じゃあ学びがなさそうですね。
もしVue.js使うということでNode.jsを扱いたいなら、
デザインからHTMLとCSSに起こす時に使ってみてはどうでしょう？
（既に使ってたらごめんなさい）
Pug(簡素に書ける高性能HTML)
https://pugjs.org/api/getting-started.html
SASS(簡素に書ける高性能CSS)
https://sass-lang.com/
0
作ればよいのではないですかね。
Vue.jsなら、WordPressの構築に対して入れることも可能かと思いますよ。
ただし、CLI使わない限りは。
なぜなら、CLIを使う場合、HTMLベースで、WordPressを無視して、様々なファイルを吐き出しますので、
逆に、WordPressにそれを導入するのは、かなりしんどいものになるかと思います。
そして、Vue.jsの良さを十二分に発揮するには、CLIは必要不可欠です。
（中途半端に導入してもフロントエンドフレームワークのメリットが半減してしまう）
というか、WordPressとかのCMSを使うなら、フレームワークわざわざ使うことないと思いますけどね・・・。
（ページ表示速度などは別として、機能面で見た統合環境としての開発骨組みとしてはCMSのみで十分機能的であると思う）
投稿2020/02/06 07:35
総合スコア9555
PHPなどサーバーサイドのスキルがあれば逆にWordPress不要なんじゃないかなあ、と思いました。
WordPressを記事投稿だけに使うのってもったいない気がします。
確かに・・・。
WordPress習得に時間かけるより、
開発に時間回して、記事投稿のみの簡易CMSって形でもいいかもですね。
というか、Vue.jsで基本構築して、API叩いてDBに保存・情報取得させるとかでもよさそう。
元々サーバーサイドのエンジニアなので簡易的な記事投稿機能を作る事はできます。
ただ、WordPressの投稿画面だと、UIがとてもしっかり作られているように見えて、markdownやhtml知らなくても自由なデザインができそうでしたので、投稿画面はWordPressにしたいと考えています。
本格的なブログ投稿画面を作るのは時間がかかりすぎると思いますので...
友人が、デザインを自由に作りたいが、htmlやmarkdownの知識がない為、WordPressのUI使えば良いじゃん！って思ったのがきっかけです。
WordPressの構築の仕方は知らないのですが、仕事でvue.jsの環境を構築した事があり、webpackなどの設定はできるのです。
(cli使わずに、cliと同じ環境を作る事が可能です)
なので、wordpressにアプリを組み込むというより、アプリにwordpressを組み込む感覚で開発がしたいなと考えています。
WordPressについて勉強せずに、記事の投稿だけWordPressにして、あとは api叩いてvueで表示できたら良いなぁと考えています。
わがままですみません
あなたの回答
tips
プレビュー
