エディ太郎のアイコンを変えた

前回の記事でアイコンを変えたい、なぜなら元のアイコンは改名前のアプリ名「dddraft」を模したものだから。 という話を書きました通り、さっそくアイコンを差し替えた「エディ太郎 1.3.0」をリリース致しました。

エディ太郎 - 下書き専用テキストエディタ

メールやチャットへ投稿する前に、下書きを書くための *ファイルを編集できない* テキストエディタ

新アイコン

前回のアイコンに引き続き、グラデーションを取り入れたデザインとなっています。 個人的にリニューアル後の Instagram アイコンが好きで、どこかでモダンな感じのグラデーションを使いたいと秘めていた気持ちがありました。 それっぽいのになってうれしい。それっぽいのになってるかな?

ちなみにこのアイコン、HTML と CSS で作りました。 ↑に表示されているのも実は画像ではありません。 以下のちょっとしたコードで描画されています。

<div class="editaro-icon">
  <div class="editaro-icon-inner">
    <div class="editaro-icon-prompt"></div>
  </div>
</div>
.editaro-icon {
  width: 260px;
  height: 200px;
  background: linear-gradient(to bottom, #ea27ff, #0069ff);
  border-radius: 16px;
  margin: 50px auto;
  padding: 8px;
}
.editaro-icon-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: 10px;
}
.editaro-icon-prompt {
  position: absolute;
  top: 18px;
  left: 20px;
  width: 10px;
  height: 50px;
  background: #FFF;
}

モダンブラウザ以外だと崩れてるのかも?(未確認)

これをChromeに表示させたらスクショしてフォトショで空白部分を調整するだけ。アプリ用に electron-icon-generator を使ってパッケージングすると完了です。Instagram 公式アイコンみたいに”本物のデザイン”をするには物足りないですけど、簡単なパーツで構成するちょっとしたアイコンならこんな方法で十分なんですよね。

もう一つのエディ太郎

今すぐダウンロード

あまりにもエディ太郎を理解したアイコンが突然飛んできました。 ダサ感を出しつつも知っててやっているこの感じ。 30億のデバイスで走らせる高い志を予想させます。 このままこれを利用させてもらうのも良かったのですが、 今後エディ太郎の運命がどうなるかわからない (そのつもりはないですが、シェアウェアになったり、問題が起きて叩かれの対象になる可能性も0ではない) ため、自前のものを引き続き利用するかとなりました。 thx! @lunar0

これはこれで、「テキスト侍」みたいな名前で、別のアプリ作っても良いかも。


2018年11月12日

dddraft の名前が「エディ太郎」に変わりました

リリースして1週間も経っていませんが、名前が変わりました。 dddraft 変わりまして「エディ太郎」こと「Editaro」です。よろしくお願いします。 チャットとかの下書き専用のテキストエディタです。 チャットとかの下書き専用テキストエディタを作った | 9m…

2018年11月06日

チャットとかの下書き専用テキストエディタを作った

11月11日 dddraft は「エディ太郎」に名前が変更になりました 🙏 https://editaro.com…

2018年10月21日

BOSE QuietComfort 35 のイヤーパッドをお洒落に交換する

BOSE QuietComfort 3…

2018年10月08日

Qi充電ができるスマートフォンホールドリング「MOMO STICK」

免責事項 タイトルに「Qi 充電ができる」と書きましたが、自分の使っている充電器 + iPhone XS Max…

2018年08月20日

Japan Digital Design 株式会社にジョインしました

8月から Japan Digital Design 株式会社 にジョインすることになりました。 メインの職場としては かなめい株式会社 のままです。 ジョインのきっかけ 今年3月に行われた三菱UFJ銀行主催のハッカソン Fintech Challenge 201…