");background-repeat:no-repeat;-webkit-background-size:30px 24px;-moz-background-size:30px 24px;background-size:30px 24px;background-position:center center;border:none;margin:0;padding:0;width:60px;height:60px;cursor:pointer;-ms-flex-item-align:center;-ms-grid-row-align:center;-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.tab{position:relative;color:#424242;padding:6px;margin:0 4px;text-decoration:none;text-transform:uppercase;font-weight:400;-webkit-transition:.1s ease color;-webkit-transition:.1s ease color;-moz-transition:.1s ease color;-o-transition:.1s ease color;-ms-transition:.1s ease color;transition:.1s ease color}amp-sidebar{width:200px}amp-sidebar ul{padding:10px 0}amp-sidebar li a{display:block;padding:10px 20px}.title-cover{background-color:#4f7086;color:#fff;padding:30px 15px 20px 15px;text-align:center}.title-cover a{color:#fff}.title-cover a:hover{color:#fff}.meta-content{background-color:#e9e9e9;padding:20px 0}.meta-wrapper{margin:20px 20px;padding:20px 20px;background-color:#fff}#footer .copyright-tool,#footer .homeLink{margin:20px}.copyright-tool{color:#fff;font-size:.5em}.social-share{margin:10px 0 0 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.social-share amp-social-share{margin:5px}#totop{position:fixed;bottom:20px;right:20px;font-size:1.2em;z-index:995;line-height:1.8em}#totop a{background:rgba(152,209,245,.6);text-decoration:none;color:#fff;padding:0;text-align:center;display:block;width:1.2em;height:2.2em;line-height:2em;letter-spacing:0;position:relative;display:inline-block;padding:0 0 0 16px;vertical-align:middle;text-decoration:none;font-size:15px}#totop a:after,#totop a:before{position:absolute;top:0;bottom:0;left:0;margin:auto;content:"";vertical-align:middle}#totop a:before{left:12px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#totop a:hover{text-decoration:none;background:#4f7086;color:#fff;line-height:2.3em}.site-author-desc{font-size:1.2em;line-height:2em;margin-top:1em}.site-author-info{background-color:#fff;margin:20px}.gravatar-area{-webkit-border-radius:50%;border-radius:50%}.article-categories,.article-categories-list,.article-tag,.article-tag-list{padding:0;margin:0}.article-categories{margin-bottom:1.6em}.article-categories-list li,.article-tag-list li{list-style:none;display:inline-block;padding:0;margin:.2em 0}.article-categories-list li a,.article-tag-list li a{padding:.5em .6em;margin:.4em 0;background-color:#f5f2f0;color:#3a484b}.article-categories-list li a:before,.article-tag-list li a:before{content:"#"}.article-categories-list li a:hover,.article-tag-list li a:hover{color:#fff;background-color:#648aa4}.homeLink,.htmlPageLink{font-weight:700;-moz-transition:.7s;-ms-transition:.7s;-o-transition:.7s;-webkit-transition:.7s;-webkit-transition:.7s;-moz-transition:.7s;-o-transition:.7s;-ms-transition:.7s;transition:.7s;padding:.4em 0}.homeLink a,.htmlPageLink a{color:#fff;display:block;padding:1em;text-align:center}.homeLink:hover,.htmlPageLink:hover{-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}.homeLink{font-size:120%;background:#7496ad}.homeLink:hover{background:#94afc0}.htmlPageLink{font-size:110%;background:#7496ad}.htmlPageLink:hover{background:#94afc0}.ad-footer,.googleAdPost,amp-instagram,amp-twitter,amp-video,amp-vimeo,amp-youtube{margin:2.8em 0}.sns-link{margin:1em 0}.sns-link a{font-size:2.6em;padding:.4em .1em;margin:0 .1em;color:#d0d0d0}.sns-link a:hover{color:#4f7086}.applink-wrapper .applink-col{width:100%}.applink-wrapper .applink-col a{display:block;width:60%;margin:0 auto}.applink-wrapper,.babylink-box{border:1px solid #f8981d;position:relative}.applink-wrapper .applink,.applink-wrapper .babylink-wrapper,.babylink-box .applink,.babylink-box .babylink-wrapper{margin:1em 1em 1em 1em}.applink-wrapper .app-image,.applink-wrapper .babylink-image,.babylink-box .app-image,.babylink-box .babylink-image{margin:0 5% 0 0;display:inline-block;vertical-align:middle;width:40%}.applink-wrapper .app-title,.applink-wrapper .babylink-info,.babylink-box .app-title,.babylink-box .babylink-info{margin:0;display:inline-block;vertical-align:middle;width:55%}.applink-wrapper .app-info,.applink-wrapper .babylink-description,.babylink-box .app-info,.babylink-box .babylink-description{margin:1em 1.2em .5em 1.2em}.applink-wrapper .babylink-description,.babylink-box .babylink-description{line-height:1.8em}.applink-wrapper .babylink-manufacturer,.babylink-box .babylink-manufacturer{margin:.8em 0;line-height:1.8em}.applink-wrapper .babylink-title,.babylink-box .babylink-title{font-size:1em;margin:.8em 0;line-height:1.8em}.applink-wrapper .babylink-title a,.babylink-box .babylink-title a{display:block;padding:1em 0}.applink-wrapper .aicon,.babylink-box .aicon{position:absolute;display:none}.applink-wrapper .babylink-amazonBtn,.babylink-box .babylink-amazonBtn{margin:1.4em 0 1em 0;height:4em}.applink-wrapper .babylink-amazonBtn a.amb,.babylink-box .babylink-amazonBtn a.amb{-webkit-transition:.1s;-moz-transition:.1s;-o-transition:.1s;-webkit-transition:.1s;-moz-transition:.1s;-o-transition:.1s;-ms-transition:.1s;transition:.1s;font-size:1em;height:3.5em;line-height:3.5em;text-align:center;color:#fff;width:85%;margin:0 auto;padding:0;display:block;background-color:#f8981d;border-top:1px solid #fff;border-bottom:4px solid #c27006;border-radius:4px}.applink-wrapper .babylink-amazonBtn a.amb:hover,.babylink-box .babylink-amazonBtn a.amb:hover{color:#fff;border-top:4px solid #fff;border-bottom:1px solid #c27006}.applink-wrapper .amazon-icon:before,.babylink-box .amazon-icon:before{content:"\f270";font-family:fontawesome;color:#fff}.entry-content p.openMap{text-align:center}.entry-content .attention{border:1px solid #ce8a8a}.entry-content .attention h5.label,.entry-content .attention h6.label{color:#ce8a8a}.entry-content .r-download{border:1px solid #88a3c1}.entry-content .r-download h5.label,.entry-content .r-download h6.label{color:#88a3c1}.entry-content .r-memo{border:1px solid #88b9c1}.entry-content .r-memo h5.label,.entry-content .r-memo h6.label{color:#88b9c1}.entry-content .attention,.entry-content .babylink-box,.entry-content .r-download,.entry-content .r-memo{margin:2.2em 0;padding:0;border-radius:2px}.entry-content .attention h5.label,.entry-content .attention h6.label,.entry-content .babylink-box h5.label,.entry-content .babylink-box h6.label,.entry-content .r-download h5.label,.entry-content .r-download h6.label,.entry-content .r-memo h5.label,.entry-content .r-memo h6.label{background:0 0;background-color:none;border:none;border-bottom:none;border-left:none;border-right:none;border-top:none;margin:1.2em 1.5em;padding:0}.entry-content .attention h6.label,.entry-content .r-download h6.label,.entry-content .r-memo h6.label{font-size:1em}.entry-content .attention p.label,.entry-content .r-download p.label,.entry-content .r-memo p.label{font-size:.85em;margin:1.5em;padding:0}.entry-content .attention .amp-img-wrapper,.entry-content .attention table,.entry-content .r-download .amp-img-wrapper,.entry-content .r-download table,.entry-content .r-memo .amp-img-wrapper,.entry-content .r-memo table{margin:1.8em 1.8em 0 1.8em}.entry-content .attention dl,.entry-content .attention ol,.entry-content .attention ul{margin:1em 1em 1em 2em}.entry-content .r-download dl,.entry-content .r-download ol,.entry-content .r-download ul{margin:1em 1em 1em 2em}.entry-content .r-memo dl,.entry-content .r-memo ol,.entry-content .r-memo ul{margin:1em 1em 1em 2em}.entry-content .attention h5.label:before,.entry-content .attention h6.label:before{content:"\f071"}.entry-content .r-download h5.label:before,.entry-content .r-download h6.label:before{content:"\f019"}.entry-content .r-memo h5.label:before,.entry-content .r-memo h6.label:before{content:"\f0f6"}.entry-content .attention h5.label,.entry-content .attention h6.label,.entry-content .r-download h5.label,.entry-content .r-download h6.label,.entry-content .r-memo h5.label,.entry-content .r-memo h6.label{margin:1.8em 1.8em 0}.entry-content .attention h5.label:before,.entry-content .attention h6.label:before,.entry-content .r-download h5.label:before,.entry-content .r-download h6.label:before,.entry-content .r-memo h5.label:before,.entry-content .r-memo h6.label:before{margin:0 .5em 0 0;font-family:fontawesome}.entry-content .attention ol li,.entry-content .attention ul li{font-size:.85em}.entry-content .r-download ol li,.entry-content .r-download ul li{font-size:.85em}.entry-content .r-memo ol li,.entry-content .r-memo ul li{font-size:.85em}.entry-content .attention ul li:after,.entry-content .r-download ul li:after,.entry-content .r-memo ul li:after{top:.85em}.entry-content .attention p.label,.entry-content .r-download p.label,.entry-content .r-memo p.label{font-size:.85em;margin:1.8em}.amSimple{margin:1.8em 0;padding:1em 1.8em;position:relative;background-color:#f6f6f4}.amSimple p{margin:1em 0}amp-img,img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none}.imgCaption{text-align:center}.imgCaption span{font-size:.5em;color:#b6b6b6}.bcg{width:90%;margin:2.8em auto}.bcg-x-and-cell{width:100%;margin:0;position:relative;height:100%}.bcg-x-label{width:94%;margin:5px 0 0 6%;text-align:center}.bcg-y-label{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:sideways-right;width:6%;display:inline-block}.bcg-y-label-inner{position:absolute;top:50%;left:1%;display:inline-block;-webkit-transform:translate(-50%,-50%) rotate(180deg);-moz-transform:translate(-50%,-50%) rotate(180deg);-o-transform:translate(-50%,-50%) rotate(180deg);-ms-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg);text-align:center;height:100%}.label-circle{display:inline-block;padding:.2em;border-radius:50%;width:1.6em;height:1.6em;line-height:1.6em;font-size:.8em}.label-week{background-color:#758f94;color:#fff}.label-strong{background-color:#3c4b4e;color:#fff}.label-desc{margin:.8em;display:inline-block}.bcg-table-wrapper{margin:0;padding:0;width:94%;display:inline-block}.bcg-table{border-collapse:collapse}.bcg-table .bcg-td{width:50%;text-align:center;height:100px;border:1px solid #fff;margin:0;padding:0;font-size:1.2em}.bcg-table .def{background-color:#758f94;color:#fff}.bcg-table .em{background-color:#55696e;color:#fff}.bcg-table .strong{background-color:#3c4b4e;color:#fff}@media (min-width:800px){.article-nav,.entry-content,.entry-header,.entry-title{width:780px;margin:0 auto}.nav-container{width:800px;margin:0 auto}.meta-wrapper{width:760px;margin:20px auto}.site-author-info{width:760px;margin:20px auto}#footer .copyright-tool,#footer .homeLink{width:760px;margin:20px auto}}#hexo-amp-id-1{line-height:1.8em;padding:0}
Mac OSXの純正アプリケーション「Automator」では、自動でいくつかの処理を行うことが出来ます。
develop or drink ? photo by tea © その中でも新規ワークフローでjavascriptを実行
を使って、AppleScriptで利用できるjavascript 1.0を書いて実行することができます。ちなみに、ES6(ES2015)は使えません。
今回はjavascriptを使って、ターミナルを起動し、コマンドを自動入力させる方法をまとめてみたいと思います。
検索欄で「javascript」と入力すると、javascriptを実行が選択できる ©
目次
スクリプトエディタでjavascriptをデバッグする
まず、デバッグ環境について説明したいと思います。
Automatorで記述していくjavascriptは、Mac OSXの純正アプリケーション「スクリプトエディタ」でも実行やデバッグすることができます。
スクリプトエディタでデバッグできる ©
javascriptを使う際には、左上にあるAppleScript
をJavascript
に予め変更しておきましょう。
また、console.log()
で値を確認したい時には、スクリプトエディタ > 表示 > ログを隠す
でログを表示させる事ができるので、そこで値を確認することができます。
Automatorでターミナルを起動する
ターミナルをAutomatorから起動させるには、以下のスクリプトを記述します。
terminal-run.jsa1 2 3 4 5 6
| function run(input, parameters) { var Terminal = Application('Terminal') Terminal.activate() var terW1 = Terminal.windows[0] return input; }
|
terW1
で起動したターミナルウインドウを取得します。
また、ターミナルを一旦閉じてしまうと、ターミナルが起動した状態でありながら、ターミナル・ウインドウが1つもない状態となってしまいます。こういった状態の場合に、上記のコードを実行するとエラーとなります。
このような場合には、ウインドウのプロパティを取得してエラーが発生した際に、ターミナルの新規ウインドウを作成すると、回避する事ができます。
terminal-run.jsa1 2 3 4 5 6 7 8 9 10 11 12
| function run(input, parameters) { var Terminal = Application('Terminal') Terminal.activate() var terW1 = Terminal.windows[0] try{ console.log(terW1.selectedTab.properties()) }catch(e){ Terminal.doScript("echo 'Hi terminal window 1'"); terW1 = Terminal.windows[0] } return input; }
|
ターミナルのコマンド実行中は待機する
ターミナルのコマンドが実行中に、次のコマンドを入力するとエラーが発生します。
その為、ターミナルが実行中はスクリプトの実行を待機する必要があります。下記のサンプルコードでは、コマンドが終了するまでスクリプトを停止させるwaitDelay
を追加してみました。
terminal-run2.jsa1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
| function run(input, parameters) { var Terminal = Application('Terminal') Terminal.activate() var terW1 = Terminal.windows[0] try{ console.log(terW1.selectedTab.properties()) }catch(e){ Terminal.doScript("echo 'Hi terminal window 1'"); terW1 = Terminal.windows[0] } waitDelay(terW1) return input; }
function waitDelay(inTerminalWindow){ delay(1) while( inTerminalWindow.selectedTab.busy() ){ delay(1) console.log("待機中") } }
|
Automatorからターミナルコマンドを実行する
Automatorからコマンドを実行するには、doScript()
を使います。
例えば、ディレクトリを変更する場合には以下のようなコードを記述していきます。
terminal-cd.jsa1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
| function run(input, parameters) { var Terminal = Application('Terminal') Terminal.activate() var terW1 = Terminal.windows[0] try{ console.log(terW1.selectedTab.properties()) }catch(e){ Terminal.doScript("echo 'Hi terminal window 1'"); terW1 = Terminal.windows[0] } waitDelay(terW1) Terminal.doScript( 'cd \"$HOME/Desktop/your-dir\"' , {in: terW1} ) waitDelay(terW1) return input; }
function waitDelay(inTerminalWindow){ delay(1) while( inTerminalWindow.selectedTab.busy() ){ delay(1) console.log("待機中") } }
|
なお、コマンドラインの基礎に関しては、以下をご覧ください。
自身のブログ
コマンドラインを使ってみよう!Hexoの使い方と始め方
Automatorから複数のコマンドを実行していく
順番に2件以上のコマンドを実行していくには、waitDelay()
を挟みながら、doScript()
メソッド内でコマンドを書いていきます。
例えば、Automatorでnode.jsのプロジェクトを最新に更新して、コードを実行させるには次のように記述していきます。
terminal-commands.jsa1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
| function run(input, parameters) { var Terminal = Application('Terminal') Terminal.activate() var terW1 = Terminal.windows[0] try{ console.log(terW1.selectedTab.properties()) }catch(e){ Terminal.doScript("echo 'Hi terminal window 1'"); terW1 = Terminal.windows[0] } waitDelay(terW1) Terminal.doScript( 'cd \"$HOME/Desktop/your-dir\"' , {in: terW1} ) waitDelay(terW1) Terminal.doScript( 'git pull origin master' , {in: terW1} ) waitDelay(terW1) Terminal.doScript( 'nvm use 4.3.0' , {in: terW1} ) waitDelay(terW1) Terminal.doScript( 'node index.js' , {in: terW1} ) waitDelay(terW1) return input; }
function waitDelay(inTerminalWindow){ delay(1) while( inTerminalWindow.selectedTab.busy() ){ delay(1) console.log("待機中") } }
|
Automatorから起動したターミナルでキーボード入力させる
Automatorから起動したターミナルでキーの入力(例えば^C
など)させるには、次のgistが参考になります。
gist
jiaaro/hotkey_helpers.js
上記のコードを利用すると、press()
でキーボード入力を行うことができます。
例えば、以下のコードでは、サーバーを起動させ、5分後にサーバーを停止させるサンプルコードです。
terminal-server.jsa1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87
| function run(input, parameters) { var Terminal = Application('Terminal') Terminal.activate() var terW1 = Terminal.windows[0] try{ console.log(terW1.selectedTab.properties()) }catch(e){ Terminal.doScript("echo 'Hi terminal window 1'"); terW1 = Terminal.windows[0] } waitDelay(terW1) Terminal.doScript( 'cd \"$HOME/Desktop/your-dir\"' , {in: terW1} ) waitDelay(terW1) Terminal.doScript( 'hexo s' , {in: terW1} ) delay(300) press("^c") return input; }
function waitDelay(inTerminalWindow){ delay(1) while( inTerminalWindow.selectedTab.busy() ){ delay(1) console.log("待機中") } }
var key_codes = { "→": 124, "←": 123, "↑": 126, "↓": 125, "⏎": 36 };
var modifiers = { "⌘": "command down", "^": "control down", "⌥": "option down", "⇧": "shift down" };
function press(hotkey) { var using = []; while (hotkey.length > 1) { if (modifiers[hotkey[0]] == undefined) { throw new Error(hotkey[0] + " is not a recognized modifier key"); } using.push(modifiers[hotkey[0]]); hotkey = hotkey.slice(1); } if (key_codes[hotkey] != undefined) { sys.keyCode(key_codes[hotkey], {using: using}); } else { sys.keystroke(hotkey.toLowerCase(), {using: using}); } } function type(text) { for (var i=0; i < text.length; i++) { sys.keystroke(text[i]); } } function menu_item() { if (!arguments.length) return; var process = sys.processes.whose({"frontmost": true})[0]; var menu_bar = process.menuBars[0].menuBarItems[arguments[0]]; var menu_item = menu_bar; for (var i=1; i < arguments.length; i++) { menu_item = menu_item.menus[0].menuItems[arguments[i]]; } menu_item.click(); }
|
Automatorから複数のターミナルウインドウを新規作成する
複数の新規ターミナルウインドウを作成するには、doScript()
に第2引数(操作したいウインドウ)を指定せずに実行します。
以下は、3つのターミナルウインドウを作成するサンプルコードです。
terminal-create-windows.jsa1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
| function run(input, parameters) { var Terminal = Application('Terminal') Terminal.activate() var terW1 = Terminal.windows[0] try{ console.log(terW1.selectedTab.properties()) }catch(e){ Terminal.doScript("echo 'Hi terminal window 1'"); terW1 = Terminal.windows[0] } waitDelay(terW1) Terminal.doScript("echo 'Hi terminal window 2'"); var terW2 = Terminal.windows[0] waitDelay(terW2) Terminal.doScript("echo 'Hi terminal window 3'"); var terW3 = Terminal.windows[0] waitDelay(terW3) return input; }
function waitDelay(inTerminalWindow){ delay(1) while( inTerminalWindow.selectedTab.busy() ){ delay(1) console.log("待機中") } }
|
各ウインドウに対して、コマンドを実行するには次のように記述します。
ここで注意点ですが、手前のウインドウから奥のウインドウに向かって、0番目〜2番目となっているので、ウインドウの変数を扱う際に気をつけて下さい。
terminal-create-windows2.jsa1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
| function run(input, parameters) { var Terminal = Application('Terminal') Terminal.activate() var terW1 = Terminal.windows[0] try{ console.log(terW1.selectedTab.properties()) }catch(e){ Terminal.doScript("echo 'Hi terminal window 1'"); terW1 = Terminal.windows[0] } waitDelay(terW1) Terminal.doScript("echo 'Hi terminal window 2'"); var terW2 = Terminal.windows[0] waitDelay(terW2) Terminal.doScript("echo 'Hi terminal window 3'"); var terW3 = Terminal.windows[0] waitDelay(terW3) terW3 = Terminal.windows[0] terW2 = Terminal.windows[1] terW1 = Terminal.windows[2] Terminal.doScript( 'echo "created window 1"' , {in: terW1} ) waitDelay(terW1) Terminal.doScript( 'echo "created window 2"' , {in: terW2} ) waitDelay(terW2) Terminal.doScript( 'echo "created window 3"' , {in: terW3} ) waitDelay(terW3) return input; }
function waitDelay(inTerminalWindow){ delay(1) while( inTerminalWindow.selectedTab.busy() ){ delay(1) console.log("待機中") } }
|
ということで
今回はMac OSX純正アプリの「Automator」から実行できるAppleScript対応のjavascriptで、ターミナルを実行する方法をまとめました。
コマンドをアプリ1クリックで、自動的に色々な処理を走らせることができて大変便利です。サンプルコードではコマンドを逐次実行する方法や、複数ウインドウの作成方法を解説しました。よろしければ参考にしてください。
参考資料
以下の記事を一部参考にさせていただきました。ありがとうございます。
Qiita
Terminalで「すぐに消せ」ごっこ (Mac, JXA)