AppHtmlメーカー PHG対応版(改良)iPhoneやMacのApp Storeアプリを手軽に紹介できるサービス

      2016/04/24

apphtml-for-phg

以前、自分用に作成したAppHtmlメーカー PHG対応版ですが、アイコンの画像が出力できない状態でしたので、それの修正と細かい改良を行いました。

元祖AppHtmlメーカーと同じく、簡単にiPhoneやiPad、Mac Appの紹介ができるので、手軽に使用できるものになっています。

AppHtmlメーカー for PHG


AppHtmlメーカー for PHG
元祖AppHtmlメーカーと同じく、簡単にiPhoneやiPad、Mac Appの紹介ができる「AppHtmlメーカー PHG対応版」を作成しましたので公開します。


こちらのリンクよりブックマークレットを作成して下さい。

作成したAppHtmlの使用方法


1.作成したブックマークレットをブックマークしてください。



2.Chromeで実行した場合、シールドアイコンをクリックして「安全でないスクリプトを読み込む」をクリック→再度実行することで利用できます。



3.何も選択しないで実行するとアプリ名の入力画面になります。

04

4.アプリ名を選択した状態でクリックすると、アプリの選択画面になります。



5.紹介したいアプリの欄で「キャンセル」をクリック



6.作成されたHTMLを確認して、使用します。



※「itunes.apple.com」だと上のnavが邪魔なので、Stylishなどで消しておくと便利です。

AppHtmlメーカー PHG対応版で使えそうな画像


Mac App Store

Mac App Storeで見る

<img src="https://sites.google.com/site/ichitasofile/home/apphtml/viewinmacappstore_jp.png" width="138" alt="App Store">




Mac App Store

<img src="https://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_macappstore-sm.png" width="81" alt="App Store">




App Store

App Store

<img src="https://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_appstore-sm.png" width="60" alt="App Store">




App Store

<img src="https://sites.google.com/site/ichitasofile/home/apphtml/link-badge-appstore.png" width="136" alt="App Store">

作成にあたって


iTunes Search API」こちらを参考にしました。

作成例

Procreate 3.0.4(¥720)
App ※記事公開時

iPad専用のスケッチ、ペイント、イラストレーションするためのアプリ。




Prompt 2 - SSH クライアント・コンソール・ターミナル 2.5.2(¥960) ※記事公開時
販売元: Panic, Inc. - Panic, Inc.(サイズ: 15.2 MB)
全てのバージョンの評価: (24件の評価)
+ iPhone/iPadの両方に対応

高機能なSSHクライアント。Jailbreakしていれば、iOSデバイスに接続してTerminalの操作を行うことが出来る。

このような形で作成できます。




他にも同様のサービスがありますが、クレジット表記が必要だったり、高機能すぎて操作がよくわからなかったりあったので、シンプルなこちらのものを作成しました。

iPhone、iPad、Macのアプリが紹介できればいいだけなので、それ以外のものに対応をする予定はありません。

CSSで自分好みにカスタマイズしてみてください。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitter でWillFeelTipsをフォローしよう!


  関連記事

Windows VMwareのOS X Lionを10.7.5 Mountain Lionを10.8.2にアップデートする方法

『WindowsにMac OS X Lion をインストールする方法』でWind ...

【Hackintosh】OSx86 WinPCにSnow Leopard10.6.8をInstallする方法

[Photo:Snow Leopard Inspired by ~djog] W ...

AssistiveTouchをカスタマイズしてiPhoneを便利に使う方法

iOSの機能でAssistiveTouchというものが有りますが、使用している方 ...

Windows上のVMwareでOS X 10.8 Mountain Lionを動作させる方法

VMwareを使用してWindows上でOS X 10.8 Mountain L ...

[email protected]をPCで管理・運用する方法 ~ブラウザから始めよう

LINE@を始めて一週間くらい経ちました。自分の場合ですが、利用する機会といえば ...

  • 16
  • B!
  • LINEへ送る

 - app, iPhone, Mac, Web service