データ競馬ブログにあるデータ画像を簡単印刷



競馬ブログに競馬関連データを画像で表示しているところ多いです。
その画像を「PDF-XChange Viewer PRO」で簡単に印刷します。

 

1. ブログにあるデータを画像を、ダウンロードするか右クリックコピー
 (サムネイル画像が表示されている場合は、リンク先の画像を)

2. 画像を「PDF-XChange Viewer PRO」に貼り付け、印刷
    PDF-XChange Viewer PRO を使って写真の高速印刷





■ PDF-XChange Viewer PRO を使ってデータ画像を簡単印刷

dpr01s.png

dpr02s.png


競馬ブログに置いてある画像は、ほぼ低解像度のもの
さらには”jpegファイル”なんつーこともあります。
 
これらをクリアに印刷するために、チョイ画像編集してみます。


4倍解像度で貼り付け


4倍解像度でPDF-XChange Viewer PRO に貼り付けすると
少しはきれいに印刷できるかも..
 
PDF-XChange Viewer PRO の拡大/縮小機能はけっこうレベル高いので
必要ないかもしれませんが、とりあえず、紹介だけしときます。





IrfanViewで「リサンプリング」

□ メニューバーより [画像] → [リサイズ/リサンプル] をクリックすると
  「リサイズ/リサンプルの設定」ダイアログが表示されます。

iv01s.png

□ 設定例
 
「一般的なサイズで指定」内にある [現在の2倍] を選択
「処理方法」は
  [リサンプル] を選択
  [リサイズ フィルター] : Lanczosフィルター(高画質)を選択
  ※ Lanczosフィルターで、ノイズが気なる場合は、Triangle フィルターを選択

iv02.png

□ リサンプルが終わったらクリップボードへコピーして
    PDF-XChange Viewer PRO に貼り付けします。




■ ペイントでサイズ変更

iv03s.png

□ 水平方向 200% に設定

iv04s.png

□ サイズ変更が終わったらクリップボードへコピーして
    PDF-XChange Viewer PRO に貼り付けします。
[ペイント のバージョン情報]
Windows 7 Home Premium バージョン 6.1 (ビルド 7601: Service Pack 1) 付属


jpegノイズを消す (やる人いないと思いますが、紹介だけしときます)


白バック部のブロックノイズだけでも消したい方用
 
手順はこちら → [テーブルの背景色を白にしてインクの節約印刷] とほぼ同じですが
上で紹介した「4倍解像度」画像編集の前に行ってください。



□ [色域指定]設定では、許容量を30前後くらいの数値がよいかと..

jp01s.png

■ 適用前

jp02s.png

■ 適用後

jp03s.png





関連記事

PDF-XChange Viewer PRO を使って写真の高速印刷(?)


PDF-XChange Viewer PRO を使って写真をスピード印刷

Webページの画像やローカル上の画像を
用紙イメージにペタペタ貼り付け、適当に拡大、レイアウト
 
あっ、という間に印刷..  できるかも...(ペイントよりは速いと思います)
 
とにかく、早く資料やデータがほしいときには、
PDF-XChange Viewer PRO で、ちゃちゃっと印刷しちゃいましょ。

 
【 ローカル上の画像ファイルを印刷 】
PDF-XChange Viewer PRO を立ち上げ、新規作成で印刷用紙の選定
    ↓
画像ファイルを画像ビュワー等で開き(簡単な編集)⇒ 画像をクリップボードへコピー
    ↓
PDF-XChange Viewer PRO のドキュメントへ画像を貼り付け
    ↓
適当に拡大、レイアウト
    ↓
印刷設定をして印刷

【 Webページの画像の場合 】
PDF-XChange Viewer PRO を立ち上げ、新規作成で印刷用紙の選定
    ↓
ブラウザ上の右クリメニューで画像をコピー
    ↓
画像を画像ビュワー等に貼り付け(簡単な編集)⇒
その画像をクリップボードへコピー
    ↓
PDF-XChange Viewer PRO のドキュメントへ画像を貼り付け
    ↓
適当に拡大、レイアウト
    ↓
印刷設定をして印刷



PDF-XChange Viewer PRO で新規ドキュメントの作成


■ メニューバーの「ファイル」→ [新規ドキュメント] → [空白ページ]

p0042e

■ [新規の空白ドキュメント] ダイアログ

XViewer_pro11e

■ 既定の用紙サイズ:
A0  A1  A2  A3  A4  A5
B0  B1  B2  B4  B5

Letter/ANSI A
Tabloid/ANSI B
ANSI Super B  ANSI C  ANSI D  ANSI E  ANSI F
US Legal
Statement
Executive
Folio
Quarto
Note
Envelope #9  Envelope #10  Envelope #11  Envelope #14
Envelope DL  Envelope C5  Envelope C3
Envelope C4  Envelope C6  Envelope C65  
Envelope B4  Envelope B5  Envelope B6
Env. Monarch
Env. Personal
18x24
24x36
30x42


新規ドキュメントへ画像を貼り付け


■ 画像ファイルをビュワー等で開き(簡単な編集)⇒ 画像をクリップボードへコピー

xvs01.jpg




■ 用紙イメージにペタペタ貼り付け、適当にマウスで拡大、レイアウト
※ 正確にレイアウトしたい方はグリッドガイドを使って

xvs02.jpg

■ テキストボックスツールで簡単な文字を入れることもできます。
テキストボックスツールの使い方  テキストボックスの使い方(2)

xvs03.jpg



印刷


■ メニューバーの「ファイル」→ [印刷] で「印刷ダイアログ」を開き印刷します。

[関連記事]:PDF-XChange Viewerの印刷機能がすばらし



関連記事

Page Hackerを使ってWebページを編集


閲覧中のWebページをブラウザ上で編集できる
Firefoxアドオン「Page Hacker
Web ページを印刷する前の編集
ScrapBookでページを保存する前に編集する
テキストエディタとして使う(空のタブで利用)など様々な用途につかえます。

Page_Hacker1s.png



【 使用方法・できる事 とか 】


■ ツールバーに追加したドクロアイコンのクリックか
   [Ctrl+F2]キーで編集モードが有効/無効になります。

sbf0002s.png
 
---------------------------------------------------------------------------------
 
・Webページの画像の移動、サイズ変更
・Webページにテキストを追加、削除、配置を変更
・テーブルも行の追加、削除、サイズ変更もできます。

・他のサイトを開き、もってきたいコンテンツをコピー、ペーストできます。
 (CSSとかは飛んでしまいますが、画像などはそのままコピーできます)
 
---------------------------------------------------------------------------------
 
◇ 選択してのち
・[Delete]キーで削除

◇ マウスクリックで表示させたキャレット位置へ
・[Shift]+[Enter]キーで改行が入ります。
・[Enter]キーで段落が入ります。

◇ 右クリメニュー

ph002g.png

---------------------------------------------------------------------------------
 
■ 編集モード 有効/無効の判断( これが 分かりにくい )
・ページをクリックして キャレットが表示されれば 編集モード 有効





【 WYSIWYGエディタとの併用でもう少し高度(?)な編集 】

◇ WYSIWYGエディタへコピペして編集 ⇒ 編集済みデータをコピーして貼り付け

prototype.jsでクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT
elRTE - オープンソースWYSIWYGエディタ for Web


 


[関連リンク]


Page Hacker | Firefox アドオン | Mozilla Japan ダウンロード
Page Hacker - Firefox更新情報 Wiki*

閲覧中のWebページをブラウザ上で編集できる Page Hacker 1.2 | FOX x FOX
画面レビューにめちゃくちゃ便利なFireFoxプラグイン - EC studio 技術ブログ
最近入れてみて、おぉ!と思った Firefox アドオン 4 つ | バシャログ。
Page Hackerでwebページ内の文字列を変更 - YouTube
資料作りに便利なツール - NHN Japan ディレクターブログ
Evernoteを使うなら絶対に知っておくべき神アドオンの使い方 - MakeWebService
編集したwebページのevernoteへの取り込みと確認 - YouTube

Mozilla Re-Mix: Firefoxに"Dreamweaver"ライクなHTMLエディタ「Codetch」

ブックマークレット Webページ 編集 - google
Mozilla Re-Mix: webページ上で選択部分のHTMLソースを編集「SourceEditor」
Mozilla Re-Mix: ページを自在に編集できるブックマークレット。
Mozilla Re-Mix: ページを自由自在に編集してソースを取得できる「Edit Page」
Mozilla Re-Mix: 要素を自由に動かせるブックマークレット「Liquid Page」
ページ編集モード :: ブックマークレット
窓の杜 - ページを編集した上で印刷できるブックマークレット“Print Friendly”
不要なものを消去::ブックマークレット
ウェブサイトの制作・検証に役立つブックマークレット集 | コリス
[ajax]quickedit - HTMLリアルタイム編集(ブックマークレット)
不要な部分を消してからプリントできる便利なブックマークレット | kotaログ






関連記事

ScrapBookの「結合ウィザード」を使わずにページを結合保存する方法


Page Hackerの編集機能を使って、ページとページをくっつけたり
 
写真を貼り付けたり、Webページをいじくりまわして、  のち
 
ScrapBookに保存します。


※ zuboは深い検証やってないので、まちがってたら、ごめんして ね

 

4ページの必要部分を切り取り1ページに統合して保存 ・例


■ 1ページ目(Webページ)を「選択範囲を保存」します。

sbf00.png

  sbf01ss.png

※「選択範囲」は「必要部分」+ [2スペース]くらいの感じで選択します。
    ここにスペース(改行)がないと めんどくさいことになるので..

  sbf001ss.png

■ ScrapBookに保存したページを別タブで表示します。

  skf002s.png

Page Hacker編集モードを有効にします。

  sbf0002s.png

■ 2ページ目(Webページ)のデータをくっつけたい位置に、
    マウスクリックでキャレットを表示させます。

  sbf04s.png

【 最後尾にスペースがないと.. 】
 
最後尾にくっつける場合、スペース(改行等)がないと、
レイアウト的に おかしなことになります。
 
そこに スペースを作る場合は「Shift+Enter」キーで改行を挿入しますが
うまく挿入できないときは、
直接ソースに<br>を書き込む、とか
要素を選択「切り取り」、そこへ改行挿入、そこへ「貼り付け」(要素を戻す)
などの作業が必要になります。

■ 2ページ目(Webページ)の必要部分を選択反転「コピー」して

sbf05(2).png

  sbf06_s.png

  sbf002ss.png

■ 保存ページ(ScrapBook)のキャレット位置へ「貼り付け」します。

  sbf04s.png

  skf0012s.png

■ 同様に 3.4ページ目を選択反転「コピー」して保存ページへ「貼り付け」します。

sbf06_1.png
sbf06_2.png

■ 下のように、複数のページがひとつのページへと結合されました。

  sbf08.png


■ 細かい編集(Page Hackerの編集モードで)や
    DOMイレーサーで不要部分を消す、などの編集作業が終わったら
    Page Hacker編集モードを無効にします。

  sbf0002s.png

■ 最後にScrapBookの「保存」ボタンで変更の保存

  sbf001s.png




まだ、終ってはいませんよっ!


■ 保存フォルダを開いてみると..
  (アイテムの [右クリメニュー] → [ツール] → 「ファイルを表示」から..)

  sbf07s.png

■ 1ページ目の関連ファイルだけ保存されていいます。

  sbf10.png

  sbf11.png


■ 結合したページの画像ファイルを保存するために
  「ページを保存」でページの再保存を行います。


  sbf09s.png

■ 保存フォルダを確認してみると..
    ページの表示に必要なファイルは保存され、必要ないファイルは削除されています。

  sbf12.png

■ ソースを確認してみると.. ちゃんとローカルリンクに変更されています。(?)

  sbf13.png

※ 保存・リンクされるのは表示中の画像ファイルだけです。(?)
   それ以外のファイルは手作業で、DL・リンクが必要(?)

保存ページの 画像リンク確認方法

再保存ページの 差分確認方法

■ アイコンが表示されなくなった場合は、こちら





関連記事

ScrapBook の「すべてのFRAMEタグを削除」でゴミ掃除


 

保存前に「すべてのIFRAMEタグを削除」をしてから保存 また、
 
保存後でも保存ページを「すべてのIFRAMEタグを削除」をしてから保存すれば
 
必要ない広告関連ファイルを削除できます。



保存前編集「すべてのIFRAMEタグを削除」をしてから保存


 
■ 編集ツールバーの表示

アドオンバー の ScrapBook アイコンをクリック
メニューから「保存前編集モード」を選択すると、編集ツールバーが表示されます。


  edit_1s.png

■ 編集ツールバー

  edit_2s.png

■ すべてのIFRAMEタグを削除

  edit_12es.png



■ 普通に「ページを保存」(133個)

  skbf01s.png


■ 保存前編集で「すべてのIFRAMEタグを削除」を行ってから「ページを保存」
    index_.html index_.css ほか、関連ファイルが削除されます。(133 → 75個)

  skbf02s.png



保存ページを「すべてのIFRAMEタグを削除」をしてから保存


保存したページでも「すべてのIFRAMEタグを削除」を行ったあと
ページを保存」すればゴミ掃除できます。




■「ページを保存」したページを「すべてのIFRAMEタグを削除」を行ってから
   「ページを保存」(133 → 73個)

  skbf06s.png



「選択範囲を保存」したページを
「すべてのIFRAMEタグを削除」をしてから保存


 
■「選択範囲を保存」すると(40個)

  skbf03s.png

保存ページを「ページを保存」だけでは(40 → 26個)

  skbf04s.png

■ 保存ページを「すべてのIFRAMEタグを削除」を行ってから
  「ページを保存」(40 → 10個)

  skbf05s.png




関連記事

ScrapBook の「選択範囲を保存」で出るゴミを 削除する方法


 

Firefoxアドオン ScrapBook で「選択範囲を保存」をすると
表示に必要のないファイルも一緒に保存されてしまいます。
このゴミが気になる方は、「保存ページの再保存」でゴミ掃除しましょう。

※ 注意・・・重要なファイルも消える可能性があるので、使用は自己判断願います。


 


【 お掃除 例 】

■ 20個あったファイルが..(中には100以上のこるサイト・ページもあります)

  sb05s.png

■ お掃除することで、3個になっちゃいました。(favicon消えてる..

  sb08s.png

※ ページを表示するために、最低限必要なファイルがこの3ファイルなのか?
  ( index.html   index.css   index.dat )



「選択範囲を保存」しまして

  sb01s.png

  sbf001ss.png

■ ScrapBookに保存

  sb02s.png




■ データ保存先を見てみましょ(デフォルトではプロファイルフォルダ下)

  sb03s.png

■ dataフォルダ内に、

  sb04s.png


■ 保存日時名でフォルダが作成され、ファイルが保存されています。

  sb05s.png

完全なるゴミ掃除を目指す貴兄へ..
[ページの再保存] でも残るゴミは、手動で削除することになります。
ですが、不要ファイルを [ページの再保存] の前に削除しないと、
タブに表示される [読み込み中 - ぐるぐるアイコン] が止まらず、スゲー目障りデス



■ DOMイレーサーで不要部分を消して ⇒ 「保存」ボタンで変更の保存

  sb06ss.png

「ページを保存」で保存ページの再保存


  sb07s.png

  5s.png

■ 表示に問題なかったら元ページは削除します。



■ 簡単に保存フォルダを開くには、
    アイテムの [右クリメニュー] → [ツール] → 「ファイルを表示」から..

  sb018.png

■ 保存フォルダを開いてみると..    スッキリスタ

  sb08s.png




「保存ページの再保存」をすると、デフォルトのアイコンに変わってしまいます。

  ▼ アイコンがデフォルトのアイコンに変わっています。

  sb09_ss.png



〚 アイコンを変える 〛

■ アイテムアイコン(favicon)の変更方法はこちら

■ 元(オリジナル)の favicon を表示させたい方は、
 

1.「ページの再保存」前に favicon をコピーしておき
 
2.「ページの再保存」後にフォルダへ移動させて(iconフォルダの場合リネーム必要
 
3.「アイコンを指定」する作業が必要になります。



  sb016sss.png

・faviconを選択...○○○○○:データ保存フォルダを開きます。
 
・ユーザーアイコンを選択....:iconフォルダを開きます。



  sk002s.png







関連記事

Firefoxのアドオン「ScrapBook」(使い方) のリンク集


ググるのめんどくさい人用



【 ○○○ 】

ScrapBook | Firefox アドオン | Mozilla Japan の公式アドオン紹介サイト
Firefox アドオン - ScrapBook の検索結果
ScrapBox - アドオン機能
SCRAPBOOK :: Firefox Extension
ScrapBook - Mozilla Firefox まとめサイト
ScrapBook - Firefox更新情報 Wiki*
ScrapBook の紹介と今後のプラン





【 使い方 】

[○○○]
Firefoxでウェブサイトを完全保存 編集加工もできるアドオンScrapBookで遊ぼう!!
Firefox [ScrapBook] 気になる情報をいつでも見られるように保存(できる)
Webページを保存できる ScrapBook 1.3.3.7 | FOX x FOX
まほろば::ファイヤーフォックス (スクラップブック)
3分LifeHacking:見たWebページをすべて保存する - ITmedia Biz.ID
Biz.ID Weekly Top10:ScrapBookをもっと活用する - ITmedia Biz.ID
【レビュー】ScrapBookの概要とインストール | マイナビニュース
Firefoxで情報をカンタン・ベンリに整理する - builder
自分で“魚拓”!WEBを保存する「ScrapBook」|日経BP社 ケンプラッツ

[動画]
firefox ScrapBook
ScrapBookでwebページ内の要素を消去 - YouTube
firefox-scrapbook - YouTube
ScrapBookでwebページ内の文字列を装飾 - YouTube
ScrapBookでwebページ内の文字列にリンクを付加 - YouTube
編集したwebページのevernoteへの取り込みと確認 - YouTube
Page Hackerでwebページ内の文字列を変更 - YouTube

[○○○]
サイトを丸ごと保存する方法(不要ページを除くのも簡単) 銀河ポータル
Firefoxのアドオン機能-ScrapBook Plus-でブログを見たまま保存する
日記を大量に保存する方法 | Facebook
OpenPNE系SNSの日記をブラウザからバックアップして取っておく方法
[ [Firefox]ScrapBookの有効活用] by Linux奮闘中! -某OSとも共存-
エクスポート機能乗り換え情報をX02HTで持ち運んでいます。: すらっとたああん
Alink系サイト(はるか夢の址等)を凍結される前にローカルに保存する方法
大量の保存Webを スクラップブックへ取り込む方法、楽チン楽勝。 kokopon
M.O.T.O.R.C.Y.C.L.E. Scrapbook一括取り込み
Another Aquatic Zone: エコログをコメントごと丸々バックアップ
GoogleカレンダーのバックアップにScrapBookを使う - シリアル・ポップな日々

必要なリンクを抽出し、複数のページを一つに..| すぐに忘れる脳みそのためのメモ

[○○○]
おすすめ Firefox アドオン その4 - ScrapBook - 。: 英語とパソコン
Webページのローカル保存に便利な「ScrapBook」拡張
クリップした記事に注釈を加えて丁寧に保管「Scrapbook」 :教えて君.net
ツールで快適な人鬼を楽しもう! FireFoxAddOn ScrapBook編
Eglantyne2 - 「Scrapbook」-Webページの保存と整理
ScrapBook|ねっと雑貨屋さん
螺旋デザイン|はじめてのCSS Firefoxの便利な機能拡張:「ScrapBook」
Firefox拡張なスクラップソフトScrapBook : 2ちゃんねる過去ログ検索 Logstar

[○○○]
scrapbook firefox - Yahoo!知恵袋

Firefoxで右クリック禁止ページを回避する方法 - hogehoge @teramako





[データ]
「ScrapBook」のデータをバックアップ、復元(リストア): 英語とパソコン
データ保存先
scrapbookのデータが増えたら重くなるので何とかしよう - るびゅ備忘録
scrapbookのデータディレクトリのインデックスを作る - るびゅ備忘録
Firefox ScrapBookのデータの移行
パソコンユーザのつぶやき: firefox のアドオン ScrapBook を Dropbox で同期
ScrapBookを同期 - ランディノート
Scrapbook を“なんとか”する - 続・帰ってきたはぐれ日記
Dropbox で Firefox をプロファイルごと同期 - 八発白中

[インポート/エクスポート]
ScrapBookのエクスポート機能: すらっとたああん
ScrapBookの使い方
Firefox ScrapBookのエクスポート | OKWave
「ScrapBook のデータを Lunascape にエクスポート」 前編。: 英語とパソコン
「ScrapBook のデータを Lunascape にエクスポート」 後編。: 英語とパソコン

[共有]
Scrapbookの共有方法|携帯の部屋
ScrapBookを使ってローカルページの共有 | hikaruさんのブログ
DropboxでFirefoxを便利に使う(ScrapBook共有) - 備忘録代わりの日記
DropboxでFirefox::Scrapbookのデータ共有 | 人生迷い箸
SISO-LAB: Evernoteを何に使っているのか?
TOLLE ET LEGE 屋根裏の備忘録 : DropboxでScrapBookを共有化
作業の自動化がイイ | tokenの日記 | スラッシュドット・ジャパン
EvernoteとDropboxの使い分け-私の場合- | Find the meaning of my life.

[結合ウィザード]
「ScrapBook 」で保存したウェブページをくっつける。: 英語とパソコン
ScrapBook で複数の HTML を結合する | すぐに忘れる脳みそのためのメモ
SCRAPBOOK :: Features 3
禿頭帽子屋の独語妄言 side A: # ScrapBook で記事を結合~イマイチだった~

[改○]
ScrapBook HTML Index
GPソフト Wiki - ScrapBook(FireFoxアドオン)
ScrapBook の改良と Zip ファイルのマウント:experiment:So-net blog
ScrapBook の改良と Zip ファイルのマウント その2:experiment:So-net blog
Webデザイン フィード詳細 - [ScrapBook]を最適化「ScrapBook+」
Mozilla Re-Mix: [ScrapBook]を最適化(高速化)したアドオン「ScrapBook+」
ふと今日は・・・・・・  Scrapbook 用簡易セパレーター





関連記事

トリミング ページの範囲



【 トリミングを適用する [ページの範囲] を設定 】

tb011s.png

 
〚 ページの範囲 〛

・すべて(A)

・選択したページ(S)
[ページサムネイルで選択したページ]


・現在のページ(R)
[カーソルがある編集中のページ?]


・ページ番号(G):        (全体で ○○ ページ)

ドキュメントの始めから数えてコンマで区切られたページ番号
またはページ範囲を入力します。 例えば、1, 3, 5-12 と入力します。

・適用先(Y):すべてのページ
偶数のページのみ
奇数のページのみ




[関連リンク]

PDFの余白を削除・切り取り・トリミングして調整
自炊PDFを使いやすい電子書籍として加工する
untitled: [自炊]AcrobatでPDFをトリミングする
untitled: [自炊]AcrobatでPDFをトリミングする その2
Adobe Forums: 奇数ページと偶数ページでの余白の変更
目指せ!簿記検定・税理士試験 管理人ブログ:PDF化 - livedoor Blog
[PDF] Adobe Acrobat を使った余白のトリミング方法


  [関連記事]

PDF-XChange Viewerの [ イメージへエクスポート ] 機能




関連記事

余白のトリミング  ボックス  トンボ ?


余白のトリミングにある[ボックス]項目
何なのかさっぱりわかりませんが、
スクリーンショットだけでも紹介しときます。



【 余白のトリミング 】

■ すべてのボックスを表示(X) をチェック
    すべての矩形が表示されます。

tb001s.png

  ボックス(B):トンボ全体が入る矩形黒線
外トンボが示す矩形青線
内トンボが示す矩形緑線
版面赤線


□ 選択した矩形のみ操作できます。

※ 余白のトリミングで有効なのは「トンボ全体が入る矩形」(黒線)だけです。

tb002s.png




■ すべてのボックスを表示(X) のチェックをはずします
    ボックスで選択した矩形だけ表示されます。


□ ボックス(B):  トンボ全体が入る矩形  黒線
    余白のトリミングで有効なのはこの矩形だけです。

tb003s.png

tb004s.png

□ ボックス(B):  外トンボが示す矩形  青線

tb005s.png

tb006s.png

□ ボックス(B):  内トンボが示す矩形  緑線

tb007s.png

tb008s.png

□ ボックス(B):  版面  赤線

tb009s.png

tb010s.png




[関連リンク]

お役立ち情報・コラム「トンボ」 [ 編集って何よ!? ]
トンボでわかるカットの位置/機関誌づくりブログ/第一資料印刷株式会社
トンボ (印刷) - Wikipedia





関連記事
プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム