こんにちは!Taiです!(@tantakataitai)
最近Webアプリ開発を始めたのですが、環境セットアップが面倒だったので作業を効率化させる方法を調べたので自分なりのやり方をまとめたいと思います。
・MacOSを使用している方
・Webアプリ開発を行なっている方
・Atomを使用している方
・作業効率をあげたい方
作業効率化方法2選
今回は以下を実現したいと思います。
②Atom上でターミナルやGitを使用する
①の実現のためにMacOSのショートカットアプリを利用する
MacOSMontereyからMacOSでもお馴染みのショートカットアプリが使用できるようになりました。
そこでショートカットアプリを使用して、シェルスクリプトに以下のコードを書きます。
cd <開きたいプロジェクトフォルダ> #<開きたいプロジェクトフォルダ>へ
Atom .
やってることはシンプルで編集したいプロジェクトフォルダへカレンとディレクトリを変更し、Atomでそのディレクトリにある全てのファイルを開いています。
その後にローカルホストのアドレス(http://localhost:3000/)をSafariで開けることにします。
ショートカットとしてはこれで完了で、あとは上記画像の右側の赤枠内「メニューバーにピン固定」にチェックを入れることで以下のように作成したショートカットをメニューバーから使用することができます。
![](https://i0.wp.com/taikichi.com/wp-content/uploads/2021/12/shortcut2.jpg?resize=600%2C350&ssl=1)
背景がバンコクなのは気にしないでください笑
②の実現のためにAtomのターミナルプラグインや純正機能を利用する
ターミナル用に使う以下のプラグインをAtomにインストールします。
![](https://taikichi.com/wp-content/uploads/cocoon-resources/blog-card-cache/58d3e9ef9805274b8846afb670f8e890.png)
インストール方法はAtom画面から以下の設定画面(Cmd+ ,でも可能)を開き
「platformio-ide-terminal」と打ち込んでインストールするだけで完了です。
これで(Cmd+Opt+t/Ctrl+`)のショートカットキーを押すと下部の赤枠のようにターミナルが使用できるようになります。
また、Atomでは以下右手のGit機能もエディタから利用できます。
Atom上で行うことができ、コマンド不要でプッシュまで数秒で完了するのでかなり重宝しています。
最後に
いかがだったでしょうか?
上記はあくまでも個人的に使用している方法ですが、これよりも便利な方法もきっとあると思いますのでその際はコメントいただければと思います。
このブログではその他にもライフハックや海外旅情報、語学学習方法を発信しています。以下の記事もあわせてご覧ください。
![](https://i0.wp.com/taikichi.com/wp-content/uploads/2021/12/milk3-160x90.jpg?ssl=1)
![](https://i0.wp.com/taikichi.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-04-9.27.43-160x90.jpg?ssl=1)
![](https://i0.wp.com/taikichi.com/wp-content/uploads/2021/11/deepl_logo_600_300-160x90.png?ssl=1)
The Complete 2022 Web Development Bootcamp
![](https://i0.wp.com/taikichi.com/wp-content/uploads/2021/12/angela.jpeg?resize=550%2C310&ssl=1)
![](https://i0.wp.com/taikichi.com/wp-content/uploads/2021/12/angela.jpeg?resize=550%2C310&ssl=1)
こちらは実際に筆者が購入し、HTML/CSS/BootStrap/Javascript/JQuery/Node.js/EJS/React/SQL/MongoDBなどの技術をプロジェクトベースで学習することができました。
英語のコースなのですが、将来英語とエンジニアは切っても切れない関係にあるのでこの際に同時に学んでみるのもおすすめです。
コメント