Vue.jsのバックエンド

Question

#内容

Vue.Jsを使ってフロントを書いています。
HTMLテーブルの中身をサーバーから渡す際に、現在はpythonを使ってJINJAのテンプレートで渡しています。

しかしながら、さらにWEB-APPの知識を得たいために、
PYTHONを止めて、別の言語でバックエンドを書きたくなりました。

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="content">
    <div class="container-fluid">
        <h1>公報データ</h1>
        <p>
<div id="app">
    <mycomp />
</div>

<!-- mycomp7s temlpate -->
{% raw %}
<script type="text/x-template" id="template">
    <table border="1">
        <tr v-for="(raw,rawi) in item_list" v-bind:key = "rawi">
            <td v-for="(cell,celli) in raw" v-bind:key = "rawi * 10 + celli" >{{cell}}</td>
        </tr>
    </table>
</script>
{% endraw %}

<!-- vue script -->
<script>
Vue.config.devtools = true;
d = {{ items|tojson }};
ind = {{ ind |tojson }};

Vue.component('mycomp', {
    template: '#template',
    data:function(){ return {item_list: d }; }
});

new Vue({
    el: '#app',
});

</script>

@app.route('/home')
def home():
    question_id = "aaa"
    mapios = get_mapios_data(question_id )
    result = get_mapios_data("test")

    items = [mapios[0].values(),result[0].values()]
    items = [list(x) for x in zip(*items)]
    ind = [key for key in mapios[0].keys()]
    
    return render_template(        
        'index.html',
        ind = ind,
        items = items,
        patent_number = question_id
    )

#質問事項

いまのところは、PYTHON側のTEMPLATEに依存していますが
ステップとしては

1.　python側を単純にAPI化する。
→　その前には、VUE.JSのコンポートの使い方や、AJAXを勉強する。

2.　Python側をNODE.JSに置き換える。
→　NODE.JSを勉強する。

などを考えています。

API化できれば、バックエンドは如何様にも簡略できるし、
他言語に移植することも、かなり容易になる。

他えば、JAVA, ASP.NET(C++,C#), RUBY, PHP, GO, RUST など

少し悩んでいるのは、このままVUE.JSをベースに続けるべきなのか
それともREACT,ANGULARなども勉強した方が良いのか？　です。

これからエンジニアとして、ＷＥＢアプリを開発していくうえで
身に着けていくべきスキルについて、良い道しるべがありましたら
教えてください。

また現状のコードを見て、まだ足りないスキルなどありましたら、
ご指摘いただければと思います。

Comments

[hentaiman]

pythonは分かるけどvueなんて選んだ理由はなんですか？簡単そうだとかreactだと難しそうだみたいな理由があるならそのまま使い続ければいいと思いますが

Answer 1

徳丸先生がRails Tutorialを推してましたよ
私の個人的にはPHP推しです
APIでインタフェースを決め込めば、ある意味サーバー側はなんでもOKです。

Comments

[yambejp]

jsについてはvueにあきたらreactはありだと思います。
バックに興味あるなら言語はべっと極めるとして
SQLはさけて通れないと思います

Answer 2

これからエンジニアとして、ＷＥＢアプリを開発していくうえで

身に着けていくべきスキルについて、良い道しるべがありましたら
教えてください。

ないです。
トレンドはあくまでその時の流行であり、往々にして実際の現場とは異なります。
「これをやっておけば大丈夫」というのはほとんどないです。
同じ言語やフレームワークを使っていたとしても現場のルールに従う必要がありますし、
場合により自身でルールを作らなければならないことだってあります。

必要なのは如何にキャッチアップしていくか、応用力なので、なんでもいいので１つきちんと使えるようになることでしょうね。
思うところがあるのなら、時間が許す限り全て試してみるのも良いでしょう。