山崎屋の技術メモ

IT業界で働く中でテクノロジーを愛するSIerのシステムエンジニア👨‍💻 | AndroidとWebアプリの二刀流🧙‍♂️ | コードの裏にあるストーリーを綴るブログ執筆者✍️ | 日々進化するデジタル世界で学び続ける探究者🚀 | #TechLover #CodeArtisan、気になること、メモしておきたいことを書いていきます。

Twitter API ベアラートークン(Bearer Token)を取得する

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

Spring Boot 環境変数の取得

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

Spring Boot 独自のプロパティを定義して使う

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

【Eclipse】 プロジェクト作成から GitHub に登録するまで

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

【Vue-cli】PWA プロジェクトを作ってみる

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

【Vue】無限スクロールライブラリを試す

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

vue-cli でプロジェクトを作成して GitHub へ Push するまで

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

IndexedDB に入門してみる

Web アプリ界隈で WebStorage に変わる機能として徐々に認知されつつある IndexedDB があります。スマホブラウザからネイティブアプリのように Web アプリを機能させる PWA を作るにあたって、この IndexedDB についても精通しておく必要があるので勉強して…

【Vue】おれおれチュートリアル Ⅶ

第7弾です。前回までの記事はこちら。 【Vue】おれおれチュートリアル Ⅰ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅱ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅲ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅳ - 山崎屋の技術メ…

【Vue】おれおれチュートリアル Ⅵ

第6弾です。前回までの記事はこちら。 【Vue】おれおれチュートリアル Ⅰ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅱ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅲ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅳ - 山崎屋の技術メ…

【Vue】おれおれチュートリアル Ⅴ

前回までの記事はこちら。 【Vue】おれおれチュートリアル Ⅰ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅱ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅲ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅳ - 山崎屋の技術メモ そして現在…

【Vue】おれおれチュートリアル Ⅳ

前回までの記事はこちら【Vue】おれおれチュートリアル Ⅰ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅱ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅲ - 山崎屋の技術メモいまの画面はこんな感じで、達成したタスクには取り消し線が出るよう…

【Vue】おれおれチュートリアル Ⅲ

前回までの記事です。 【Vue】おれおれチュートリアル Ⅰ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅱ - 山崎屋の技術メモ ソースの全量は GitHub においておきます。 https://github.com/yyama694/ore-todo 現在の画面。 前回でタスクの追加が行え…

【Vue】おれおれチュートリアル Ⅱ

Vue チュートリアルの続きです。前回は、Vue プロジェクトの作成から、Todo の入力ボックス、追加ボタン、固定データの表示を行いました。まだ実際には動きません。前回の記事はこちら。 【Vue】おれおれチュートリアル Ⅰ - 山崎屋の技術メモGitHubはここ。 …

【Vue】おれおれチュートリアル Ⅰ

Vue の単一ファイルコンポーネントを使用したチュートリアルで勉強したいと思います。ちなみに私は Vue 初心者です。公式サイトはこちら。単一ファイルコンポーネントの学習に入る前に、公式の基本的なチュートリアルをクリアしておくことをおすすめします。…