2010.11.12
Twitter 公式ナビゲーター twinavi [ツイナビ]に
「ついったー名刺ジェネレータ」が掲載されました。

ABOUT - このサイトについて

ついったー名刺ジェネレータとは？

2009年6月1日に公開しました『ついったー名刺ジェネレータ twitter meishi generator』。
Twitterでは2007年～今日まで様々なオフ会が各地で開催されています。
そんなオフ会や飲み会、異業種交流会等で使えるTwitter用の名刺を作ることができるサイトです。

制作、開発、管理は@faaがやっております。また、2010年から@negi_orzと共同開発をしております！

サイトを作ったきっかけ

制作者である@faaは2007年からいろいろなTwitterのオフ会に参加し、たくさんの方々に出会い、素敵なつながりが生まれました。
Twitterのオフ会では必ずと言っていいほど、初めましての名刺交換がありました。
会社名刺の方もいれば、オリジナルで作成した名刺の方も。
その中で名刺がないよー、作れないよーっていう方がいました。
なぜ作れないのかお伺いしたところ、名刺のデザインができないから、名刺に何を載せたらいいのか分からないという意見が。

あ！だったら、ネットで簡単にTwitter用の名刺を作れるサイトがあったらいいんじゃないかな！名刺のテンプレートも用意しよう！
こうして、プログラムが全然できないへっぽこWEBデザイナーの@faaがこつこつとマッタリ作ったのが、このサイトです。

@faaの個人的な趣味での開発であり、またプログラムのお勉強のためでもあるこのサイトは、
個人運営でのWEBサービスサイトですので、マッタリと自由に制作、開発していきます！

モットーや方針

1. 名刺デザインが得意でない方や、ちょっと遊びたい方用のWEBサービス
   正直なところ、名刺のデザインが得意な方はオリジナルで素敵な名刺を作ればいいと思います。
   デザインとか苦手ーって方や、ちょっとおもしろそうだしやってみようっていう方向けのWEBサービス。
2. 名刺を作るというよりもtwitterとのマッシュアップ度を高めた遊びサイト！
   名刺を作るならふきだし部分、その他項目を編集できるようにするべきですが、
   あくまで当サイトはtwitterにある情報を取得し、名刺に反映させる遊び感覚のしくみ。
   tweetやURL、Bioの修正はtwitter上でお願いします！
3. できるだけ、簡単に素敵な名刺ができちゃう仕様に！
   あまり選択項目を選ばせずに、まずは簡単にOAuth認証やついったーIDを入力して名刺作成できるようにする。
   ２回目からの作成はいろいろ項目を選んで作ることも可能にする！テンプレート選択など！
4. 名刺テンプレートは制作者様の傑作！
   基本名刺に出力させる項目はテンプレートの制作者の皆様におまかせ！
   twitterにある情報でどれを表示させたいか、させたくないか。
   配置を考えたり、記載情報を選んでいただくよりも、制作者の方におまかせして作っちゃえ！

ご意見ご要望、素敵な改善アイデアがありましたら、@faaまで宜しくお願いしまっす！＞＜

HELP - このサイトの使い方

Twitterにサインインしてから名刺を作る！

1. 「Twitterにサインイン」のボタンをクリック。
2. Twitterの認証画面が表示されるので、認証をお願いします。
3. 貴方のTwitterの情報を名刺に記載するために
   アクセス権限を当サイトに許可しても良いかを聞いてくるので許可をクリック！
4. 当サイトに戻り、サインインが成功していれば、左にアイコンが表示されます。
5. 「ついったー名刺を作る！」をクリックして名刺を作ってね！

※上手くサインインができない場合は、twitterAPIが使えない状況か短時間内での多重アクセスですので、しばらくしてから、サインインしてください。

「Twitterにサインイン」はOAuth認証で行っております。
サインイン（ログイン）の時のパスワードやトークンについては一切保存しておりません。また閲覧しておりません。
情報につきまして、名刺に記載する情報以外は取得しておりません。また、プログラムの処理に使用以外は使用せず、ログも保存しておりません。
この件に関しましては制作者への信頼となるので、ご不安の場合は、twitterユーザーIDから入力して名刺を作成してください。

TwitterユーザーIDを入力し名刺を作る！

1. 左の「TwitterユーザーID」にTwitterIDを入力。
   （twitter.com/○○←この部分）
2. 入力していただくと、下のURLにも反映されます。
   （URLのリンクも反映されていますので、ご確認ください）
3. 「ついったー名刺を作る！」をクリックして名刺を作ってね！

twitter名刺ジェネレータの仕様

• Twitterのアイコン出力はJPG, GIF, PNGのみ対応しています。
• 作成された名刺画像のまわりはある程度ヌリタシを入れています。
• 名刺のフォントはフリーフォント「M+1P+IPAG」を使っています。
• QRコードはTwitterのアカウントのURL（http://twitter.com/○○）と自己紹介欄のWEB(URL)に記載しているURLの２つを載せてます。
  QRコード作成はQR codes (Developer's Guide - Google Chart API)で行っています。
  QRコードは株式会社デンソーウェーブの商標です。

HISTORY - このサイトの制作開発履歴

変更予定・したいこと

• できるだけ、ついったーIDを入力してクリックするだけで簡単に素敵に名刺ができちゃうをモットーに！
• 名刺出力処理が重いので、より軽く、より美しく、より快適に！
• ページデザイン調整、より素敵ページに！
• 名刺のふきだし内の文字の調整（折り返し、フォントサイズ調整）
• 名刺テンプレート追加、ついったらーのデザイナーさんとコラボ！コラボしてくださる方は@faaまで！

変更履歴・やったこと

• 12.01.20

  あけましておめでとうございます。今年もよろしくです。
  前回のシステム変更の際に小さいアイコン画像で出力されてしまう問題があり、修正致しました。
  また、縦向き名刺のトリムPDF出力際のズレについても修正致しました。
  (教えていただいた方 @kokubucameraさん thx!)

• 11.12.28

  twitterの仕様が変わりました（スクレイピングができなくなりました）ので、一時的に名刺を作ることができませんでしたが、本日、別方法でのシステムに変更しましたので、以前と同じように作成することが可能です！
  ※ただし、ステータスから名刺を作成する方法は現在使用できません。
  一時的に名刺を作ることができず、ご迷惑をおかけしましたが、今後とも宜しくお願い致します。

• 11.05.23

  @jj303さん作名刺デザインテンプレートを新規追加致しました！
  中世風のようなクラシック、お洒落なデザインです！早速作ってみてはいかがでしょうか？

• 10.11.12

  Twitter 公式ナビゲーター twinavi [ツイナビ]に「ついったー名刺ジェネレータ」が掲載されました。
  → http://twinavi.jp/news/detail/9950
  これからも、より素敵なサイト、WEBサービスにしていきますので、マッタリとよろしくです！

• 10.10.13

  縦名刺のPDF出力、画像回転の部分など、いろいろ修正。
  またデフォルトアイコンやアイコン名が特殊な人の場合の名刺出力部分も修正。
  (教えていただいた方 @kokubucameraさん thx!)

• 10.10.10

  「ついったー名刺ジェネレータ」をリニューアル！正式公開しました！
  まだまだ発展途上サイトですが、今後もどんどん更新、改善していきます！ ご意見、ご感想、バグ報告ありましたら、@faaまでお問い合わせくださいませ！

• 10.10.01

  「ついったー名刺ジェネレータ」をリニューアルしました。
  まだまだできていないところがありますが、ひとまず、ベータ版で公開しまっす！
  ご意見、ご感想をお待ちしております！！

• 10.09.27

  サーバを変更作業の際、DNS切り替えが遅れたため、22～24日の間にサイトが繋がらない問題がありました。申し訳ありません。現在は繋がっております。
  現在、リニューアル作業中です。本番公開は10日1日予定！

• 10.09.01

  7月くらいにリニューアル予定でしたが、やっぱり忙しいですねー。
  ということで、遅くなりましたが、2010年9月末に当サイトリニューアルを行い、10月1日に正式公開します！
  それから、公式Tweetボタンと、backtypeさんのボタンとはてブのブクマ数表示的なのも設置してみました。

• 10.06.01

  ついったー名刺ジェネレータが１周年を迎えました！みなさまありがとうございます！
  開発者faaがちょっといろいろあって、開発できない状況なのですが、
  開発は７月からがっつり行いますので、近々７月くらいにリニューアルなどします！
  しばしお待ちくださいませ！

• 10.02.22

  Twitterページ右の自己紹介欄のURLを指定していない場合のQRコードを「m.twitter.com」のユーザーページURLにしていたのを「twtr.jp/user/」（日本語版）に変更しました。QRコードからアクセスすることで、携帯ページ及び、PCページのURLとしてアクセスできるように致しました！

• 10.01.25

  一部のアカウントでBioが取得できない問題を解決させた。
  どうやら、発言、Bioなどに改行がある方は取得できない状態でしたので、取得できるように致しました！

• 10.01.13

  一部のアカウントでBioが取得できない場合があります。
  修正致しますので、しばしお待ちくださいませ。

• 09.12.02

  最新の発言や、status発言が取得できなかったのを修正。
  (教えていただいた方 @yoshiokaさん thx!)

• 09.09.24

  シルバーウィークの間、ついったー名刺ジェネレータが使えない問題が起きていました。申し訳ありませんでした。
  原因はtwitterがログインしないとプロフィール画像が表示されなくなってたらしく、このついったー名刺ジェネレータがソースをスクレイピングしていたので、画像を取得することができなかったようです。現在はtwitterがのログインしないとプロフィール画像が表示されなくなってが戻されたらしいので、問題なく使えています。
  スクレイピングはソース自体が変わってしまうと、使えなくなっちゃうので、APIでも使えるように今後対応していきます。
  (情報元 @oqunoさん thx!)

• 09.08.26

  大きいサイズでの名刺出力の際、ふきだしの改行が崩れていたのを修正。
• キャッチの文章を変更。（他のついったらーID推奨なイメージだったので。）
• リニューアル後のバグが多すぎですいません＞＜
  「ここ変だよ！」てなところがありましたら、もしよければご連絡いただけましたら助かります！

• 09.08.21

  ついったー名刺ジェネレータ×tmixコラボ企画！
  ついったー名刺ジェネレータと、ウェブだけでだれでもかんたんにオリジナルTシャツを作ることができるtmixがコラボしました！
  「名刺を作る！」ボタンををクリックした後に出てくる「tmixとコラボ！」をクリックすることでtmixへ名刺画像をコラボさせるよ！
• ページデザインリニューアル！名刺出力サイズ調整。他いろいろ調整。

• 09.08.05

  名刺出力スクリプトに直リンのため、不可がかかってたので、直リン制限をしました。
  ※ブラウザによっては表示できない場合がありますので、その際はブラウザを変えてご使用ください。
  今まで直リンして使ってた人はごめんなさい。
  ブログパーツ的に毎アクセスごとに名刺が変わるように使ってくださった方もいて、いい使用方法だなーと思ってたのですが、やはり、スクリプト自体に直接リンクなので、サーバ等に負荷がかかるため、制限させていただきました。
• リニューアルに向け、テスト中。

• 09.07.01

  ふきだし文字折り返し調整。（今後も続けていきます。）

• 09.06.24

  twitterのアイコンが透過gifの場合、背景が黒になってしまうので、背景をそのテンプレの色で塗りつぶし処理。
• twitterの扁平なアイコンを正方形にトリミング処理。

• 09.06.12

  名刺のデフォルトテンプレート内のふきだし内文字を選択可能にした。
  （最新発言（１件）、Bio、none（何もなし）を選ぶことができ、プロテクトの方で「最新発言」を選んだ場合は「Bio」を取得するようにした。

• 09.06.11

  カラーピッカー設置

• 09.06.04

  ふきだし内の文字の調整（折り返し、フォントサイズ調整）
• ローディング画像作成
• 名刺テンプレートのマージンを空ける（印刷用に）
• デフォルトテンプレート５つ追加
• 大きいサイズで画像出力（1075×650・PNG）できるようにしたよ！

• 09.06.03

  公式と同じfollower「s」に修正。cymbals21さん ありがとです！

• 09.06.02

  ロゴ修正、favicon作成、ページ調整

• 09.06.01

  本日、『ついったー名刺ジェネレータ twitter meishi generator』をベータ版で公開！
  feiqさんの作った「めいしったー」が先に公開されましたので、僕のは二番煎じな感じになっちゃいましたが、ついったらーに同じ考えの方がいたのがすごいなーと思いました！
  僕のは、僕自身の勉強がてらにちょこちょこ作成・改善・素敵にしていきたいと思いますので、どうぞ宜しくお願いします！！
• eregとpregが混ざりまくってたので、処理の軽いpregに統一。少し軽くなったはず。もっと勉強しなきゃだ。

• 09.05.28

  タグ抜き、微調整。

• 09.05.25

  画像が日本語だった場合のユニコード変換

• 09.05.21

  API制限により、ページスクレイピングに切り替え。
• 簡易デザインコーディング(ロゴマークのフォントは「ついってる」「M+1P+IPAG」を使ってます。)

• 09.05.20

  お友達のついったらーのtyoroとprutoに見せて、いろいろアドバイスをもらう。
• twitterのアイコン画像名が日本語だとアイコン出力できないから、その問題を直す。
• API制限により取得できなくなってもたので、スクレイピングに切り替え予定。

• 09.05.20

  入力フォームがいろいろめんどくさいので、誰でも簡単につくれるように、ついったーid(twitter ID)だけ入力するようにした。
  （そのかわり、載せるデータはついったー情報のみになった）
• ついったー最新のポストにふきだし右折り返しつけた。
  (フォントによっては、また変えないといけない。)
• プロテクトの方はBioをふきだしに出力させるようにした。
• Bioや最新ポストのエンコード成功。（ASCIIを変換 HTML-ENTITIES）
• QRコードつけた。QRコード作るライブラリいれたけど、うまくいかなかったので、google先生のAPIの力を使った！
• 画像を保存タイプから、書き出しのみのタイプに切り替え。処理が若干重くなった。

• 09.05.19

  思いついた。簡単な仕様書作って、開発スタート。
• twitterのデータ（最新ポストとアイコン）を「users/show」API取得し、名刺画像として書き出しすることに成功！
• ついったーid入力や名前入力などのフォームをいろいろつけた。