トップページ

2025.06.16

新着投稿

Google Mpas Platformの応用（2）
はじめに「日経ソフトウエア 2022年 11月号」の「バスのリアルタイム運行情報をGoogleマップに表示しよう」という特集を参考に Google Maps Platform と 公共交通オープンデータセンターの利用方法を探っています。これ…
Google Mpas Platformの応用（１）
バスのリアルタイム運行情報を表示ちょっと古いのですが「日経ソフトウエア 2022年 11月号」の「バスのリアルタイム運行情報をGoogleマップに表示しよう」という特集が載っています。公共交通オープンデータセンターで公開されているデータを使…
Google Maps Platformを使ってみた
はじめに以前、配車管理の仕事の相談がありました。地図上に車の位置を表示できないかという話でした。具体的な仕事には発展しませんでしたが興味をそそる話だったので個人的に趣味の範囲であれこれやってみたいと思います。これを機に仕事につながれば尚良い…
Node.jsでWebサーバーを構築
はじめにNode.jsはサーバー側でJavaScriptを実行するための実行環境です。これまでブラウザ上でしか利用できなかったJavaScriptをサーバー側で実行でき、フロントエンドとサーバーサイドの言語をJavaScriptで統一できる…
Anacondaインストール
はじめにPythonの統合型の開発用パッケージであるAnacondaをインストールしていきます。Anacondaは統合型なのでPython本体と開発ツールのJupyter NotebookやSpyder、開発環境構築やメンテナンスを行うAn…
[Vue.js3] 8. Vue Router
8.1 シングルページアプリケーション公式ライブラリ Vue Router を利用することでシングルページアプリケーションを簡単に作成できるようになる。8.1.1 ルーティングとは画面遷移を伴うアプリケーションにおいて表示させる画面とパスを…
[Vue.js3] 7. 子コンポーネント利用のバリエーション
7.1 子コンポーネントをカスタマイズする Slot7.1.1 Slot とは親コンポーネントから子コンポーネントにデータを渡すには Props が利用できる。ただし Props では HTML 要素そのものを渡すことができない。const…
[Vue.js3] 6. コンポーネント間連携
6.1 子コンポーネントの利用6.1.1 コンポーネントとはコンポーネントの基礎（App.vue）コンポーネント1個ひとつのコンポーネント（OneSection.vue）コンポーネントとは、…コンポーネントが複数ひとつのコンポーネント（On…
[Vue.js3] 5. スクリプトブロックのバリエーション
5.1 ウォッチャー スプリクトブロックで使用できるさまざまな機能5.1.1 算出プロパティの役割なぜウォッチャーが必要なのかを体感するための復習。Mapに格納されているオブジェクトから1秒ごとに乱数を使ってデータを一つ抽出し表示するプログ…
[Vue.js3] 4. 制御のディレクティブ
4.1 条件分岐のディレクティブ通常のプログラミングの条件分岐と同じく if、else if、else をディレクティブにしたもの。4.1.1 条件分岐ディレクティブの基本 v-if<script setup lang="ts">impor…