---
# System prepended metadata

title: 02 Colab 與 Jupyter 介面介紹
tags: [Pennylane]

---

# Colab 與 Jupyter 介面介紹
這一節我們會簡要介紹 Colab 與 Jupyter notebook 的介面與常用功能，未來我們推出 Qiskit 教學時不會再提及。

如果讀者本身就擅長程式編輯，那可以直接跳過這節。

## Colab
Colab 左上角 "Untitled4. ipynb"，點擊下去可以編輯檔案名（副檔名 ipynb 不要更動）

<div style="text-align: center;">
    <img src="https://hackmd.io/_uploads/r1RPiIxm1x.png" alt="Colab 頁面" width="100%"/>
    <p>
    </p>
</div>

你在 Colab 上所做的編輯，都會實時自動儲存在您的雲端 google drive 上（在說明右邊有目前儲存的狀況），點擊檔名左邊的 CO 會跳出你儲存在雲端上所有的 colab 檔案。

在檔名下放的橫列叫做工具列（Tools），從左邊的「檔案」到右邊的「說明」。在「檔案」中，比較常用的功能是「開啟筆記本」，就開啟舊檔和新增檔案的意思。某些狀況下，比方說 Qiskit Challenge，會需要把別人的檔案匯入做編輯，就會需要「上傳筆記本」。如果你想把檔案上傳到 GitHub 上，可以點擊「在 GitHub 中儲存副本」，還有「修訂版本紀錄」，會條列式呈現這份檔案從古至今的編輯紀錄，最後就是「下載」，如果你需要的話。

<div style="text-align: center;">
    <img src="https://hackmd.io/_uploads/Sy0_bLgXJe.png" alt="Open file" width="100%"/>
    <p>
    </p>
</div>

圖中的長條方格稱作 "cell"，這邊就是輸入程式碼的地方。當你想新增 cell，可以點擊 cell 上方的「＋程式碼」；如果你要輸入文字來說明接下來這些程式碼都在做什麼，可以點擊「＋文字」。在 cell 的左邊有個播放圖樣，那就是執行程式碼的按鈕，如果在執行過程中點擊的話，就是終止程式執行。

<div style="text-align: center;">
    <img src="https://hackmd.io/_uploads/r1RPiIxm1x.png" alt="Colab 頁面" width="100%"/>
    <p>
    </p>
</div>

如果今天要一次執行所有的 cell，可以透過快捷鍵 Ctrl+F9（或是 Command＋F9），或是點擊工具列中「執行階段」的「全部執行」。

這邊僅介紹很基本的功能，想知道更多可以從[這裡](https://its.fcu.edu.tw/sites/default/files/oit_custom/colab說明-20230103-HL.pdf)學習。

## Jupyter Notebook

Jupyter notebook 的介面與 Colab 大同小異，基本上可以分成四個部分：檔名（jupyter 右邊的 Untitled1）、主選單（Menu，檔名下方的橫列）、工具列（Toolbar，主選單下方的橫列，都是小圖示那行），以及可以打程式的 cell

<div style="text-align: center;">
    <img src="https://hackmd.io/_uploads/rJ5tlvlXyl.png" alt="Jupyter" width="100%"/>
    <p>
    </p>
</div>

我們先看 Toolbar，從左至右分別是儲存、新增 cell、剪下 cell、複製 cell、在下方貼上 cell、將 cell 移動到上方、將 cell 移動到下方、執行 cell、中段執行、重新啟動、更改 cell 的類型與開啟命令畫面。

<div style="text-align: center;">
    <img src="https://hackmd.io/_uploads/S19EbDxQkg.png" alt="Jupyter Toolbar" width="100%"/>
    <p>
    </p>
</div>

其他功能與 Colab 差不多一樣，更多介紹可以參看這[連結](https://medium.com/python4u/jupyter-notebook完整介紹及安裝說明-b8fcadba15f)。
