Skip to content
Netplan Matsuyama
Blog

Blog

都道府県別人口変化率チャートを追加 - オープンデータの活用

Netplan Matsuyama
Netplan Matsuyama
Developer

やったこと

セクション「やったこと」

既存の人口推計チャート（全国総人口の推移）に加えて、都道府県別の人口変化率（2015→2020年）をバーチャートで表示できるようにしました。

→ 人口推計ページ

チャートの内容

セクション「チャートの内容」
  • 横軸: 47都道府県
  • 縦軸: 人口変化率（%）
  • 色分け: 増加した都道府県は緑、減少した都道府県は赤

opendata-astro の拡張

セクション「opendata-astro の拡張」

今回の対応にあわせて kazweda/opendata-astro に 3 つの機能を追加しました。

prefectureOnly オプション（v0.1.6）

セクション「prefectureOnly オプション（v0.1.6）」

EStatFetcher に prefectureOnly?: boolean を追加しました。e-Stat API のレスポンスには全国・都道府県・市区町村が混在することがあるため、true を指定すると都道府県コード（\d{2}000、00000 除く）だけに絞り込めます。

astro.config.mjs
{
  id: 'population-by-prefecture',
  fetcher: new EStatFetcher(),
  params: {
    statsDataId: '0004021102',
    classFilters: { cdCat01: '000', cdCat02: '001' },
    seriesKey: 'area',
    prefectureOnly: true,
  },
}

Series.colors オプション（v0.1.7）

セクション「Series.colors オプション（v0.1.7）」

DataSet.series に colors?: string[] を追加しました。バーごとに色を指定できます。OpenDataChart はこの配列を Chart.js の backgroundColor にそのまま渡します。

showLegend prop（v0.1.8）

セクション「showLegend prop（v0.1.8）」

OpenDataChart に showLegend?: boolean（デフォルト true）を追加しました。per-bar カラーを使った単一系列チャートでは Chart.js の凡例が最初のバーの色しか表示しないため、false にして代わりにテキストで色の説明を添えています。

データ変換

セクション「データ変換」

都道府県別の生データ（ラベル=年、系列=都道府県）を MDX 内で変換し、「ラベル=都道府県名、系列=変化率」に組み替えています。

export const prefectureChangeData = (() => {
  const idx2015 = prefectureData.labels.findIndex((l) => l.startsWith('2015'));
  const idx2020 = prefectureData.labels.findIndex((l) => l.startsWith('2020'));
  return {
    labels: prefectureData.series.map((s) => s.name),
    series: [
      {
        name: '人口変化率（%）',
        values: prefectureData.series.map((s) => {
          const pop2015 = s.values[idx2015];
          const pop2020 = s.values[idx2020];
          return Math.round(((pop2020 - pop2015) / pop2015) * 1000) / 10;
        }),
        colors: prefectureData.series.map((s) =>
          s.values[idx2020] >= s.values[idx2015]
            ? 'rgba(75, 192, 192, 0.8)'
            : 'rgba(255, 99, 132, 0.8)'
        ),
      },
    ],
  };
})();

ブログアーカイブ（〜2015年）

Netplan Matsuyama
Netplan Matsuyama
Developer

旧サイト（wp.netplan.co.jp）に掲載していた 311 件の記事一覧です。

2007年

セクション「2007年」
日付タイトルカテゴリタグ
2007-03-06Welcome to Netplan Matsuyama Ltd.News
2007-03-09Sony PCV-W101A/W メンテナンスHardware
2007-03-09Norton 削除ツール (Norton Removal Tool)News
2007-03-10シマンテック Macintosh 製品の削除OS
2007-03-12iTunesのアートワークNewsitunes / アートワーク
2007-03-13基本情報技術者試験 午後対策Study
2007-03-21スタンバイから復帰するとキーボードが機能しなくなるHardware
2007-03-22SDカードの取り外し - メディアカードリーダライタHardware / OS
2007-03-22ブロードバンドルータNetwork
2007-03-27サーチエンジン(en)Network
2007-03-31egbridge Universal 2News
2007-03-31Sonic DLA の不具合についてNews
2007-04-03Thunderbird入門News
2007-04-05Sonic DigitalMedia Plus 終了時のエラーNews
2007-04-06Yahoo Messengerの削除OS
2007-04-07Fnキーが利かない　-　Vaio　ノートPCHardware
2007-04-15先頭の文字を大文字にしたくない - オートコレクトNews
2007-04-22Thunderbird 2 リリースNews
2007-05-30Outlook Express　フォルダを最適化するNews
2007-06-02HP デスクトップPC　メンテナンスNews
2007-06-15Outlook Express で ネットワークエラー(-1309)Network
2007-07-11SONY ノートパソコン (VGN-FJ10B) メンテナンスHardware
2007-07-19ダウンロード中：Firefox 2.0.0.5…News
2007-07-20NeoOffice (MacOSX) でラベル印刷News
2007-07-30NeoOffice 2.2.1 Early Access ProgramNews
2007-08-03mozilla関連アップデートNews
2007-08-18「送る」(sendto)に追加したい — Windows VistaOS
2007-08-27NeoOffice 2.2.1 now available!News
2007-09-11Eudora -> PenelopeNews
2007-09-19NeoOffice Base で Oracle 10gR2へ接続Network
2007-09-22CPU使用率が100%　（svchost、tasklist）OS
2007-10-18Roxio Creator Basic v9News
2007-10-23Winmail.datNews
2007-10-25OpenOffice.org 2.3リリースNews
2007-11-02Internet Explorer 7 の削除OS
2007-11-02[ブラウザの選択] ダイアログ ボックス　(VisualStudio2005)News
2007-12-14OpenOffice.org 2.3.1 がリリースされていますNews
2007-12-18iTunes が起動しない - WindowsXPNewsitunes / 起動しない
2007-12-20WinSCP - sshを利用したファイル転送Network
2007-12-23[Flash]テキスト入力の背景（備忘録）Design
2007-12-27[apache]public_html が 403 ForbiddenNetwork

2008年

セクション「2008年」
日付タイトルカテゴリタグ
2008-01-25ReactOSOS
2008-01-29NeoOffice 2.2.2 Patch 8News
2008-02-01HP インクジェットプリンタの紙詰まり対処方法Hardware
2008-02-08pgAdmin III - PostgreSQL 管理ツールNews
2008-02-15Microsoft Office関連ツールNews
2008-02-21行と列の入れ替え　(OpenOffice)News
2008-02-28Yahoo!メールの送信について - 迷惑メールの送信を防止 -Network
2008-03-14Windows - 「デスクトップの表示」アイコンOS
2008-03-19Safari3.1(for Windows) リリースNews
2008-03-29NeoOffice 2.2.3 リリース — MS Office 2007形式に対応News
2008-04-01PHPのエラー出力 — IIS6.0+PHP5.2.5News
2008-04-01php echo の短縮構文 — “=”で出力News
2008-04-04OpenOffice.org 2.4 リリースNews
2008-04-16HP dc5750 SF メンテナンスHardwarehp / itunes / quicktime
2008-04-28WordPressの更新News
2008-04-28Netscapeブラウザのサポート終了Network
2008-05-13PCサポート：パソコンが立ち上がらない、ビープ音が鳴るHardware
2008-05-16OpenOffice.org3.0ベータ版　リリースNews
2008-06-02Firefox 3 のダウンロード世界記録挑戦News
2008-06-10OpenOffice Impress テキストの流し込みと字下げNews
2008-06-20Firefox 3 Download Day 参加証明書Network
2008-07-07PHP５への移行News
2008-07-24返信用ヘッダのカスタマイズ - ThunderbirdNews
2008-08-06ブラウザのプラグインを無効にする --- Firefox 2.xNews
2008-09-16FirefoxバナーNetwork
2008-10-14OpenOffice 3.0 リリースNews
2008-11-25Mozy の削除(Uninstall)Network
2008-12-02IE（インターネット・エクスプローラ）の修復OS
2008-12-16scsi_info - Linuxの管理用コマンドOS

2009年

セクション「2009年」
日付タイトルカテゴリタグ
2009-01-30Googleカスタム検索Network
2009-02-06OpenOfficeで一太郎文書News
2009-02-06Microsoft Open XML Converterの削除OS
2009-02-21無料の 迷惑メール対策 ソフト - 「さよなら迷惑メール」Network
2009-03-10WPのメンテナンスNews
2009-03-13フリガナの自動入力OS
2009-04-14KANA キー ロック状態OS
2009-04-28ライブ・アースまつやま 2009News
2009-05-18鍼灸アシスト：プログラムの起動についてUncategorizedAOKメニュー
2009-05-19鍼灸アシスト：アドビリーダーのインストールUncategorized
2009-05-19不具合情報-1.0Uncategorized
2009-06-17Apache2でユーザページの公開 - a2enmodOSa2enmod / apache2 / public_html / ubuntu / userdir
2009-06-19VMware Converter の常駐プロセスOSconverter / vmware / タスクマネージャ / プロセス / 常駐
2009-06-29Texmakerで日本語文書作成StudyLaTeX / platex / Tex / texmaker / utf-8 / 情報処理入門 / 文字化け
2009-07-01Discover Shiretokoバナーキャンペーン - Firefox 3.5News
2009-07-07viエディタのタブ幅を設定 - vimrcOS.exrc / nano / ubuntu / update-alternatives / vi / vim / vim.basic / vim.tiny / vimrc
2009-07-09VPS時代のsudo利用OSsudo / sudoers / usermod / visudo / wheel
2009-07-22apache2でmod_rewriteを有効にする - a2enmodOSa2enmod / apache2 / mod_rewrite / ubuntu
2009-07-27Flashの動作が遅い - 画面設定NewsFlash / アニメーション / ゲーム / 遅い
2009-08-05Robocodeの新しいロボットNewsjava / programming / robocode / ゲーム
2009-08-22Firefoxのアドオン - RealPlayer Browser Record PluginNewsFirefox / RealPlayer / アドオン
2009-08-27libcurl on CentOS 5.2OScentos / configure / libcurl / php
2009-09-01ひかり電話の音質についてNetworkvoip / ひかり電話
2009-09-02Firefoxのアドオン - Microsoft .NET Framework AssistantNewsadd-on / Firefox
2009-09-11ブラウザの性能評価NewsFirefox / ie / sunspider
2009-09-29iTunes9で文字化けNewsitunes / MSゴシック / MS明朝
2009-10-02サッカーの試合結果配信Newsefa / サッカー / 愛媛県 / 愛媛県サッカー協会 / 試合結果
2009-10-09USBメモリの容量が少ない？Hardwareusb / フラッシュメモリ
2009-10-17プログラムの追加と削除で白と黒の行OStexmaker / アンインストール / プログラムの追加と削除 / レジストリ / 白 / 黒
2009-10-26ミニプレーヤー - iTunes 9Newsitunes / ミニプレーヤー
2009-11-06更新情報をいくつかご紹介Newsavg / CleanUp / Firefox / java
2009-11-30無料フィルタリングサービス - Yahoo!あんしんねっとNetworkフィルタリング
2009-12-17AODL — ODF ToolKitNewsAODL / OpenDocument / OpenOffice
2009-12-24WordPress2.9リリースNewsMySQL / WordPress
2009-12-25Thunderbird 3Newsmozilla / thunderbird

2010年

セクション「2010年」
日付タイトルカテゴリタグ
2010-01-05Paint.NETNews
2010-01-08パーマリンクについて - WordPressNews.htaccess / mod_rewrite / WordPress / パーマリンク
2010-01-23Firefox 3.6 リリースNews
2010-01-30Thunderbirdの重複メールNewsduplicate / thunderbird / メッセージフィルタ / 削除 / 重複
2010-02-03Robocode バージョンアップNewsjava / robocode
2010-02-04CentOSにOpenOffice 3 をインストールOScentos / gnome / Linux / OpenOffice / rpm
2010-02-09LinuxからWindows共有フォルダOScentos / Linux / 共有 / 文字化け
2010-02-16OpenOffice 3.2NewsOpenOffice
2010-02-19データのバックアップについてUncategorized
2010-03-17IE9プレビュー版リリースDesign
2010-04-05PDFをブラウザ内で表示するNews
2010-04-10月末の日付を取得 - OpenOffice.org CalcNewsdate / eomonth / OpenOffice / 月末
2010-05-11AndroidのテストNewsandroid / emulator
2010-05-22パソコンの修理HardwareCPU / クーラー / ファン
2010-05-22PLESKが起動しない – CentOSNewscentos / openssl / patch / plesk / update
2010-05-24警告音が鳴らない - Windows7Uncategorizedwindows7 / サウンド / 警告音 / 鳴らない
2010-06-02モバイル対応Newsandroid / iphone / mobilepress / smartphone
2010-06-19C#でRobocodeNews.NET / C# / robocode / Visual Studio
2010-06-24wpmuのアップデート - 2.8.x to 2.9.2News
2010-06-24WordPressのsecret key generator - NONCE_SALTNewsgenerator / key / mu / NONCE_SALT / secret / WordPress
2010-06-25Post Notificationの設定 - WordPressNewsnotification / post / WordPress
2010-07-13iTunesのメンテナンスNewsitunes / バックアップ / ライブラリ
2010-07-28Brand Refresh for OpenOffice.orgNews
2010-08-09Robocode(ロボコード) 1.7.2.1リリースNewsjava / programming / robocode / robot
2010-08-26パンくずナビNewsBreadcrumb / NavXT / WordPress / パンくずナビ
2010-09-01Outlook Expressの最適化でメールが消える？Newsexpress / outlook / 最適化 / 消える
2010-09-09MS Officeのアンインストール - 削除ツールNewsoffice / Windows Installer Cleanup / アンインストール
2010-09-22jqs.exe 常駐プログラムの停止 - WindowsのメンテナンスNewsjava / jqs / スタートアップ
2010-09-22HP プリンタドライバの更新 - Officejet Pro 8500Hardware
2010-09-23仮想環境メンテナンス - ESXi 4.0 -> 4.1News
2010-10-09デスクトップの表示OSWindows / ショートカット / デスクトップ
2010-10-12SFTPクライアントの紹介Newsfilezilla / sftp / ssh / winscp
2010-10-23Skype 5.0News
2010-10-23(WP) メール通知プラグインNewsnotification / post / WordPress / プラグイン / メルマガ
2010-10-26メール連携機能 : docomoNewsmailto / QRコード / フォーマット
2010-10-26メール連携機能 : auNewsau / maito / QRコード
2010-10-27「新しいプログラムがインストールされました」…Newsタスクバー / プロパティ
2010-11-04Linuxの情報源OS
2010-11-10Oracle Enterprise Linux のインストールOSenterpise / install / Linux / oracle / インストール / オラクル
2010-12-02sendTo (送る) でのトラブル対応Newssendto / 送る

2011年

セクション「2011年」
日付タイトルカテゴリタグ
2011-01-03WordPressのアップデート --- 更新を展開しています…News.htaccess / memory_limit / php_value / WordPress
2011-01-04PCメールの設定 --- auoneのロック解除Newsauone / is06 / PCメール / セキュリティ画像 / ロック解除
2011-01-27LibreOffice 3.3 リリースNewsLibreOffice / OpenOffice
2011-02-11おすすめCMS - GeekLogNewsCMS / GeekLog / ブロック
2011-02-14TeraStationのファームウェア更新情報Hardware / NetworkHDD / NAS / RAID / TeraStation / アップデート / ファームウェア
2011-02-19Calc で カウント - OpenOffice.org, countifNewscalc / count / countif / Libre / office / OpenOffice / 正規表現 / 集計
2011-02-24Satisfy Any でアクセス制限Network.htaccess / any / apache / basic認証 / satisfy
2011-02-26仮想環境メンテナンス - ESXi 4.1 -> 4.1 Update1Newsesxi / update
2011-03-08オートフィル - 連続データの作成Newscalc / LibreOffice / オートフィル / 連続データ
2011-03-26最近の更新情報NewsEC-CUBE / Firefox / LibreOffice
2011-05-02被災地の支援に関する情報Uncategorized
2011-06-07サービス内容のご案内Uncategorized
2011-06-11LibreOffice 3.4 リリースされていますNewsLibreOffice / OpenOffice
2011-06-13Windows7 - デスクトップの文字を大きくNewsIME / windows7 / タスクバー / ディスプレイ / 大きく / 画面上の文字 / 解像度
2011-06-28Robocode 1.7.3.0Newsgame / java / programming / robot
2011-07-06TwentyEleven の子テーマNews
2011-07-11localization - androidNewsandroid / localization / 多言語 / 対応
2011-07-14AdvancedPreferences - androidNewsandroid / preference
2011-07-23Tag Cloud - WordPress PluginNewstag cloud / ultimate / widget / WordPress
2011-07-26Bitmapのリサイクルなど - AndroidNewsandroid / bitmap / inJustDecodeBounds / recycle
2011-08-02LibreOffice 3.4.2 ReleasedNewsLibreOffice
2011-08-10WordPress Mobile Pack - WordPress プラグインNewsadmob / android / mobile / plugin / WordPress
2011-08-16WPtouchの設定 - WordPressUncategorizedadsense / login / WordPress / コメント
2011-08-24地図上のデータ表示 - Google AnalyticsNewsanalytics / area / google / ip address / location
2011-08-31弊社Facebookページのご案内Newsfacebook
2011-09-02LibreOffice 3.4.3 releasedNewsLibreOffice
2011-09-05Chrome ブラウザで表示が遅い場合Newschrome / ネットワーク / 予測 / 遅い
2011-09-16タグクラウドの入れ替えNews
2011-09-20Wordbooker - WordPressの投稿をFacebookページに連携Newsfacebook / Wordbooker / WordPress / 連携
2011-09-20Wordbooker - （その２）Newsfacebook / Wordbooker / WordPress / 連携
2011-09-24TwentyEleven - テーマのカスタマイズNewstwentyeleven / WordPress / プルダウン / メニュー
2011-09-26サブフォルダに設置したWordPressをドメインのトップに表示するNewsWordPress / サブフォルダ / トップ
2011-10-01TwentyEleven のウィジェットの余白Newsstyle.css / twentyeleven / WordPress / ウィジェット
2011-10-05Paint.NETで横スクロールStudyPaint.NET / マウスホイール / 横スクロール
2011-10-21TwentyEleven - ヘッダー画像サイズのカスタマイズNewstwentyeleven / WordPress
2011-10-24PHPEnkoder - WordPressプラグインNewsmailto / plugin / WordPress
2011-10-24EPS形式で保存したIllustratorのファイルNewsadobe / eps / illustrator / link / Tex / アドビ / イラストレータ / 外部ファイル
2011-10-29Androidアプリ PicsReader をリリースしました。Newsandroid / rgb / 画素値
2011-11-02MyMail III（マイメール・スリー）の送信設定 - SMTP認証NewsMyMail / smtp-auth
2011-11-07AdMobが表示されない - 縦(Portrait)の場合Newsadmob / android / landscape / layout / padding / portrait
2011-11-11Android 4.0 の概要 - Android 4.0 PlatformNews
2011-11-17Gmailのフィルタ - 受信トレイの中のメールの振り分けNewsgmail / フィルタ / 振り分け
2011-11-17Gmailのフィルタ - 新しいデザインNewsfilter / gmail / 振り分け
2011-11-22LibreOffice 3.4.4NewsLibreOffice
2011-11-25AndroidアプリをピックアップNewsandroid
2011-12-01Paint.NETのインストールに失敗する場合 - WindowsNewsPaint.NET / アンインストール / インストール
2011-12-02tesseract-ocr の config を使ってみました。Newsconfig / digits / ocr / tesseract
2011-12-12本の紹介 - 「アプレンティスシップ・パターン」Studyアプレンティスシップ、徒弟制度、ソフトウェア開発
2011-12-12LibreOffice Draw で、グリッドの位置合わせNewsDraw / fit / grid / LibreOffice / spaces / グリッド / 位置合わせ
2011-12-21Bloggerの収益化 - AdSence（広告）の設置Newsadsence / blogger / 収益化 / 広告
2011-12-22WordPressのダッシュボードで文字化けUncategorizedchrome / css / font-family / WordPress / フォントキャッシュ / 文字化け

2012年

セクション「2012年」
日付タイトルカテゴリタグ
2012-01-05TeXで横線NewsLaTeX / rule / Tex / 横線
2012-01-06メールとブラウザのデータを移行Newschrome / profile / thunderbird / データ移行 / 同期
2012-01-09画面のコピー - Windows7Newssnipping tool / windows7 / コピー / スクリーンショット / 画面
2012-01-10gnuplot でデータをプロットしてみるNewsgnuplot / グラフ / 人口統計
2012-01-17Chromeで文字化け - Windows7Newschrome / css / font-family / Verdana / windows7 / 文字化け
2012-01-18gnuplotのデータプロットで日付を扱う場合Newscsv / gnuplot / wgnuplot / 日付
2012-01-23CTUを経由してリモートデスクトップ接続NewsCTU / nla / ネットワークレベル認証 / リモートデスクトップ / 接続
2012-02-05画像をリンクにする - WordPressNewsWordPress / リンク / 画像
2012-02-08proguard.cfg のエラーでリリースができない - AndroidNewsandroid / eclipse / error / proguard
2012-02-08achartengine で null を扱う - AndroidNewsachartengine / android / MathHelper / null / NULL_VALUE
2012-02-11LibreOffice Calc で CSVファイルを扱うNewscalc / csv / LibreOffice / カンマ区切り / タブ / ダブルクオート
2012-02-13LibreOffice Draw のフォント設定NewsDraw / LibreOffice / テンプレート / デフォルト / フォント / 初期設定
2012-02-14strings.xml の警告(Warning) - Android開発Newsandroid / lint / string.xml / Warning / アンドロイド / 記号 / 警告
2012-02-16サイバーセキュリティ注意喚起サービス「icat」News / Uncategorizedicat / ipa / security / セキュリティ
2012-02-18ウインドウを2個並べる - Windows7Newsウインドウ / スナップ / 並べる
2012-02-26CSVファイルの数値と指数表示について - LibreOffice CalcNewscalc / csv / Excel / LibreOffice / 指数
2012-03-02LibreOffice 3.5 がリリースされていました。NewsLibreOffice
2012-03-03Chrome extension （機能拡張）を作ってみました。Newschrome / color / extension / JavaScript / localStorage
2012-03-10Mobile Joomla をインストールNewsextension / Joomla / mobile / update
2012-03-10タスク一覧のコメント - VisualStudioNewsTaskList / Token / Visual Studio
2012-04-18アジャイルな開発Agile
2012-04-24しばらくぶりにAndroidアプリを作ってみたメモNewsadmob / android / environment
2012-04-26Facebookに画像を送る - AndroidNewsandroid / facebook / intent / jpeg / share
2012-05-03パッケージ名の変更 - Androidアプリ開発Newsandroid / eclipse / package name
2012-05-03Facebookへの連携 - Add Link to FacebookNewsfacebook / WordPress / 連携
2012-05-05オプションメニューを設置 - AndroidNewsAction Bar / android / アクションバー
2012-05-23アジャイルサムライ読書会Agile
2012-05-28PageLines - WordPressのテーマDesigncss3 / html5 / WordPress
2012-05-30引き続き WordPress のテーマDesignhtml5 / themes / WordPress
2012-06-01Facebookアプリ - WiFiで接続できない【未解決】Network3g / android / facebook / wifi
2012-06-02Facebookアプリ – WiFiで接続できない【その２】News3g / android / facebook / wifi
2012-06-06WP Super Cache の WPTouch 対応について - WordPressNewssuper cache / WordPress / wptouch
2012-06-06最近のSEO対策事情Networkbing / google / yahoo / ウェブマスター
2012-06-11Facebookアプリ – WiFiで接続できない場合【その３】Newsandroid / connect / facebook / fixer / wifi
2012-06-17Inkscapeの練習DesignInkscape
2012-06-23アジャイルサムライ読書会 - インセプションデッキAgile#agile459 / elevator pitch / Inception Deck
2012-06-27短期間のインターネット回線契約についてHardware / Networkwifi / WiMAX / インターネット
2012-06-29jQueryの今後のリリースについてNewsie6 / ie7 / ie8 / jquery
2012-06-29Androidのデバッグでソースが読めない - eclipseNewsandroid / eclipse / sdk / source / ソース / デバッグ
2012-06-30本の紹介 - リーダブルコードNewsオライリー
2012-06-30Lintチェックのエラーと旧バージョンのサポートNewsandroid / lint / support / targetapi / アノテーション
2012-07-04Chrome Extension の セキュリティポリシー(CSP)Newschrome / extension / inline / JavaScript / policy / security
2012-07-07Androidのテストプロジェクト - JUnit testNewsActivityInstrumentationTestCase2 / android / junit
2012-07-13本の紹介「リーダブルコード」News
2012-07-13Eclipse(Juno)エディタでの不具合Newsandroid / eclipse / editor / sdk / xml
2012-07-24プリンタドライバの削除Newswindows7 / ドライバ / プリンタ / 削除
2012-07-25更新情報の取得に失敗しました。// EC-CUBENews.htaccess / EC-CUBE
2012-08-01バックアップの勉強会Hardware / Study
2012-08-04Fragmentへの対応 - androidNewsandroid / fragment
2012-08-20新アプリをリリースしました。 - AndroidNewsandroid / google / PasLis / パスリス
2012-08-23お問い合わせフォーム - WordPressNewsform / vcita / WordPress / お問い合わせ、フォーム
2012-08-28ESXi-5.0のインストール - 手順の概要Newsesxi / hypervisor / vmware / 仮想化
2012-09-03投稿フォームと会員制について - WordPressNewsworpdress / フォーム / 会員制
2012-09-04アジャイルサムライ読書会#7のふりかえりNewsagile / アジャイル / ウォーターフォール / 読書会
2012-09-06WordPressのレスポンス改善NewsWordPress / レスポンス / 改善 / 速度 / 高速化
2012-09-10スマートフォンのシェア on 2012.05.24 by IDCHardwareandroid / ios / share / smartphone
2012-09-17マウスのトラブル - Windows7Hardwareマウス、クリック、不具合
2012-09-20愛媛IT勉強会にて喋りました。Newsandroid / androider / 愛媛IT勉強会 / 窓の杜 / 開発環境
2012-09-21Googleアナリティクスに漏れが… - WordPressNewsanalytics / responsive / WordPress / wptouch / アナリティクス / レスポンシブ
2012-09-26WordPressにログインできない場合Newsreauth / WordPress / wp-admin / wp-login / ログイン
2012-09-30メールアドレスの暗号化やスパム対策など - WordPressNewscaptcha / email / encrypt / WordPress / フォーム / 暗号化
2012-10-09e-typing で、セミコロン(;)が打てない - chromeNewschrome / e-typing / Flash / タイピング / 不具合
2012-10-12ユーザーストーリー - 明日の予習Agile#agile459 / アジャイルサムライ / 読書会
2012-10-15カスタムフィールドの不具合 - WordPressNewsWordPress / カスタムフィールド / 不具合
2012-10-17TeXのインストール - TeX LiveNewsLaTeX / Tex / TeX Live
2012-10-17TeXworksの設定NewsLaTeX / Tex / texworks
2012-10-31WordBench愛媛ができました。NewsWordBench / WordPress / 愛媛
2012-11-01WordBench愛媛の参加方法NewsWordBench / WordPress / 愛媛
2012-11-19Android用 FacebookアプリNewsandroid / facebook
2012-11-2812月8日土曜日に松山で初開催！！Coderetreat in MatsuyamaAgile#agile459 / #GDCR12 / Coderetreat / コードリトリート
2012-12-07WebアクセシビリティについてNewsアクセシビリティ、ネットスーパー、ネットリーダー、見出しタグ
2012-12-12コードリトリート開催しましたAgile#GDCR12 / Coderetreat / コワーキングスペース / ダイヤモンドクロス
2012-12-20Android用FacebookアプリNewsandroid / facebook
2012-12-23アジャイルサムライ読書会 - 8章前半のふり返りAgile#agile459

2013年

セクション「2013年」
日付タイトルカテゴリタグ
2013-01-08スマホのメンテナンス - AndroidHardware
2013-01-16TeX Live Manager - TeX環境の管理ツールNewsGUI / Manager / Tex / TeX Live / tlmgr
2013-01-18アジャイルサムライ読書会の予習Agile
2013-01-31maxSdkVersion を指定しないほうがいい - AndroidNewsandroid / maxSdkVersion
2013-02-18「早春CMS祭り」を開催しました。Design#cvehime #wbehime #wordbench / CMS
2013-02-23Intel Hardware Accelerated Execution Manager - Android SDKUncategorized
2013-03-13JUnit勉強会を開催しました。Agile#agile459 / junit
2013-04-08WordBench愛媛 - 春のお茶会を開催します。News#wbEhime / WordBench / WordPress
2013-04-08Mockito でテストしようとして java.lang.NoClassDefFoundError になる場合 - AndroidNewsandroid / junit / Mockito / TDD
2013-05-18ADT Plugin のアップデート - AndroidNewsadt / android / plugin
2013-07-08Android Studio Plugins - BitbucketNews
2013-08-26UX パターン (Windows)Design
2013-12-30レスポンシブウェブデザインのメモ書きDesign

2014年

セクション「2014年」
日付タイトルカテゴリタグ
2014-02-18CheckiOAgile
2014-02-26網元起動隊の隊員になりました。CloudAMIMOTO / JAWSUG、AWS
2014-03-13WordPressで動画をアップWordPressh.264 / html5 / mp4 / video / WordPress
2014-03-17WX04SH by SHARPHardware205sh / WX04SH
2014-03-17PHSでテザリング - WX04SHNetworkandroid / WX04SH / テザリング
2014-03-17ネットワーク上のファイルやデバイスを共有 - Windows8NetworkWindows8 / ネットワーク / 共有
2014-03-25Gradle build error on Android Studio 0.5.2Androidandroid / build / error / gradle / studio
2014-04-28Windows 8.1の Wndows Update でエラー - KB2919355OS8.1 / DISM / KB2919355 / update
2014-08-13OneDriveの右クリックでクラッシュ - Windows8.1NewsCrash / OneDrive / Spybot / エクスプローラ / クラッシュ
2014-09-30Zenbook復旧！！ - ASUS UX32VDHardwareboot / issd / sandisk / slow / ux32vd / zenbook

2015年

セクション「2015年」
日付タイトルカテゴリタグ
2015-01-06本年もよろしくお願いしますStudy
2015-01-28オートコレクトを無効にする - LibreOffice WriterNewsLibreOffice / Writer / オートコレクト / 自動変換
2015-03-15Windows Update後、起動に時間がかかるOSKB3033889 / Windows Update
2015-04-17Agile Japan 2015 サテライト＜愛媛＞に参加しました。Agile
2015-05-20docxのルビ文字が消える - LibreOfficeNewsdocx / LibreOffice / openxml / ruby / word / Writer / ルビ
2015-06-19ウインドウの位置を調整OS
2015-07-22テスト環境と本番環境で投稿カテゴリのIDが異なる場合 - WordPressWordPresscategory / slug / term_id
2015-07-31USB3.0ケーブルを交換 - ASUS MB168B+HardwareASUS / MB168B+ / USB3.0
2015-08-06VCCW(Vagrant)環境の復旧 on Windows10Uncategorized
2015-09-05ファイルのアップロードとリンク - WordPressWordPress
2015-10-06ASUS X202Eメンテナンス中 - Windows10 -> 8.1WindowsAR9485 / ASUS / wifi / X202E
2015-10-27Calcの日付フォーマット - LibreOfficeNewscalc / format / LibreOffice / 日付
2015-11-02HP製デスクトップPCのSSD換装 - Windows7Hardware / Windowsbackup / Crucial / easeus / SSD / todo
2015-11-07本日の資料です。 WordBench愛媛 - 秋のお茶会WordPressPHPUnit / Plugins / TDD / VCCW
2015-11-16PCメンテナンス - ASUS UX32VDHardwareASUS / intel / smart gesture
2015-11-16vagrant 起動エラー - VirtualBoxWindowsndis / vagrant / VCCW / virtualbox
2015-12-04わが母校 - Advent Calendar 2015へのエントリーCloud
2015-12-12ちょいと山登り - 御幸寺山Local

WordPress（wp.netplan.co.jp）を閉じました

Netplan Matsuyama
Netplan Matsuyama
Developer

やったこと

セクション「やったこと」

長年運用していた WordPress サイト（wp.netplan.co.jp）を閉鎖しました。

あわせて本サイトへの影響を以下の通り対応しました。

  • .htaccess の不要になったリダイレクトルールを削除（waqu_repo・sitecat・wp.netplan.co.jp 関連）
  • 404 ページの /archives/ → wp.netplan.co.jp へのリダイレクト処理を削除
  • ブログ記事内の旧 WordPress URL を Astro 内リンクに更新（2024 年記事）
  • 旧ブログ記事内のデッドリンクを解除（2016〜2021 年記事）

人口推計のチャートを表示 - オープンデータの活用

Netplan Matsuyama
Netplan Matsuyama
Developer

やったこと

セクション「やったこと」

e-Stat（政府統計の総合窓口）の API を使って総人口の推移をチャートで表示できるようにしました。

→ 人口推計ページ

opendata-astro コンポーネント

セクション「opendata-astro コンポーネント」

Webサイト管理と切り離すため、チャート表示ロジックを独立パッケージとして実装しました。

  • リポジトリ: kazweda/opendata-astro
  • astro-starlight では github:kazweda/opendata-astro#vX.Y.Z で導入

設計のポイント

  • データ取得はビルド時のみ（APIキー露出・CORSを回避）
  • openDataIntegration を astro.config.mjs に追加するだけで、ビルド時に JSON が自動生成される
  • ページ側は JSON を import して <OpenDataChart> に渡すだけ
import populationData from '../../../data/opendata-astro/population.json';
import { OpenDataChart } from 'opendata-astro';


<OpenDataChart client:only="react" dataSet={populationData} chartType="line" />

データ

セクション「データ」

総務省統計局「人口推計」（e-Stat 統計表 ID: 0004021102, 0003448237）から 2015〜2024 年の全国総人口を取得しています。この期間を通じて一貫して減少が続いている様子が読み取れます。

対応した課題

セクション「対応した課題」
  • astro-island の display: contents による canvas サイズ 0 問題 → コンポーネント内に wrapper div を追加しました
  • ダークモードで軸ラベルが見えない問題 → data-theme 属性を MutationObserver で監視して色を切り替えるようにしました
  • 2つのデータセットのラベル形式を統一しました（"2021年10月1日現在" → "2021年"）

Astroサイト運用での npm run コマンド操作について

Netplan Matsuyama
Netplan Matsuyama
Developer

注記 本記事は AI が生成したコンテンツです。

このプロジェクトで使用する品質管理コマンドの要点をまとめます。

コマンド一覧

セクション「コマンド一覧」
コマンド内容CI
npm run formatPrettier による自動整形-
npm run format:checkフォーマット確認（修正なし）✓
npm run type-checkTypeScript 型チェック（astro check）✓
npm run testJest によるテスト実行✓