[筆記] salsa 音樂

解說各種樂器,並且可以任意加減各種樂器,調整速度的網站 

推薦的salsa樂團
Don Perignon y la Orquesta Puertorriqueña
La Mulenze
Willie Rosario
Bobby Valentín
El Gran Combo de Puerto Rico
Avenida B
 Los Hacheros
La Maxima 79
Tromboranga

virtual box開啟 ubuntu跟win10之間的剪貼簿共用

因為Ubuntu的系統裝在virtual box中拿來亂玩,所以連瀏覽器也懶得裝

但一些指令會從網路上複製下來用

所以就會需要在Window跟Ubuntu之間貼東西

共用剪貼簿預設是停用的

在win10上裝ros

其實很簡單

1. Ubuntu跟ROS的版本要對應好喔(參考上篇)

2. 設定 source.list
sudo sh -c 'echo "deb http://packages.ros.org/ros/ubuntu $(lsb_release -sc) main" > /etc/apt/sources.list.d/ros-latest.list'

在win 10 ubuntu 上裝 ROS...失敗篇

先說一下後記,其實是灌得起來的

我一開始是照著這篇的步驟去在windows上面裝ROS的,我Ubuntu用18.04版,但ROS用的是lunar版。那時(10 June 2017)Ubuntu 18.04還沒釋出(2018-04-26),所以5.的安裝指令要改成
sudo apt-get install ros-melodic-desktop-full

1. 安裝套件

sudo apt-get install gnupg
sudo apt-get install dirmngr

2. 允許"restricted," "universe," and "multiverse."的套件

window 10 上裝 ubuntu

之前寫過一篇用virtual box裝Ubuntu的文章
現在自從windows10更新到 1709 版以後就可以直接裝ubuntu囉

畫流程圖好用網站 draw.io

介面跟google系列的sheets,docs很像
畫完的東西也可以存到drive等地方
之前是因為一個海邊的案子需要提供流程圖去找來用的
結果在短短的30分鐘,邊開晨會邊把我的手繪草稿轉成比較能看也比較清楚的版本

[下載工具] JDpwloader2下載youtube播放清單中的音樂

好用批次下載工具,我把它拿來下載水管(youtube)上的播放清單(playlist)。想下載的原因不外乎有兩個
1. 網路沒有吃到飽,放水管影音太吃流量
2. 水管不能關螢幕聽,太耗手機電

電腦找不到zenfone3

突然,zenfone3插到電腦上電腦沒有顯示裝置,手機也沒跳出連接usb的選單

本來在想說是不是線壞掉

後來google到...

可能重開手機就ok了

重開之後還真的ok orz(我是手機插著電腦重開的)

[Windows] 將檔案移出資料夾

因為下載軟體設定的關係,下載回來的檔案通通都在以檔案本身為名的資料夾中

原來的資料夾結構

目標資料夾結構

本來想說是不是還用用甚麼複雜的shell或batch指令來做，後來google到很簡單的一招

[blogger] Google Code Prettify測試-在blogger中嵌入上色的code

在blogger裡面放code的簡單方法,用google code-prettify

效果:

int x = foo();  /* This is a comment  This is not code  Continuation of comment */

int y = bar();

讓code的關鍵字可以自動上色,更方便觀看

使用方式:

1.加入 Google Code Prettify小工具

在

Layout > Add a Gadget > HTML/JavaScriptAdd

context 的部分輸入下列程式碼

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=desert""></script>

其中?skin=desert用來指定程式碼的skin,可以選擇的skin可以參考這邊

 2.在文章中加入區段標記

將文章中的程式法區段以

<pre class="prettyprint">...</pre>包起來
例如:

<pre class="prettyprint linenums">int x = foo();  /* This is a comment  This is not code  Continuation of comment */

<span class="pre-highborder">

int y = bar();</span>

</pre>

需要特別注意的是,最好不要直接把程式碼貼進HTML中,而最好是先在 "Compose" 頁面中將code貼上,在切換到"HTML"頁面去加上<pre>...</pre>的tag, 不然程式碼中如果包含特殊字元(通常都有包含)顯示就會跟內容來源不一樣

另外雖然prettyprint會自動偵測語言，但在乎叫的時候也可以用

<pre class="prettyprint lang-html">

來指定語言
html可以換成

    "bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html", "java",
    "js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh", "xhtml", "xml",
    "xsl".

2.1 顯示行數

加入linenums:n, n是起始和數,幾行顯示一次跟選擇的顯示style有關
<pre class="prettyprint linenums">..</pre>

bouns1. 程式碼中highlight 部分程式段

首先在Theme>Edit HTML中的 </head 之前> 加上

<style type='text/css'>

.pre-highborder{

border: 1px solid #ff0000;

padding: 3px 3px 3px 0;

}

</style>

接著在code中將想要highlight的地方以

<span class="pre-highborder">...</span>

包圍

參考資料

bouns2. 加入scroll bar

<style type='text/css'>

pre.prettyprint{
    width: auto;
    overflow: auto;
    max-height: 600px
}

</style>

參考資料

bonus3. 變換背景顏色跟行號顏色

<style type='text/css'>

/*each line*/

li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 {

 margin: 0 !important;

 list-style-type:decimal !important;

 border-left: 1px solid #999;

background-color: #4f4f4f  !important;

}



ol.linenums {

 background-color: #3f3f3f  !important;;

 margin-left: 10px;

}


</style>

在試這段code的時候發現code裡面有 "!important"這種東西出現，一開始以為是註解,不以為意，還把他刪掉。但發現刪掉會影響程式行為。
大致上來說,被!important所標註的參數會有比較高的 priority, 前面的設定可以覆蓋後面的。正常情況是後面的參數會蓋前面的參數。
詳細說明可以猜考這裡

[C#] callback and delegate

使用hook function的時候需要餵入一個function pointer
hook function的參數要求是