>AppHTMLに「ダウンロードする」ボタンを追加しましたAppHTMLに「ダウンロードする」ボタンを追加しました2012/12/24ブログのことどうもクリぼっち@_tenbiです。最近、AppHTMLに「ダウンロード」ボタンをつけるのが流行っているようなので、僕も流れに乗って付けてみました。delaymania意外と簡単。用意したソフトMacで画像編集が出来るソフトと言えばPhotoShopとPixelmaterぐらいしか無いですよね。今回はPixelmaterで作成しました。Storeで詳細を見る↑上の「アプリをダウンロードする」というボタンを作ったわけです。Pixelmaterの使い方はここのサイトが参考になりました。[デザイン]Pixelmatorを買ったので、チュートリアルサイト集めた。画像をアップロード左にあるサイドバーの「メディア」から新規追加を選択。「ファイルを選択」でFinderが開くので、先ほど作った画像を選択して「開く」。これでアップロードが完了します。次に、アップロードした画像のURLを取得します。メディア→ライブラリとアクセスして、お目当ての画像を見つけたら「編集」。画像の編集画面で右の「ファイルのURL」をコピー。これでコピー出来ているはずなので、テキストエディタにでもペーストしておいて下さい。ソースを作成AppHTMLのソースを作ります。ここではDelaymaniaの記事のソースをそのまま使用しています。delaymania※画像のURLはご自身でアップロードした画像のURLをご使用下さい。最後に、先ほどのコードをAppHTMLメーカーでブックマークレットにします。リンクシェアIDにご自身のIDを、出力方法を選択したら、「以下をカスタマイズ...」の部分に先ほどのコードをペーストします。あとは「生成」で終了です。ブックマークバーにドラッグ&ドロップすればOK!最後にPixelmaterで画像を作ったのはブログロゴに続いて二回目なのですが、簡単にそれっぽい画像が作れるので楽です。個性を出してみたい方はAppHTMLのカスタマイズおすすめです。