最終更新:2025-09-16 (火) 03:25:44 (305d)  

tokkyo/設定/MagicMirror²
Top / tokkyo / 設定 / MagicMirror²

MagicMirror²

概要

↑

横長ディスプレイ

↑

インストール

↑

横長ディスプレイ

  • 画面の回転設定でLeftに
↑

フォントのインストール

↑

config/config.js 

  • /* Config Sample
 *
 * For more information on how you can configure this file
 * see https://docs.magicmirror.builders/configuration/introduction.html
 * and https://docs.magicmirror.builders/modules/configuration.html
 *
 * You can use environment variables using a `config.js.template` file instead of `config.js`
 * which will be converted to `config.js` while starting. For more information
 * see https://docs.magicmirror.builders/configuration/introduction.html#enviromnent-variables
 */
let config = {
	address: "localhost",	// Address to listen on, can be:
							// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
							// - another specific IPv4/6 to listen on a specific interface
							// - "0.0.0.0", "::" to listen on any interface
							// Default, when address config is left out or empty, is "localhost"
	port: 8080,
	basePath: "/",	// The URL path where MagicMirror² is hosted. If you are using a Reverse proxy
									// you must set the sub path here. basePath must end with a /
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],	// Set [] to allow all IP addresses
									// or add a specific IPv4 of 192.168.1.5 :
									// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
									// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
									// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

	useHttps: false,			// Support HTTPS or not, default "false" will use HTTP
	httpsPrivateKey: "",	// HTTPS private key path, only require when useHttps is true
	httpsCertificate: "",	// HTTPS Certificate path, only require when useHttps is true

	// language: "en",
	// locale: "en-US",
	language: "ja",
	locale: "ja-JP.UTF-8",
	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
	timeFormat: 24,
	units: "metric",

	modules: [
		{
			module: "alert",
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_left"
		},
		// {
		// 	module: "calendar",
		// 	header: "US Holidays",
		// 	position: "top_left",
		// 	config: {
		// 		calendars: [
		// 			{
		// 				fetchInterval: 7 * 24 * 60 * 60 * 1000,
		// 				symbol: "calendar-check",
		// 				url: "https://ics.calendarlabs.com/76/mm3137/US_Holidays.ics"
		// 			}
		// 		]
		// 	}
		// },
		{
			module: "calendar",
			header: "日本の祝日",
			position: "top_left",
			config: {
					calendars: [
							{
									symbol: "calendar-check",
									url: "https://www.google.com/calendar/ical/ja.japanese%23holiday%40group.v.calendar.google.com/public/basic.ics"
							}
					]
			}
	},
		// {
		// 	module: "compliments",
		// 	position: "lower_third"
		// },
		{
			module: "weather",
			position: "top_right",
			header: "現在の天気",
			config: {
				weatherProvider: "openmeteo",
				type: "current",
				appendLocationNameToHeader:false,
				lat: 35.7100876,
				lon: 139.810181
			}
		},
		{
			module: "weather",
			position: "top_right",
			header: "天気予報",
			config: {
				weatherProvider: "openmeteo",
				appendLocationNameToHeader:false,
				type: "forecast",
				lat: 35.7100876,
				lon: 139.810181
			}
		},
		// {
		// 	module: "newsfeed",
		// 	position: "bottom_bar",
		// 	config: {
		// 		feeds: [
		// 			{
		// 				title: "New York Times",
		// 				url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
		// 			}
		// 		],
		// 		showSourceTitle: true,
		// 		showPublishDate: true,
		// 		broadcastNewsFeeds: true,
		// 		broadcastNewsUpdates: true
		// 	}
		// },
		{
			module: "newsfeed",
			position: "top_center",
			config: {
				feeds: [
				{
					title: "Yahoo IT",
					url: "https://news.yahoo.co.jp/rss/topics/it.xml"
				}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},
		{
			module: "newsfeed",
			position: "top_center",
			config: {
				feeds: [
					{
						title: "Yahoo 経済",
						url: "https://news.yahoo.co.jp/rss/topics/business.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true
			}
		},
		{
			module: "newsfeed",
			position: "top_center",
			config: {
				feeds: [
				{
					title: "Yahoo 国内",
					url: "https://news.yahoo.co.jp/rss/topics/domestic.xml"
				}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},

		{
			module: "newsfeed",
			position: "top_center",
			config: {
				feeds: [
				{
					title: "Yahoo 国際",
					url: "https://news.yahoo.co.jp/rss/topics/world.xml"
				}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},
	]
};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") { module.exports = config; }
↑

css/custom.css 

  • body {
    font-family: "MigMix 1P", "Roboto Condensed","weathericons", sans-serif;
  }
  .light {
    font-family: "MigMix 1P", "Roboto Condensed","weathericons", sans-serif;
    font-weight: 300;
  }
  .regular {
    font-family: "MigMix 1P", "Roboto Condensed","weathericons", sans-serif;
    font-weight: 400;
  }
  .bold {
    font-family: "MigMix 1P", "Roboto Condensed","weathericons", sans-serif;
    font-weight: 700;
  }

  .region.top.bar {
    height:0px
  }

  body {
    margin: 10px;
    position: absolute;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
}
↑

参考




検索：