差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 次のリビジョン両方とも次のリビジョン | ||
start [2021/07/12 12:02] – ともやん | start [2022/10/16 09:32] – ともやん | ||
---|---|---|---|
行 1: | 行 1: | ||
< | < | ||
- | <script src="/_media/javascript/requirejs/require-2.3.6.min.js? | + | <script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.min.js"></ |
- | < | + | <script src="/ |
- | // | + | |
- | var startTime = Date.now(); | + | |
- | | + | |
- | <script src="/ | + | |
<!-- Tomoyan.net Vue.js app start --> | <!-- Tomoyan.net Vue.js app start --> | ||
+ | < | ||
< | < | ||
# | # | ||
overflow-x: scroll; | overflow-x: scroll; | ||
+ | } | ||
+ | # | ||
+ | font-size: 12px; | ||
+ | line-height: | ||
} | } | ||
# | # | ||
行 15: | 行 16: | ||
} | } | ||
.font_half { | .font_half { | ||
- | font-size: | + | font-size: |
} | } | ||
</ | </ | ||
行 27: | 行 28: | ||
<WRAP prewrap 100% # | <WRAP prewrap 100% # | ||
< | < | ||
- | <div id="tomoyan_net_app"> | + | <div id="tomoyan_net-app"> |
</ | </ | ||
- | ^ IP アドレス (< | + | ^ IP アドレス (< |
^ ゲートウェイ名\\ < | ^ ゲートウェイ名\\ < | ||
- | ^ CPU Cores\\ < | + | ^ CPU Cores\\ < |
- | ^ [[https:// | + | ^ [[https:// |
- | ^ ダークモード\\ < | + | ^ ダークモード\\ < |
- | ^ [[https:// | + | ^ [[https:// |
- | <php>echo '< | + | ^ [[https:// |
< | < | ||
</ | </ | ||
<!-- Tomoyan.net Vue.js app end --> | <!-- Tomoyan.net Vue.js app end --> | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | const { createApp } = Vue | ||
+ | let ua_parser; | ||
+ | const tomoyan_net_app = createApp({ | ||
+ | data() { | ||
+ | return { | ||
+ | remote_addr: | ||
+ | cpu_cores: '', | ||
+ | display_resolution: | ||
+ | browser_resolution: | ||
+ | user_agent: navigator.userAgent, | ||
+ | ua_parser: '', | ||
+ | versions: '', | ||
+ | vue_ver: Vue.version, | ||
+ | } | ||
+ | }, | ||
+ | created() { | ||
+ | this.get_display_resolution(); | ||
+ | this.get_cpu_cores() | ||
+ | |||
+ | window.UAParser = UAParser; | ||
+ | let ua_result = ua_parser = new UAParser(); | ||
+ | let ua_json = ua_result.getResult(); | ||
+ | this.ua_parser = JSON.stringify(ua_json, | ||
+ | |||
+ | this.versions = ' | ||
+ | ' | ||
+ | }, | ||
+ | computed: { | ||
+ | ip_ver() { | ||
+ | return REMOTE_ADDR.indexOf(':' | ||
+ | }, | ||
+ | dark_mode() { | ||
+ | if (matchMedia(' | ||
+ | return ' | ||
+ | } | ||
+ | else { | ||
+ | return matchMedia(' | ||
+ | } | ||
+ | }, | ||
+ | }, | ||
+ | methods: { | ||
+ | get_display_resolution() { | ||
+ | this.display_resolution = screen.width + ' x ' + screen.height; | ||
+ | this.browser_resolution = window.innerWidth + ' x ' + window.innerHeight; | ||
+ | }, | ||
+ | get_cpu_cores() { | ||
+ | this.cpu_cores = (!!navigator.hardwareConcurrency ? | ||
+ | navigator.hardwareConcurrency : | ||
+ | '' | ||
+ | }, | ||
+ | }, | ||
+ | mounted() { | ||
+ | window.onload = () => { | ||
+ | let diffLoadTime = Date.now() - startTime; | ||
+ | console.log(' | ||
+ | } | ||
+ | / | ||
+ | let diffReadyTime = Date.now() - startTime; | ||
+ | console.log(' | ||
+ | }*/ | ||
+ | }, | ||
+ | setup() { | ||
+ | window.addEventListener(' | ||
+ | }, | ||
+ | beforeDestroy() { | ||
+ | window.removeEventListener(' | ||
+ | }, | ||
+ | }).mount('# | ||
+ | </ | ||
</ | </ | ||
</ | </ | ||
行 45: | 行 119: | ||
====== Dokuwiki Top (内部) ====== | ====== Dokuwiki Top (内部) ====== | ||
^DokuWikiの使い方^^ | ^DokuWikiの使い方^^ | ||
- | |[[playground: | + | |[[playground: |
^ 生活 ^^^ | ^ 生活 ^^^ | ||
- | |[[internal_users_area: | + | |[[internal_users_area: |
- | |[[internal_users_area: | + | |[[internal_users_area: |
</ | </ | ||
<ifauth @confidential> | <ifauth @confidential> | ||
- | [[doku_maintenance|DokuWikiメンテ部屋]]\\ | + | [[doku_maintenance|🛠DokuWikiメンテ部屋]]\\ |
^ その他 ^^^ | ^ その他 ^^^ | ||
- | |[[confidential_area|機密領域]] | + | |[[confidential_area|🔑機密領域]] |
- | |[[kodomo_area|子供向けサーバー構築]] | + | |[[kodomo_area|👶子供向けサーバー構築]] |
</ | </ | ||
行 96: | 行 170: | ||
echo '< | echo '< | ||
- | echo '< | + | echo '< |
echo '< | echo '< | ||
echo '< | echo '< | ||
行 106: | 行 180: | ||
echo '</ | echo '</ | ||
- | echo '< | + | echo '< |
echo '< | echo '< | ||
echo '< | echo '< | ||
行 118: | 行 192: | ||
echo '</ | echo '</ | ||
</ | </ | ||
- | [[https:// | + | < |
^ 関連サイト | ^ 関連サイト | ||
- | | [[https:// | + | | [[https:// |
^ DokuWikiの使い方 | ^ DokuWikiの使い方 | ||
- | | [[wiki: | + | | [[wiki: |
- | | [[http:// | + | | [[http:// |
^ カテゴリー別 | ^ カテゴリー別 | ||
^ OS ^^^^ | ^ OS ^^^^ | ||
- | | [[linux|Linux 関連]] | + | | [[linux|🐣Linux 関連]] |
- | | [[mac|Mac 関連]] | + | | [[mac|🍔🍟Mac 関連]] |
- | | [[windows|Windows 関連]] | + | | [[windows|🍱Windows 関連]] |
^ 言語 | ^ 言語 | ||
- | | [[python|Python 関連]] | + | | [[python|🐍Python 関連]] |
- | | [[html_css|HTML5 + CSS3 関連]] | + | | [[html_css|🚾HTML |
- | | [[programming_language|プログラミング言語関連]] | + | | [[golang|🐭Go 関連]] |
^ テクノロジ | ^ テクノロジ | ||
| [[web|Web 関連]] | | [[web|Web 関連]] | ||
- | | [[algorithm|アルゴリズム]] | + | | [[algorithm|アルゴリズム]] |
| [[ai|人工知能関連]] | | [[ai|人工知能関連]] | ||
^ その他 | ^ その他 | ||
行 151: | 行 225: | ||
| [[currency|通貨関連]] | | [[currency|通貨関連]] | ||
- | < | + | \\ |
- | < | + | このサイトを広告なしで見るには...\\ |
- | "use strict"; | + | [[web: |
- | let tomoyan_net_app; | + | [[web: |
- | require([' | + | の利用をお勧めします😉\\ |
- | tomoyan_net_app = new Vue({ | + | \\ |
- | el: '# | + | <wrap em> |
- | data: { | + | ページによっては大量の出力結果を含むため、__レンダリング処理でプチフリーズ__します😱😇\\ |
- | user_agent: navigator.userAgent, | + | 快適に閲覧するには [[https:// |
- | ua_parser: '', | + | |
- | display_resolution: | + | |
- | remote_addr: | + | |
- | }, | + | |
- | created: function() { | + | |
- | this.set_display_resolution(); | + | |
- | + | ||
- | let ua_json = (new UAParser()).getResult(); | + | |
- | this.ua_parser = JSON.stringify(ua_json, | + | |
- | }, | + | |
- | computed: { | + | |
- | ip_ver: function() { | + | |
- | return this.remote_addr.indexOf(':' | + | |
- | }, | + | |
- | cpu_cores: function() { | + | |
- | let cpu_cores = (!!navigator.hardwareConcurrency ? | + | |
- | | + | |
- | '' | + | |
- | let cpu_cores_tr = this.$el.querySelector('# | + | |
- | + | ||
- | if (cpu_cores == '' | + | |
- | // | + | |
- | // | + | |
- | cpu_cores = ' | + | |
- | } | + | |
- | else { | + | |
- | cpu_cores += ' core'; | + | |
- | } | + | |
- | + | ||
- | return cpu_cores; | + | |
- | }, | + | |
- | dark_mode: function() { | + | |
- | if (matchMedia(' | + | |
- | return ' | + | |
- | } | + | |
- | else { | + | |
- | return matchMedia(' | + | |
- | } | + | |
- | }, | + | |
- | }, | + | |
- | methods: { | + | |
- | set_display_resolution: | + | |
- | const display_resolution = | + | |
- | screen.width + ' x ' + screen.height + ' pixel ' + | + | |
- | ' | + | |
- | + | ||
- | this.display_resolution = display_resolution; | + | |
- | }, | + | |
- | window: | + | |
- | let diffLoadTime = Date.now() - startTime; | + | |
- | console.log(' | + | |
- | }, | + | |
- | window: | + | |
- | let diffReadyTime = Date.now() - startTime; | + | |
- | console.log(' | + | |
- | }, | + | |
- | }, | + | |
- | mounted: function() { | + | |
- | window.addEventListener(' | + | |
- | }, | + | |
- | beforeDestroy: | + | |
- | window.removeEventListener(' | + | |
- | }, | + | |
- | }); | + | |
- | }); | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | このサイトを広告なしで見るには [[web: | + |