この記事では文字列を反転する方法を4つご紹介します。 入力された文字列に対して反転する方法はリストのスライスを使うのがシンプルで高速ですが、他の方法もあります。 以下の４つの方法についてそれぞれコードと共に説明していきま…

こんにちは、のっくんです。 今日の記事では、フロントエンドにVue.js、バックエンドにFlaskを使い、Ajax通信をしてみようと思います。 作ってみるアプリは、ID番号を選択するとそのIDのデータを取得するというもの…

今日の記事では、算出プロパティの使い方を紹介します。 v-modelを使うと、入力された値を管理できることは前回学びました。 しかし、入力された値を表示することだけはできますが、計算ができません。 何かしらの計算を行うに…

この記事では、Vue.jsを使って、フォームに値された文字列を管理する方法をご紹介します。 IDやパスワードなどを入力するフォームですが、Vue.jsを使うと入力された値を使って動的なウェブサイトが作れるようになります。…

こんにちは、のっくんです。 今日はVue.jsのv-ifディレクティブを使って条件判定するコードを紹介していきたいと思います。 Vue.jsの基本となるコンポーネントを使いながらテンプレートにv-ifディレクティブを使っ…

今日はコンポーネントのプロパティについてです。 コンポーネントのdataはコンポーネントのオブジェクトからテンプレートに値を渡すものでした。 コンポーネントのプロパティを使うと、自分で作成したコンポーネントのタグに値を指…

Pythonからコンポーネントのテンプレートへ値を渡す方法についてご紹介します。 PythonのwebフレームワークはFlaskを使っています。 以下のページのように、Flaskで作ったリストの値をテンプレートに表示する…

今日の記事では、Vue.jsのコンポーネントについて解説していきます。 コンポーネントを使う コンポーネントを使って、青色のアラートを表示するwebサイトを作ってみました。 コンポーネントを使うには３つのコードが必要にな…

こんにちは、のっくんです。 今日からVue.jsを学び始めました。 Vue.jsはフロントエンドのフレームワークでサイトにダイナミックな動きを与えることができます。 最近だとSPA（Single Page Applica…

こんにちは、のっくんです。 Flaskで作った掲示板アプリをBootstrapを使ってスタイリッシュにしてみました。 その中で学んだBootstrapの使い方や機能についてまとめてみました。