【網頁工具教學】如何抓取youtube播放清單內的影片內容

因為上課時都會錄影成一小段影片，上傳到youtube後，若想要把它的連結複製到網頁上，只能一個一個貼，所以就寫了一支自動轉取的網頁。

1.在youtube輸入彰化一整天/查詢
2.點選【播放清單】
3.選一個您要看的清單
4.再點選右上角的清單名稱
5.複製網址
6.連結到http://bestdaylong.com/get_youtube.php
7.貼上網址，按下轉換。

網站連結:
http://bestdaylong.com/get_youtube.php

如何解決jsbin網站上執行沒有結果

最近看六角學院的youtube上Vue.js的JavaScript框架教學，想說在jsbin的網址只輸入一個簡單{{1}}，結果執行結果還是輸入{{1}}，將所有的內容放在godaddy上是可以執行，到最後才發現在jsbin網站上javascript不能放在
之後，把它改在之前就正常。

1.執行還是出現{{1}}

2.將js移到

之前就可以正常無法正常的網址:http://jsbin.com/boqidez/1/edit?html,js,output

批次轉換姓名變成外交部查詢姓名格式工具

同事在做即測即評業務，常常會到外交部查詢學生的英文名字，但是外交部的查詢系統，不是把名字複製貼上就可以，是要在每個名字的字與字中間加上逗號，若是多筆查詢要在每個姓名加上分號，每次只可以查詢100個姓名，整批的最後一筆又不能加上分號，對於懂程式的人要轉換成這種格式是沒什麼問題，但是不懂的人就很麻煩，所以就寫了這支線上轉換程式，只要將要轉換的姓名複製貼上，按下【外文姓名中譯英批次系統格式轉換】轉換按鈕，就會轉換成外交部查詢的格式，並每一百筆為一個單位，方便您複製貼上。

1.連結到

http://www.boca.gov.tw/sp.asp?xdURL=E2C/c2102-5.asp&CtNode=677&mp=1&type=B

有查詢說明

2.連結到

http://bestdaylong.com/tools.htm

將整批要查詢的姓名貼在來源

按下下方的【外文姓名中譯英批次系統格式轉換】轉換按鈕

3.目的區就是轉換後結果

如何快速將半型數字轉換成全型數字

同事報私校退撫資料時，裡面規定地址的數字必須是全型的，我跟他說可以用取代的，只要10次取代就完成，但是每次要取代從0取代到9也是不太理想，所以就寫了這個半型數字轉換成全型數字的網頁工具。

  

1.連結到http://bestdaylong.com

點選【工具】/【線上網頁工具(javascript)】

 

2.將要處理的資料放在【來源】

點選底下【半型數字轉換全型】

  

3.轉換後的資料會在下方

自動產生流水號的線上工具

會寫這支程式是因為在excel中，如果數字是在中間，例如image01.jpg,image02.jpg，這樣往下複製時就不會自動增加，因為在轉換圖片時，檔案名稱都是image開頭，我想把image01改成有意義，例如sing_001開頭，在excel可以用公式來解決，因為很常會用到，就用javascript寫了一個線上工具來做這件事。

  

1.到http://bestdaylong.com點選【工具】/【線上網頁工具(javascript)】

  

2.在來源輸入您要顯示的文字要被取代的文字用%

在變數名稱輸入【開始,結束,每次增加,顯示長度】

按下【自動加流水號】

3.結果會顯示在目的視窗

  

4.每次增加2的範例

  

5.若數字不用有固定長度，最後一碼設為0

sublime安裝Package Control 套件

使用notepad++有一段時間，它的程式碼顏色比較少，最近看到同學用sublime，一樣的程式碼到sublime就顏色就比較多，下載sublime安裝後，因為安裝套件都要用指令，第一個就先安裝Package Control 套件，以後安裝其他套件就可以直接用選的。

  

1.到【view】/【Show Console】

  

2.連結到https://packagecontrol.io/installation

選取您的版本，並複製底下程式碼

  

3.到Console模式貼上/按下Enter

  

4.提示您要離開sublime並再進入才算完成安裝

  

5.在【Preferences】/【Package Control】

  

6.選【Install Package】/就會出現可以選套件的安裝畫面

  

7.php程式碼在Notepad++顯示結果

  

8.php程式碼在Sublime顯示結果

在Notepad++如何讓xml文件格式化

word中可以將檔案另存成xml檔案，但是用notepad+開啟xml檔案，會發現全部都在一行沒有斷行及內縮，這時候就可以使用notepad++的外掛工具xml tools來解決問題。

1.word另存成xml檔沒有格式化很難看懂

2.[外掛模組]/[Plugin Manager]/[Show Plugin Manager]

3.找到XML Tools將它打勾/[Install]

4.[是]

5.[外掛模組]/[XML Tools]/[Pretty Print(XML only - with line breaks)

6.有段落符號更容易編修

線上網頁測驗系統

會寫這個是因為自己本身記憶不太好，每次考試都覺得準備好了，都是考試出來的成績都不太理想，於是就寫了這個可以自己訂題目來測驗，題目及答案都可以設定是否亂數出現，並把每一題的答案設為平均，所以全部都填一樣，就是1/4的分數，因為最早版本只可以在用輸入1,2,3,4的方式填寫，但是為了可以在手機上測試，把網頁改成RWD響應式網頁設計，所以在手機上也可以用手直接點選答案，最後會幫您算出您的得分，還會將您錯的答案都顯示出來，並用顏色藍色表示正確答案，紅色是您輸入並答錯的選項。

1.在Excel中先把題庫輸入好，並複製(標題不用copy)

2.到http://exam.bestdaylong.com/點選[自訂測驗]

3.將題目貼上，[開始測驗]

4.在電腦上可以直接用鍵盤輸入數字

5.或是用滑鼠點選您要回答的答案

6.全部答完才可以[送出]，送出前還會在確認一次

7.出現您的分數/[確定]

8.會清楚的讓您知道那些題目您答錯了

利用網頁http://pixlr.com製作背景透明圖片

如果臨時要製作透明logo圖，但電腦中沒photoshop或是photoipact，這時候就可以利用網頁http://pixlr.com來製作，底下是製作去背logo的方法。

1.連結到 http://pixlr.com/editor/，點選[創建一張新圖片]

2.輸入[名稱]及[寛度].[高度]並將[透明]打勾

3.點選[A]輸入您要的文字按下[確定]

4.選[文件]/[保存]

5.[格式]選png(透明,全品質圖像)

利用Pingdom Tools網頁找出讓您網站變慢的兇手

Pingdom Tools網頁工具可以讓您查看您想要知道網站的效能，讓您知道網站載入的時間，及是那一個外掛讓您的網站變慢。

1.到http://tools.pingdom.com/fpt/輸入您要測試的網站，按下右方的"Test Now"

2.經過幾秒後會出現測試結果包括
Perf grade/Requests/Load time/Page Size

3.底下會有每一個元件所花費的時間，您可以找出讓您網站變慢的原兇

4.從History中可以查看您歷史查詢中網頁的數據
從6秒改善到2秒多

如何利用網頁做到合併列印信封的功能

用有這個想法是去年當同學會的召集人，但召集人最麻煩的就是寫信封送邀請函，有想到要利用word的合併列印，但是覺得步驟很多，所以就想到是否可以利用網頁來達到合併列印功能，就產生這支程式，只是現在把它改成可以自行把要列印的資料貼上，因為這個功能很不錯用，所以就分享給有需要的網友也可以使用。

己測試過IE,Firefox,chrome都可以正常使用

1.連結到 http://bestdaylong.com 選"線上列印工具"

2.可以直接用範列資料直接列印

3.列印到直式標準信封的結果

4.橫式信封列印結果，大部分公司的信封都己經有寄信人資料，
這時候只要把第一列的資料空白，就不會列印出來

5.列印時記得要把頁首及頁尾勾掉或是設為空白

本文章同步發表於:
http://wordpress.bestdaylong.com/blog/archives/1702
http://discuz.bestdaylong.com/thread-355-1-1.html