ゲームやWEB関係がメイン。まとまりのない雑記ブログ

WEB関係

Atomのactivate power modeを使ってドヤる

更新日:

Webデザイナーがコーディングするためには欠かせないエディタ。

同じ社内でも人によって使っているエディタが全然違う場合もあるでしょう。

社員A
コーディングするならやはりDreamweaverです。
Web制作ツールとして文句なしの機能。
社員B
いやWeb制作ならCodaが一番使いやすいだろwww
社員C
Bracketsこそ万能の神。
社員D
Sublime Textが軽くて最強なんだよなぁ…

僕はずっとDreamweaverとSublime Textを気分によって使い分けていたけど、ついに理想のエディタ「Atom」を見つけてしまいました。

「Atom」のプラグイン「activate power mode」がゲーマーの僕には魅力的すぎた。

「activate power mode」のプラグイン(パッケージ)を入れるとこんな感じ↓

文字を打つたびにエフェクトが発生して画面が揺れ、コンボが増えていく…

強い(確信)

面倒なコーディングもゲーム感覚で楽しくなり、作業効率が上がること間違いなし!

僕はこの「activate power mode」で他の社員にドヤりたいがために早速インストールしました。

案の定、僕のコーディング風景を見て食いついてきましたが、みんな使い出すと面白くないため、詳細は教えていない。

社内にはWeb制作とは関係ない人もいるので、このコーディング画面を見て「Webデザイナーってなんか凄いことやってる」と勝手に思ってくれてます。

「Atom」のエディタ自体は無料で、インストールも簡単です。

Atomのインストール方法

まずはAtomの公式サイトからダウンロード。

Windowsならダウンロードしたファイルを起動して、インストールを行ってください。
Macはダンロードしたzipファイルを解凍してAtom.appをアプリフォルダに突っ込みましょう。

まずは日本語化対応

パッケージのインストール画面を開きます。

Windowsなら「Ctrl + ,」、Macなら「command + ,」で設定画面を開けます。

左側に「Install」という項目があるはずなので、選択。

パッケージのインストール画面で「japanese-menu」と入力。

候補に出てきた「japanese-menu」のInstallをクリックして完了です。

activate power modeを導入

日本語化と同じく、パッケージをインストールするだけです。

パッケージのインストール画面で「activate-power-mode」と入力。

候補に出てきた「activate-power-mode」のInstallをクリックして完了です。

設定でエフェクトの色を変更できたりしますが、Randomが綺麗なのでオススメです。

インストールすればカッコいいエディタの完成です。存分にドヤりましょう。

あまりコンボを繋げすぎると若干エディタが重くなってしまうデメリットがあるので、1000Comboくらいで一旦切ったほうがいいかもしれません。
普通にやってたらそんなに繋がりませんが…

まとめ

今回「activate-power-mode」しか紹介してませんが、AtomのエディタはHTMLの補完だったりプレビュー機能など、色々なパッケージがあります。

しかし、そんなことはどうでもいい。

ただ、カッコよくコーディングをしたいがためにAtomのエディタに乗り換えました。

仕事で使うにも関わらず、全ての効率を捨ててネタに走る男(・∀・)

とはいえ、Atomの機能自体はネタではなく高性能で、先程も書いたようにWeb制作向けのパッケージも豊富です。

カスタマイズすればSublime Textに近い感覚で使えるようにもなるので、実は普通にWebデザイナーにおすすめできるエディタです。







関連記事

Advanced Custom Fieldsの設定が保存されない時の対処法

お手軽にカスタムフィールドを作成できるWordPressプラグイン「Advanced Custom Fields」 いつも通りフィールドを追加して保存したはずなのに、何故か追加したフィールドが反映され …

WordPressでユーザーを一括登録する「Import Users from CSV」の使い方

WordPressを複数のユーザーで管理したい時、1人ずつ登録するのは大変だと思います。 そんな時はWordPressのプラグイン「Import Users from CSV」を使って効率化しましょう …

WordPress5.0へのアップデートはまだ待ったほうがよさそう

2018年12月6日にWordPressの最新バージョン5.0がリリースされました。 今回のメジャーアップデートはエディターが新しいものに変わるということで、注目していた人も多いと思いますが… やっぱ …

【3分で完成】CSS3だけでSVGアニメーションロゴ作ってみた

あまりにも地味すぎて、気づいている人はいないかもしれないけど…このブログのロゴはSVGをアニメーションさせています。 ページを読み込んだ時、線を書くようなアニメーションでロゴが表示されます。 イラスト …

ワイヤーフレームを作るならAdobe Compが超実用的【iPad・スマホ】

最近iPad Proを買ってから、ワイヤーフレームはずっとAdobe Compで作っています。便利すぎる。 Webサイトの制作を進める工程で、デザイン、コーディング、システム制作などがありますが、序盤 …

この記事をシェアする

ranking人気の記事

plofileプロフィール

運営者:ERA
職業:WEBクリエイター
趣味:ゲーム
仕事中はずっとパソコン、家に帰るとずっとゲームをして1日中ブルーライトを浴び続ける生活をしています。
詳細はこちら