自作Webサービス「ピピッとPDF」を公開！ネット上のPDFを見栄え良く紹介可能！

あとで読むスポンサーリンク

自作Webサービス

新しいWebサービスのアイデアを昨日の帰り道に思いついたのでサクッと作ってみました！
その名も

ピピッとPDF

です(^-^)/

え？

「PDF関連なのは分かるけど何が出来るのが分からない」

ですって？

ですよね～(^-^;
いつも作るWebサービスは割と直接的なネーミングにしてきました。
「ブログランキングPING送信」ですとか「MVNO比較一覧」ですとか。
分かりやすい方が良いのかな、と思って名前を付けてきたのですが、どうもいまいちインパクトに欠ける様で、ほとんど話題になる事なく過ぎてきました(T_T)
そこで

「たまには目立つ名前を付けてもいいんじゃ！」

と思い立ち、思いついた名前がピピッとPDFです！

Webサービス「ピピっとPDF」は下記リンクから使う事が出来ます。

ピピっとPDF | マネー報道 Webサービス　

何が出来るの？

で、Webサービスの解説ですが、
ネット上のPDFファイルを画像付きでコード出力してブログとかに貼って紹介できる
サービスになります(^-^)v

既存のWebサービスの「記事紹介ジェネレーター」のPDF版と考えて頂ければ良いかと思います。
Webサービス「記事紹介ジェネレーター」の紹介記事は下記になります。

ネット上には色々な資料がPDFとして公開されていたりします。
しかしPDFはヘッダー情報とかを持たないために、リンクで紹介してもPDFの内容も分からないし、パッとしなくて見栄えが悪い、という弱い部分があります。

それを少しでも見栄え良く紹介できる様に、と言うことで出番なのが「ピピっとPDF」です。

いまいちピンと来ませんよね(^o^;
そう言う時には実際に使って何が出来るのかを見て頂く方が早いのかな、と。

例えば、「Javaコーディング標準」のPDFがネット上に公開されていますが、普通に紹介すると下記リンクみたいになってしまいます。

http://objectclub.jp/community/codingstandard/CodingStd.pdf

それをピピっとPDFを使えば、下記のように見栄えよく紹介できます(^-^)/

Java コーディング標準　

どうですか？
この記事を読んでいる人の内、100人に1人くらいは「使いたい！」と思ってくれるのではないかと(^o^;

ピピっとPDFの使い方

まずはURLにアクセス！
下記リンクがWebサービス「ピピっとPDF」のリンクになります。

ピピっとPDF | マネー報道 Webサービス

作業ステップは下記の様になります。

初期表示画面はこんな感じ。
f:id:MoneyReport:20160720234936j:plain

「Enter PDF URL」欄にPDFのURLを貼り付けます。
次に「PDFタイトル」欄にPDFのタイトルを入力します。（PDFファイルからタイトルは自動では取得出来ないので手動入力をお願いします）
この2箇所のテキストボックスは入力必須なので、入力してから「コード出力」ボタンを押しましょう
f:id:MoneyReport:20160720235515j:plain

すると「Output Code」欄にブログ等に貼り付ける様のHTMLコードが出力され、下部にはプレビュー表示もされます。
f:id:MoneyReport:20160720235731j:plain

「Output Code」欄をクリックするとコード全部が反転表示されますので、コピーして下さい。
f:id:MoneyReport:20160720235824j:plain

実際のコードは下記のように表示されます。

<div class="intro-article-wrapper" style="width: 100%; overflow: auto;">
  <a class="intro-article-img" href="http://objectclub.jp/community/codingstandard/CodingStd.pdf" target="_blank" style="float:left; padding-right:10px;">
    <img src="https://capture.heartrails.com/150x200/shadow?https://objectclub.jp/community/codingstandard/CodingStd.pdf" width="150" height="200" align="left" alt="Java コーディング標準">
  </a>
  <a class="intro-article-title" href="http://objectclub.jp/community/codingstandard/CodingStd.pdf" target="_blank" style="font-size:110%;">
    Java コーディング標準
  </a>　
  <img src="https://b.hatena.ne.jp/entry/image/https://objectclub.jp/community/codingstandard/CodingStd.pdf" style="opacity:0.8;">
</div>