Created
November 30, 2022 16:52
-
-
Save kun432/fd6de9b7a1bde15433c662a0289a6c23 to your computer and use it in GitHub Desktop.
lipsurf-plugin-development-5min-quick-start
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "nbformat": 4, | |
| "nbformat_minor": 0, | |
| "metadata": { | |
| "colab": { | |
| "provenance": [], | |
| "authorship_tag": "ABX9TyMDveNQ9NPFlYQV4G9mz9Sq", | |
| "include_colab_link": true | |
| }, | |
| "kernelspec": { | |
| "name": "python3", | |
| "display_name": "Python 3" | |
| }, | |
| "language_info": { | |
| "name": "python" | |
| } | |
| }, | |
| "cells": [ | |
| { | |
| "cell_type": "markdown", | |
| "metadata": { | |
| "id": "view-in-github", | |
| "colab_type": "text" | |
| }, | |
| "source": [ | |
| "<a href=\"https://colab.research.google.com/gist/kun432/fd6de9b7a1bde15433c662a0289a6c23/lipsurf-plugin-development-5min-quick-start.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>" | |
| ] | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "#LipSurfプラグイン開発 〜5 Minute Quick Start〜\n", | |
| "\n", | |
| "詳細は以下をご覧ください。\n", | |
| "\n", | |
| "https://kun432.hatenablog.com/entry/lipsurf-plugin-development-1\n", | |
| "\n" | |
| ], | |
| "metadata": { | |
| "id": "a-bs5hqFnDub" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "## 1. 事前準備" | |
| ], | |
| "metadata": { | |
| "id": "j70qcn2monW2" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "Node.js v16のインストール\n" | |
| ], | |
| "metadata": { | |
| "id": "5NaPfGWwlKKB" | |
| } | |
| }, | |
| { | |
| "cell_type": "code", | |
| "source": [ | |
| "# 現在のバージョン\n", | |
| "!node -v\n", | |
| "!which node" | |
| ], | |
| "metadata": { | |
| "id": "-5Ggl7IJoU2o" | |
| }, | |
| "execution_count": null, | |
| "outputs": [] | |
| }, | |
| { | |
| "cell_type": "code", | |
| "source": [ | |
| "# Nodeのバージョン管理ツール「N」を使って、Node.js v16をインストールする。\n", | |
| "!npm i -g n\n", | |
| "!n 16\n", | |
| "!node --version\n", | |
| "!which node" | |
| ], | |
| "metadata": { | |
| "id": "8c7yPuF3VLAR" | |
| }, | |
| "execution_count": null, | |
| "outputs": [] | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "yarnのインストール" | |
| ], | |
| "metadata": { | |
| "id": "ZY1MrElPlwVb" | |
| } | |
| }, | |
| { | |
| "cell_type": "code", | |
| "source": [ | |
| "!npm i -g yarn\n", | |
| "!which yarn\n", | |
| "!yarn -v" | |
| ], | |
| "metadata": { | |
| "id": "djsWTSFxp5W6" | |
| }, | |
| "execution_count": null, | |
| "outputs": [] | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "## 2. lipsurf-cliでプラグインを作成" | |
| ], | |
| "metadata": { | |
| "id": "sIHWDJBjl1cK" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "lipsurf-cliのインストール" | |
| ], | |
| "metadata": { | |
| "id": "HF4d5K5Fn42e" | |
| } | |
| }, | |
| { | |
| "cell_type": "code", | |
| "source": [ | |
| "!yarn global add @lipsurf/cli\n", | |
| "!which lipsurf-cli" | |
| ], | |
| "metadata": { | |
| "id": "3el6iOO6cRaP" | |
| }, | |
| "execution_count": null, | |
| "outputs": [] | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "\n", | |
| "scaffoldの作成" | |
| ], | |
| "metadata": { | |
| "id": "Ew99Igial-yn" | |
| } | |
| }, | |
| { | |
| "cell_type": "code", | |
| "source": [ | |
| "!lipsurf-cli init HelloWorld" | |
| ], | |
| "metadata": { | |
| "id": "0qmpXx6_k3tE" | |
| }, | |
| "execution_count": null, | |
| "outputs": [] | |
| }, | |
| { | |
| "cell_type": "code", | |
| "source": [ | |
| "%cd lipsurf-plugin-helloworld" | |
| ], | |
| "metadata": { | |
| "id": "UUiTkaSSu1sr" | |
| }, | |
| "execution_count": null, | |
| "outputs": [] | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "プラグインのビルド\n" | |
| ], | |
| "metadata": { | |
| "id": "3aI3gtYy5KVt" | |
| } | |
| }, | |
| { | |
| "cell_type": "code", | |
| "source": [ | |
| "!yarn build" | |
| ], | |
| "metadata": { | |
| "id": "SU8SmusEmmrv" | |
| }, | |
| "execution_count": null, | |
| "outputs": [] | |
| }, | |
| { | |
| "cell_type": "code", | |
| "source": [ | |
| "!ls dist" | |
| ], | |
| "metadata": { | |
| "id": "v0bPCJn2neNG" | |
| }, | |
| "execution_count": null, | |
| "outputs": [] | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "作成したプラグインファイルをダウンロード\n", | |
| "\n", | |
| "- 左のファイルメニューから、\"lipsurf-plugin-helloworld\" -> \"dist\" と進む。\n", | |
| "- \"HelloWorld.1-0-0.0.ls\" を右クリックしてダウンロード\n", | |
| "\n", | |
| "\n", | |
| "\n" | |
| ], | |
| "metadata": { | |
| "id": "vYt80vutsMun" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "## 3. LipSurf Chrome拡張にプラグインをインポート\n", | |
| "\n", | |
| "LipSurfのChrome拡張のオプションから、ダウンロードしたプラグインを読み込む" | |
| ], | |
| "metadata": { | |
| "id": "KzEu1waJGzM4" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "- LipSurfのオプションを開く\n", | |
| "\n", | |
| "" | |
| ], | |
| "metadata": { | |
| "id": "WbZFX_cjo9Vv" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "- 「General」の一番下にある「Developer mode」を有効化\n", | |
| "\n", | |
| "> インデントされたブロック\n", | |
| "\n" | |
| ], | |
| "metadata": { | |
| "id": "U5IsN65qEfPW" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "" | |
| ], | |
| "metadata": { | |
| "id": "hSrPHgwFE5Bj" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "- 「Plugins」に「Load a Local Plugin」が表示されるのでクリックして、ダウンロードしたプラグインファイルを読み込む" | |
| ], | |
| "metadata": { | |
| "id": "IrQ3q3veFmB3" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "" | |
| ], | |
| "metadata": { | |
| "id": "ftt_z2C8GJ9G" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "- 読み込まれて「Plugins」に「Hello World」が表示されればOK" | |
| ], | |
| "metadata": { | |
| "id": "2lKVIAi3ajau" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "" | |
| ], | |
| "metadata": { | |
| "id": "2mHZQBCga74E" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "- プラグインはデフォルトだと「英語」になっているので、LipSurfの言語を変更する\n", | |
| " - 「General」の「language switching commands」をクリック\n", | |
| " - 「リップサーフ」プラグインので「英語」に変更を有効化\n" | |
| ], | |
| "metadata": { | |
| "id": "D3DCJGa_bBWQ" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "" | |
| ], | |
| "metadata": { | |
| "id": "fP-Kml3Qbdid" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "" | |
| ], | |
| "metadata": { | |
| "id": "ETd946DEbgOb" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "「英語」「English」等と発話して、Chrome拡張のアイコンが英語になっていればOK" | |
| ], | |
| "metadata": { | |
| "id": "pYb43Cy5bkRD" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "" | |
| ], | |
| "metadata": { | |
| "id": "c5v9cIaTb3Wv" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "- 「Hello, World」と発話してダイアログが開けばOK！" | |
| ], | |
| "metadata": { | |
| "id": "uQEDfqU0b6aR" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "" | |
| ], | |
| "metadata": { | |
| "id": "7LzoSWMRcP_r" | |
| } | |
| }, | |
| { | |
| "cell_type": "markdown", | |
| "source": [ | |
| "続きはサイトをごらんください。\n", | |
| "\n", | |
| "https://kun432.hatenablog.com/entry/lipsurf-plugin-development-1\n" | |
| ], | |
| "metadata": { | |
| "id": "7PC6-78DcTam" | |
| } | |
| } | |
| ] | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment