HTML の class 属性に値を追加するだけで良い感じのページにしてくれる css フレームワークの bulma。Vue プロジェクトでも積極的に利用していきたいです。公式ページ Bulma: Free, open source, & modern CSS framework based on FlexboxVue プロジェクトで…

Tweet Object に引き続き、User Object についてまとめました。Tweet Object についてはこちら。 www.shookuro.com公式や参考になるサイトを見ながら作りましたが、いまいち何に使用しているのか理解できない項目もあり、そういうやつには「詳細不明」と書い…

Twitter API を貪るうえで欠かせない Tweet Object ですが、各項目の日本語での説明が少ないのでここにまとめておきたいと思います。また、Tweet Object に含まれる User Object や Coordinates Object についても別記事にてまとめます。参考にさせていただ…

表示したリストをドラッグ＆ドロップで並べ替える方法をメモしておきます。ライブラリは SortableJS の vue 版である Vue.Draggable を使います。 github.com 日本語情報も豊富で人気のあるライブラリのようです。 Vue.Draggableを使ってサクッとTrelloっぽ…

GitHub では Git を使ったソースコードの管理のほか、html／css／js 等で作成した Web アプリケーションを公開することもできます。Vue オンリーで作成したプロジェクトはこの条件を満たすので GitHub で公開できます。前回、vue-cli を使用してプロジェクト…

ここ最近というか初めて本格的にフロント技術を学んでいます。採用したフレームワークは大人気 Vue.js です。自分で学びながらチュートリアルの記事も書きました。 www.shookuro.com今回は Vue.-cli でプロジェクトを作成し、そのプロジェクトを GitHub に P…

前回 SpringBoot で作成した DB 操作クラスに対し DbUnit を使って簡単なテスト実施方法を紹介しました。 www.shookuro.com 前回の記事にも書きましたが、この自動テストの実行後にはテーブルのデータがテストで使用したデータに変わってしまいます。ちょっ…

Junit を使用したユニットテスト（自動テスト）の基本を以前記事にしました。 www.shookuro.com今回は DB も含めた自動テストのやり方をメモしておきたいと思います。DB 絡みのユニットテストを行う場合、テストケースごとにテーブルのデータを準備したいこ…

今更ですが Twitter API を 貪り始めました。Twitter4J というライブラリもありますが、先ずは生の API を利用した方法をメモしておきます。今回はベアラートークンの取得をシンプルに行いたいと思います。ユーザー認証後に取得できるトークンとは異なり、ユ…

前回、Spring Boot でファイルに定義されたプロパティの使用方法を紹介しました。 Spring Boot 独自のプロパティを定義して使う - 山崎屋の技術メモ今回は、システムの環境変数に定義された値を取得する方法を紹介します。結論から言うとプロパティファイル…

ソース本体にハードコーディングしたくない設定値は外部ファイルに定義しておくのがプログラミングの基本です。例えば DB 接続情報や消費税率、パフォーマンス調整用の値などがありますね。今回はフレームワーク Spring Boot を使用して、application.proper…

新しいプログラムを組み始めて、まず GitHub に登録しますが、やり方を忘れて調べることが多いので、手順をメモしておきます。 準備 適当なプロジェクトを作成します。こんな感じです。 例では Java の Spring プロジェクトを GitHub に登録しますが、他の言…

Web アプリケーションでありながら ネイティブアプリケーションのような動作をさせることができる PWA（Progressive Web Apps）が最近注目されています。Vue-cli のプロジェクト作成コマンド「vue create xxxx」でも「PWA にする？」のように聞かれるので、P…

Twitter や Facebook みたいにスクロールして下段まで行くと追加でデータをロードしてくれるあれを Vue を使って試したいと思います。 今回は Qiita の API を使用してデータを取得し、無限スクロールしていこうと思います。 使用ライブラリ 便利な無限スク…

参考サイト。良記事！ qiita.com vue-cli でプロジェクトを作成してから GitHub にソースを Push するまでの手順をメモしていきたいと思います。 バージョン node、vue-cli、git のバージョンは次のとおり。 C:\yyama>node --version v10.11.0 C:\yyama>vue …