So-net無料ブログ作成
-| 2014年03月 |2014年04月 ブログトップ

長いWebサイトを一発でキャプチャする方法 [Web]

Webサイト(ホームページ)に関する資料を作成するときに、画面をキャプチャしたい時があります。
Windowsでは、[PrtScn]ボタンを押下することで画面をキャプチャすることができます。しかし、
1ページに収まらないなが~いWebサイトの場合、全ページをキャプチャするのは結構面倒です。
1ページずつキャプチャして、画像編集ソフトを使ってつなぎ合わせる必要があります。

そんな時に便利なのが、Webサイトの全ページを一括でキャプチャしてくれるツールです。
今回は以下の2つを紹介します。

・FireShot(Chrome, Firefox, IEの拡張機能)を利用したキャプチャ方法
・Quick Markup(ChromeのExtention(拡張機能))を利用したキャプチャ方法



1. FireShot(Chrome, Firefox, IEの拡張機能)を利用したキャプチャ方法

FireShotは以下の3つのブラウザ向けに拡張機能を提供しています。
 ・Chrome
 ・Firefox
 ・InternetExplorer(IE)

※ここでは、Chromeを使用した場合の方法を紹介します。
まず、以下のサイトでFireShotをダウンロードします。
https://chrome.google.com/webstore/detail/capture-webpage-screensho/mcbpblocgmgfnpjjppndjkmgjaogfceg

ダウンロードと同時にインストールが行われます。無事にインストールが完了すれば、Chromeの
右上にFireShotのアイコンが表示されます。

fireshot.png

アイコンをクリックするとメニューが表示されるので、[ページ全体をキャプチャして ...]をクリックします。

fireshot1.png

さらにカスケードされたメニューから希望の操作を選びます。

fireshot2.png

例えば、[外部エディタで開く]を選択し、外部エディタにIrfanViewを指定すると以下のようになります。

fireshot3.png

とっても便利です!!

各ブラウザ向けのダウンロード先を以下に示します。

【Chrome向け】
https://chrome.google.com/webstore/detail/capture-webpage-screensho/mcbpblocgmgfnpjjppndjkmgjaogfceg

【Firefox向け】
https://addons.mozilla.org/ja/firefox/addon/fireshot/

【IE向け】
http://fireshot.en.softonic.com/download



2. Quick Markup(ChromeのExtention(拡張機能))を利用したキャプチャ方法

まず、以下のサイトでQuick Markupをダウンロードします。
https://chrome.google.com/webstore/detail/screen-capture/clcbnchcgjcjphmnpndoelbdhakdlfkk

ダウンロードと同時にインストールが行われます。無事にインストールが完了すれば、Chromeの
右上にQuick Markupのアイコンが表示されます。

capture1.png

アイコンをクリックするとメニューが表示されるので、[ページの選択]をクリックします。

capture2.png

自動的に全ページをキャプチャしてくれます。

capture3.png

キャプチャされた画像が画面中央に表示され、その右側にメニューが表示されます。
次に行いたい操作を以下から選ぶことができます。
 ・[注釈をつける!]
 ・[アップロード (公開)]
 ・[保存]
 ・[コピー]



■参照ページ
  ChromeでもFirefoxでもIEでも!キャプチャ拡張機能の決定版「FireShot」が素敵だった
  注釈も簡単に付けられる、編集機能付きスクリーンキャプチャChromeエクステンション・Quick Markup


スポンサードリンク


【ネットショップ】 レコメンドサービス [EC]

ネットショップ(通販)におけるレコメンドサービスを列挙します。

レコナイズ (株式会社ホットリンク)
Rtoaster (株式会社ブレインパッド)
アイジェント・レコメンダー (シルバーエッグ・テクノロジー株式会社)


スポンサードリンク


nice!(0)  コメント(0)  トラックバック(0) 
共通テーマ:仕事

【DB】 SQL 表(テーブル)結合の種類 [データベース]

データベースからデータを取り出すときに、複数の表(テーブル)からデータをまとめて取り出したい時があります。そんなときは表の結合を行うことで、バラバラに管理されていたデータを統合して取り出すことができます。

表(テーブル)の結合には以下の種類があります。

 ・内部結合
 ・外部結合
 ・単純結合

外部結合には更に以下の3種類があります。
 ・左外部結合
 ・右外部結合
 ・完全外部結合



■結合の種類と概要

  結合の種類と概要を以下の表にまとめました。

内部結合 指定した列(カラム)について、同じ値を持つレコード同士だけ結合する。
外部結合 左外部結合 左表を基準にして、指定した列(カラム)について、同じ値を持つ右表のレコードを結合する。左表にあって右表にないレコードはすべてNULLで結合される。逆に右表にあって左表にないレコードは結合されない。
右外部結合 右表を基準にして、指定した列(カラム)について、同じ値を持つ左表のレコードを結合する。右表にあって左表にないレコードはすべてNULLで結合される。逆に左表にあって右表にないレコードは結合されない。
完全外部結合 左表と右表のすべてのレコードが結合される。
単純結合 左表の全行と右表の全行が結合する。つまり、左表に2行のレコード、右表に3行のレコードが格納されている場合、結合結果は全てのレコードの組合せになり合計 2×3=6 行のレコードになる。




■SQL構文

  表を結合するときに使用するSQL構文とその使用例を以下にまとめました。

内部結合 SELECT [表示したい列を列挙] FROM [左表] INNER JOIN [右表] ON [結合条件];

  省略形:JOIN
  使用例:
    SELECT * FROM table1 t1
      INNER JOIN table2 t2 ON t1.id = t2.id;
    SELECT * FROM table1 t1
      JOIN table2 t2 on t1.id = t2.id;
外部結合 左外部結合 SELECT [表示したい列を列挙] FROM [左表] LEFT OUTER JOIN [右表] ON [結合条件];

  省略形:LEFT JOIN
  使用例:
    SELECT * FROM table1 t1
      LEFT OUTER JOIN table2 t2 ON t1.id = t2.id;
    SELECT * FROM table1 t1
      LEFT JOIN table2 t2 on t1.id = t2.id;
右外部結合 SELECT [表示したい列を列挙] FROM [左表] RIGHT OUTER JOIN [右表] ON [結合条件];

  省略形:RIGHT JOIN
  使用例:
    SELECT * FROM table1 t1
      RIGHT OUTER JOIN table2 t2 ON t1.id = t2.id;
    SELECT * FROM table1 t1
      RIGHT JOIN table2 t2 on t1.id = t2.id;
完全外部結合 SELECT [表示したい列を列挙] FROM [左表] FULL OUTER JOIN [右表] ON [結合条件];

  省略形:FULL JOIN
  使用例:
    SELECT * FROM table1 t1
      FULL OUTER JOIN table2 t2 ON t1.id = t2.id;
    SELECT * FROM table1 t1
      FULL JOIN table2 t2 on t1.id = t2.id;
単純結合 SELECT [表示したい列を列挙] FROM [左表] CROSS JOIN [右表];
  省略形:,
  使用例:
    SELECT * FROM table1 CROSS JOIN table2;
    SELECT * FROM table1 , table2;




■参照ページ
  SQL 基礎 – JOIN (表結合)の意味の違い
  表の結合の種類と概要、その基本パターン演習


スポンサードリンク


【Oracle】 SQL 文字列 連結(結合) [Oracle]

Oracleデータベースにおいて、文字列の連結(結合)するには以下の2つの方法があります。

■文字列1と文字列2を連結(結合)します

  方法1)
    CONCAT(文字列1 , 文字列2)

  使用例)
    select concat('ABC','DEF') from dual

    結果は、'ABCDEF'になります。

  方法2)
    文字列1 || 文字列2

  使用例)
    select 'ABC' || 'DEF' from dual

    結果は、'ABCDEF'になります。



■参照ページ
  文字列を連結する
  SQL 文字関数 - 連結、空白削除、置換、切出、検索、長さ、数値変換他
  文字列を連結する(||、CONCAT)


スポンサードリンク


【Linux】ファイルのタイムスタンプを変更する方法 [Linux]

・タイム・スタンプを現在の時間に変更する方法
$ touch hoge.file

・タイム・スタンプを2014年3月5日の14:00:00に変更する方法
$ touch -d "2014/3/5 02:00:00 pm" hoge.file



■参照ページ
【 touch 】 ファイルのタイム・スタンプを変更する


スポンサードリンク


【Java】クラス名とメソッド名を取得する方法 [Java]

・クラスから取得する方法
getClass().getName(); // パッケージ名を含むクラス名
getClass().getSimpleName() // クラス名のみ


・スタックトレースから取得する方法
Thread.currentThread().getStackTrace()[1].getMethodName(); // メソッド名
Thread.currentThread().getStackTrace()[1].getClassName(); // パッケージ名を含むクラス名
Thread.currentThread().getStackTrace()[1].getFileName(); // 拡張子(.java)付きファイル名
Thread.currentThread().getStackTrace()[1].getLineNumber(); // 行数




■参照ページ
Java クラス名 メソッド名 行数 取得


スポンサードリンク



-|2014年03月 |2014年04月 ブログトップ

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。