Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

esaのChrome Extensionを書いてみた

More than 5 years have passed since last update.

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画像など準備できたら公開する予定です 

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away