11
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

esaAdvent Calendar 2015

Day 12

esaのChrome Extensionを書いてみた

Last updated at Posted at 2015-12-11

esa Advent Calendar 2015 - Qiitaの12日目の記事です。
前回は@tbpgrさんの回転esaでした。

こんにちは :smile:
esa.io便利ですよね! アイコンかわいいですよね! → "(( ⁰⊖⁰)/)"
普段会社では、Confluenceを使用しているのでが、個人ではメモ書き用に使用させてもらってます。

また、中の人の@fukayatsuさん、@ken_c_loさんの発表資料を見て

やれることをやる
毎日がドッグフーディング/心からのドッグフーディング

などモチベーション維持の姿勢や、ポリシーがカッコイイなと思い、
サービスだけではなく、とても刺激になっています。

そんなステキなesaなのですが、、
一貫したデザイン、markdownの入力、リアルタイムプレビュー等不満は無いのですが、
フォームの入力欄がもう少し横に長いといいのにな-
出来たら何か書いている際はプレビューを隠せたらいいのにな-
と思っていました。。

そこで、今回プレビューをトグルするためのボタンをChrome Extensionとして作成しました。1
(おまけでフォーム入力欄とプレビューの左右切り替え用ボタンも設置しています) ← 使うかな?

トグルボタン

esa-toggle-off.png

プレビューを閉じる
esa-toggle-on.png

左右反転

esa-swap.png

という感じで無理矢理トグル用・左右反転用のボタンをヘッダ部に突っ込み、表示/非表示を切り替えられるようにしました。

まだ、storeに公開は出来ていないのですが、GitHubからソースを落としてきてアドオンに追加することで使用可能です。2

これだけの最低限の機能しか実装していないのですが、トグル用のキーボードショートカットもあると便利だなと考えているので気が向いたら作ります。
コードはGithubに公開しているので興味のある方は見てみてください!
to4iki/esa.ExpandinizR

まとめ

Chrome Extension意外と簡単に作れた
esaステキ"(( ⁰⊖⁰)/)"

  1. chrome拡張作成したこと無かったので勉強したい + ES2015を書きたいというモチベーションもあったので

  2. icon画像など準備できたら公開する予定です

11
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?