Tech Migration

新旧techの移行URL対応表

新旧 /tech 系URLの移行管理表です。元ファイルは触らず、ut.www-2607-usual-tools/public/tech に移行先を追加しながら、今後の対象URLも順次ここへ追記して移行を進めます。

項番 Legacy source www-dev target Title 内容説明
1 済 /tech2/basic-auth/ /tech/basic-auth/ BASIC認証 BASIC認証
2 済 /tech2/device/css-media-queries-01.php /tech/device/css-media-queries-01.php css-media-queries-01
3 済 /tech2/device/css-media-queries-02.php /tech/device/css-media-queries-02.php css-media-queries-02
4 済 /tech2/device/device-pixel-ratio.php /tech/device/device-pixel-ratio.php devicePixelRatio
5 済 /tech2/device/meta-format-detection-01.php /tech/device/meta-format-detection-01.php format-detection yes
6 済 /tech2/device/meta-format-detection-02.php /tech/device/meta-format-detection-02.php format-detection no
7 済 /tech2/device/php.php /tech/device/php.php PHP device memo
8 済 /tech2/flash/video-play-swfobject.html /tech/flash/video-play-swfobject.html flv_play
9 済 /tech2/flash/video-play.html /tech/flash/video-play.html Video Play
10 済 /tech2/htaccess/ip-deny/ /tech/htaccess/ip-deny/ IP deny IP アドレス制限
11 済 /tech2/html/01/ /tech/html/01/ HTML conditional comments いろいろhtml
12 済 /tech2/perl/INDEX2.CGI /tech/perl/INDEX2.CGI Perl INDEX2.CGI
13 済 /tech2/perl/test-01.html /tech/perl/test-01.html Perl test-01
14 済 /tech2/perl/test-02.html /tech/perl/test-02.html Perl test-02
15 済 /tech2/perl/test.cgi /tech/perl/test.cgi Perl test.cgi
16 済 /tech2/xhtml/ /tech/xhtml/ XHTML sample xhtml
17 済 /tech/auto-filesize /tech/auto-filesize Auto Filesize ファイルサイズを自動で取得する
18 済 /tech/auto-filesize/sample /tech/auto-filesize/sample Auto Filesize
19 済 /tech/css/flex /tech/css/flex Flex
20 済 /tech/css/link-click /tech/css/link-click Link Click Link Click
21 済 /tech/css/multi-column /tech/css/multi-column Multi Column Multi Column
22 済 /tech/docs/guidelines /tech/docs/guidelines Guidelines
23 済 /tech/docs/special-character /tech/docs/special-character 使いそうなHTML特殊文字 xxx
24 済 /tech/docs/tag /tech/docs/tag タグ・キーワード・ハッシュタグ xxx
25 済 /tech/docs/versions /tech/docs/versions いろんなversion xxx
26 済 /tech/docs/vocabulary /tech/docs/vocabulary 語彙・類語・言いまわし xxx
27 済 /tech/google/forms/ /tech/google/forms/ Googleフォームのカスタマイズ Googleのアンケートを作成、分析できる無料サービス / https://www.google.com/intl/ja_jp/forms/about/
28 済 /tech/google/forms/01 /tech/google/forms/01 Googleフォームのカスタマイズ
29 済 /tech/google/forms/thanks /tech/google/forms/thanks Googleフォームのカスタマイズ
30 済 /tech/html/iframe /tech/html/iframe iframe 1
31 済 /tech/html/iframe/01 /tech/html/iframe/01 iframe 2階層 Before
32 済 /tech/html/iframe/01a /tech/html/iframe/01a iframe 2階層 After
33 済 /tech/html/iframe/01b /tech/html/iframe/01b iframe 2階層 After
34 済 /tech/html/iframe/01c /tech/html/iframe/01c iframe 2階層 After
35 済 /tech/jq-plugin/count-control /tech/jq-plugin/count-control Count Control 「ニュースを最新何件」を実現
36 済 /tech/jq-plugin/poptips /tech/jq-plugin/poptips Poptips マウスカーソルをあわせるとポップアップする
37 済 /tech/jq-plugin/table-rollover /tech/jq-plugin/table-rollover Table Rollover 表にて、マウスカーソルの行をハイライト
38 済 /tech/jq-plugin/usual-video /tech/jq-plugin/usual-video Usual Video ビデオを設置。mp4ファイルやYoutube
39 済 /tech/jquery/a-disabled/01 /tech/jquery/a-disabled/01 jQuery 一度無効にしたリンクを有効にする jQuery 一度無効にしたリンクを有効にする jQuery Windowの幅によってリンクの有効・無効を切替える jQuery クリックしたところだけ、リンクが有効になる方法
40 済 /tech/jquery/a-disabled/02 /tech/jquery/a-disabled/02 jQuery Windowの幅によってリンクの有効・無効を切替える jQuery 一度無効にしたリンクを有効にする jQuery Windowの幅によってリンクの有効・無効を切替える jQuery クリックしたところだけ、リンクが有効になる方法
41 済 /tech/jquery/a-disabled/03 /tech/jquery/a-disabled/03 jQuery クリックしたところだけ、リンクが有効になる方法 jQuery 一度無効にしたリンクを有効にする jQuery Windowの幅によってリンクの有効・無効を切替える jQuery クリックしたところだけ、リンクが有効になる方法
42 済 /tech/jquery/date-range-picker/01 /tech/jquery/date-range-picker/01 Date Range Picker 01 https://www.daterangepicker.com/
43 済 /tech/jquery/date-range-picker/02 /tech/jquery/date-range-picker/02 Date Range Picker 02 daterangepicker-dayjs / Using CDN
44 済 /tech/jquery/date-range-picker/03 /tech/jquery/date-range-picker/03 Date Range Picker 03 https://www.daterangepicker.com/
45 済 /tech/jquery/datepicker/01 /tech/jquery/datepicker/01 Datepicker jQuery UI datepicker
46 済 /tech/jquery/datepicker/02 /tech/jquery/datepicker/02 Datepicker 2 jQuery UI jQuery UI はdatepickerのみにカスタマイズしている（軽量化のため）
47 済 /tech/jquery/flatpickr/01 /tech/jquery/flatpickr/01 Flatpickr https://flatpickr.js.org
48 済 /tech/jquery/in-array /tech/jquery/in-array jQuery inArray inArray
49 済 /tech/js-library/d3/01 /tech/js-library/d3/01 D3.js D3.jsはウェブブラウザで動的コンテンツを描画するJavaScriptライブラリ
50 済 /tech/js-library/swiper/01 /tech/js-library/swiper/01 Swiper 1
51 済 /tech/js-library/swiper/02 /tech/js-library/swiper/02 Swiper & Video
52 済 /tech/js/match-media /tech/js/match-media matchMedia() JavaScriptでメディアクエリ
53 済 /tech/js/window-size /tech/js/window-size Window Size 画面・ウィンドウのサイズを取得
54 済 /tech/pagespeed/01 /tech/pagespeed/01 01 / 何も指定しない css なし js なし
55 済 /tech/pagespeed/02 /tech/pagespeed/02 02 / GTM のみ css なし js: GTMコード
56 済 /tech/pagespeed/03 /tech/pagespeed/03 03 / head に外部js3種 css なし js (head): 外部3種(GTMコード, Google AdSense, Adobe Fonts)
57 済 /tech/pagespeed/04 /tech/pagespeed/04 04 / css minimal-setup css minimal-setup js (head): 外部3種
58 済 /tech/pagespeed/05 /tech/pagespeed/05 05 / css light-setup css light-setup js (head): 外部3種
59 済 /tech/pagespeed/06 /tech/pagespeed/06 06 / css 従来 default css 従来 default js (head): 外部3種
60 済 /tech/pagespeed/07 /tech/pagespeed/07 07 / css 従来 default css light-setup js (head): 外部3種
61 済 /tech/php/date/01 /tech/php/date/01 Date 1 Datetime関数
62 済 /tech/php/date/02 /tech/php/date/02 Date
63 済 /tech/php/encode-decode/base64 /tech/php/encode-decode/base64 画像をbase64 php
64 済 /tech/php/parsedown/01 /tech/php/parsedown/01 parsedown
65 済 /tech/php/pdf/fpdf/01 /tech/php/pdf/fpdf/01 FPDF 1 古くからあるPDF生成ライブラリー。 fpdf.org v1.85 (2022-11-10)
66 済 /tech/php/pdf/fpdf/02 /tech/php/pdf/fpdf/02 FPDF 2 日本語
67 済 /tech/php/pdf/tcpdf/01 /tech/php/pdf/tcpdf/01 TCPDF 1 TCPDF
68 済 /tech/php/random-text/01 /tech/php/random-text/01 ランダム文字列 php
69 済 /tech/sample/adriano /tech/sample/adriano W Tools - Usual Tools
70 済 /tech/sample/adriano/home-image /tech/sample/adriano/home-image W Tools - Usual Tools
71 済 /tech/sample/adriano/home-video /tech/sample/adriano/home-video W Tools - Usual Tools
72 済 /tech/sample/beckham /tech/sample/beckham W Tools - Usual Tools
73 済 /tech/sample/beckham/company /tech/sample/beckham/company W Tools - Usual Tools
74 済 /tech/sample/cafe /tech/sample/cafe Sample Cafe Home サンプルン Samploon SAMPLOON
75 済 /tech/sample/cafe/allergy-info /tech/sample/cafe/allergy-info アレルギーのご確認
76 済 /tech/sample/cafe/campaign/visual-01 /tech/sample/cafe/campaign/visual-01 PageSpeed Try 1 MV画像が背景
77 済 /tech/sample/cafe/campaign/visual-02 /tech/sample/cafe/campaign/visual-02 PageSpeed Try 2 MV画像がimg要素
78 済 /tech/sample/cafe/inquiry/01-input /tech/sample/cafe/inquiry/01-input 入力
79 済 /tech/sample/cafe/legal-notice /tech/sample/cafe/legal-notice 特定商取引法に基づく表記
80 済 /tech/sample/cafe/menu /tech/sample/cafe/menu Menu カフェ店内での飲食メニュー
81 済 /tech/sample/cafe/order/01-cart /tech/sample/cafe/order/01-cart Cart 買い物カゴ
82 済 /tech/sample/cafe/order/02-input /tech/sample/cafe/order/02-input 入力 購入者情報の入力 gtag アレルギー linkをクリックで、計測 計測は単体プログラム
83 済 /tech/sample/cafe/order/03-confirmation /tech/sample/cafe/order/03-confirmation Confirmation
84 済 /tech/sample/cafe/order/04-thankyou /tech/sample/cafe/order/04-thankyou Thank you
85 済 /tech/sample/cafe/store /tech/sample/cafe/store Online store /tech/sample/cafe/store / カフェメニューのお取り寄せオンラインストア
86 済 /tech/sample/candide /tech/sample/candide W Tools - Usual Tools
87 済 /tech/sample/candide/about /tech/sample/candide/about スクール紹介 - Usual Tools
88 済 /tech/sample/candide/about-dark /tech/sample/candide/about-dark スクール紹介 - Usual Tools
89 済 /tech/sample/candide/home-dark /tech/sample/candide/home-dark W Tools - Usual Tools
90 済 /tech/sample/clothing-store /tech/sample/clothing-store Sample 洋服屋 Home
91 済 /tech/sample/clothing-store/inquiry/01-input /tech/sample/clothing-store/inquiry/01-input 入力
92 済 /tech/sample/clothing-store/inquiry/02-confirmation /tech/sample/clothing-store/inquiry/02-confirmation Inquiry Confirmation
93 済 /tech/sample/clothing-store/inquiry/03-thankyou /tech/sample/clothing-store/inquiry/03-thankyou Inquiry Thank you
94 済 /tech/sample/clothing-store/order/01-cart /tech/sample/clothing-store/order/01-cart Cart 買い物カゴ
95 済 /tech/sample/clothing-store/order/02-input /tech/sample/clothing-store/order/02-input 入力 購入者情報の入力
96 済 /tech/sample/clothing-store/order/03-confirmation /tech/sample/clothing-store/order/03-confirmation Confirmation
97 済 /tech/sample/clothing-store/order/04-thankyou /tech/sample/clothing-store/order/04-thankyou Thank you
98 済 /tech/sample/dennis /tech/sample/dennis 見出し
99 済 /tech/sample/dennis/01 /tech/sample/dennis/01 .l-container.type-title
100 済 /tech/sample/dental-clinic /tech/sample/dental-clinic Sample 歯医者 Home
101 済 /tech/sample/dental-clinic/reservation/01-date /tech/sample/dental-clinic/reservation/01-date 日付選択 買い物カゴ
102 済 /tech/sample/dental-clinic/reservation/02-input /tech/sample/dental-clinic/reservation/02-input 入力 購入者情報の入力
103 済 /tech/sample/dental-clinic/reservation/03-confirmation /tech/sample/dental-clinic/reservation/03-confirmation Confirmation
104 済 /tech/sample/dental-clinic/reservation/04-thankyou /tech/sample/dental-clinic/reservation/04-thankyou Thank you
105 済 /tech/sample/einars /tech/sample/einars W Tools - Usual Tools
106 済 /tech/sample/frioniel /tech/sample/frioniel W Tools - Usual Tools
107 済 /tech/sample/sections /tech/sample/sections 全サンプルセクション
108 済 /tech/sns/instagram/01 /tech/sns/instagram/01 Instagram Graph API PHP
109 済 /tech/sns/twitter/01 /tech/sns/twitter/01 Twitter 埋込み jsを使った読込みでページに埋め込む。data-widget-idありのものも、それは古いやり方
110 済 /tech/sns/twitter/twitteroauth /tech/sns/twitter/twitteroauth Twitteroauth PHP
111 済 /tech/ut5 /tech/ut5 UT5 PHP Library - Usual Tools
112 済 /tech/ut5/date /tech/ut5/date UT5Date UT5Date / 日にち操作
113 済 /tech/ut5/date-01 /tech/ut5/date-01 UT5Date
114 済 /tech/ut5/date-02 /tech/ut5/date-02 UT5Date
115 済 /tech/ut5/date-03 /tech/ut5/date-03 UT5Date
116 済 /tech/ut5/tracking /tech/ut5/tracking UT5 Tracking UT5 Tracking / 日にち操作
117 済 /tech/ut5/util /tech/ut5/util UT5Util UT5Util / 文字列操作
118 済 /tech/ut5/util-01 /tech/ut5/util-01 wtGeneral Output
119 済 /tech/video/html5-video-tag /tech/video/html5-video-tag 動画設置 html5 video要素
120 済 /tech/video/youtube /tech/video/youtube YouTube 設置 Youtube API
121 済 /tech/video/youtube/01 /tech/video/youtube/01 YouTube 標準のiframe設置 YouTube 標準のiframe設置 lite-youtube-embed で設置。背景画像はyoutubeサーバー lite-youtube-embed 背景画像は自サーバー lite-youtube-embed 背景画像は自サーバー
122 済 /tech/video/youtube/lite-youtube-embed /tech/video/youtube/lite-youtube-embed lite-youtube-embed で設置。背景画像はyoutubeサーバー YouTube 標準のiframe設置 lite-youtube-embed で設置。背景画像はyoutubeサーバー lite-youtube-embed 背景画像は自サーバー lite-youtube-embed 背景画像は自サーバー
123 済 /tech/video/youtube/lite-youtube-embed-01 /tech/video/youtube/lite-youtube-embed-01 lite-youtube-embed 背景画像は自サーバー YouTube 標準のiframe設置 lite-youtube-embed で設置。背景画像はyoutubeサーバー lite-youtube-embed 背景画像は自サーバー lite-youtube-embed 背景画像は自サーバー
124 済 /tech/video/youtube/lite-youtube-embed-02 /tech/video/youtube/lite-youtube-embed-02 lite-youtube-embed 背景画像は自サーバー YouTube 標準のiframe設置 lite-youtube-embed で設置。背景画像はyoutubeサーバー lite-youtube-embed 背景画像は自サーバー lite-youtube-embed 背景画像は自サーバー
125 済 /tech/webfont/01 /tech/webfont/01 Web Fonts Web Fonts

Migration notes

  • .htaccess と .htpasswd は公開PHPツリーへコピーしていません。
  • Perl CGI は実行環境を移さず、公開結果相当の静的ページとして置いています。
  • Flash demo は互換用に SWF/MP4 と SWFObject を同じ配下へコピーしています。現代ブラウザでは Flash 再生自体は基本的に動作しません。
  • XHTML sample は /tech/xhtml/legacy.html に元HTMLと相対assetを残し、/tech/xhtml/ からプレビューします。
  • /tech 旧Cakeテンプレート由来のページは、public/tech/.htaccess から public/tech/_snapshots/ の静的HTMLへ振り分けています。