雑食系ITエンジニアのススメコンテンツへスキップ雑食系ITエンジニアのススメITエンジニアのスガハラが学んだ事を書き留めるメモ。テクノロジーWindows10で使用する便利なキャプチャ取得ソフトについて画面のキャプチャ、スクリーンショット取得を面倒だと思う事ありませんか?特に、縦スクロールのある画面の場合、画面を動かして、何枚も画像を取得して、少しづつ重ねるような単調な作業。OSが、Windwos7、Windwos8、Windows10とアップグレードされるにつれ、対応しなくなったりしてしまったので、使い勝手が良いものをさがしました。今回は、Windows10で使用可能な画面のキャプチャ、スクリーンショット取得ツールについてまとめました。今回はWindows10で使える、縦スクロールの画面のキャプチャ、スクリーンショットが取得可能なツールを調べました。選定基準は以下の通りです。Capture評価ScreenpressoScreenpressoはインストール不要で使用できる、キャプチャソフトです。自動でスクロール画面の画像取得はできませんが、手動であれば取得可能です。今回紹介する中で唯一Webブラウザの機能では無いため、PC上の色々なキャプチャを取得可能です。以下のサイトからダウンロードしてください。https://www.screenpresso.com/ja/exeファイルを実行すると、以下の画面が表示されるので実行を選択してください。右下の隠しアイコンにScreenpressoのアイコンが表示されるので、クリックします。左下のキャプチャボタンから使用したい機能を使います。Saverというアドオンを使用していましたが、最近では標準機能で十分なので標準機能を使っています。WEBブラウザのキャプチャを取得したい場合は、主にこれを使っています。IEじゃないとダメな場合はScreenpressoを使っています。Foxをインストール済みであれば、アドレスバーの「・・・」をクリックして、「スクリーンショットを撮る」を選択。「ページ全体を保存」を選べば、スクリーンショットを取得できます。他にも表示範囲だけや、カーソルを合わせた場所のスクリーンショットを取得する事も可能です。CaptureChromeのアドオンです。ボタン一つで画面全体のスクリーンショットを取得できます。ブラウザがChrome指定の場合に使います。(IEじゃないとダメな場合は・・・。以下のサイトからアドオンを追加できます。https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl右上のカメラのボタンを押せば使えます。Fox、それ以外はScreenpressoを使用しています。便利なのでぜひ使ってみてください。Windows10Windows10で使用する便利なキャプチャ取得ソフトについてにコメント画像ファイルの形式について画像ファイルの形式って色々ありますよね?jpg、png、gifの違いは把握されてますか?私はjpgが一番サイズが小さくなるイメージ(圧縮効率が良い)で、gifはアニメーションが動くイメージ位の理解でした。最近、ロゴ用の画像ファイルを作成する機会があり、アドビシステムズ社のPhotoshopを使用し画像を作成しました。画像の形式の指定が無かったので、適当にjpgを選択しましたが、これが失敗でした。ロゴの形で切り抜いて、背景の色が見えるようにしたかったのですが、画像の形式を理解していなかったのでうまくいかず、最終的にはpng形式で画像の作り直しになりました。今回学んだ事をまとめておこうと思います。代表的な静止画像のファイル形式は以下の3つだと思います。最近のWEBブラウザであれば、対応していないものは無いと思います。gif形式は、ネットワークやブラウザ側のセキュリティの制限で、アニメーションが動かなくなっているものを見たことがありますが。Format)ファイル形式の特徴それぞれのファイル形式の特徴は以下の通りです。jpgの特徴jpg形式は写真での使用が主な使い方になります。画像の透過処理が出来ないので、丸い形で切り抜いても、余白が白くなってしまいます。カッコ悪い感じに仕上がります。これを知らなかったので、画像の作り直しになりました。jpgでの圧縮を繰り返すと画質がかなり落ちるようです。デジタルカメラでよく使われる。圧縮画像を元の画像に戻すことができない。(不可逆圧縮)写真の圧縮に適している。pngの特徴png形式はロゴ等の画像ファイルを作成したときに使うのが主な使い方になると思います。透過処理ができるのが、大きいですね。あと、圧縮を元に戻せるみたいです。圧縮画像を元の画像に戻すことができる。画像の透過処理ができる。gifの特徴gif形式は静止画像というよりも、ちょっとした動きのあるアニメーション画像で使われているイメージです。画像の透過処理ができる。アニメーションを作ることができる。最近、仕事中にPCの画面の向きを変更してしまう事が多く、変える度に慌てています。サクラエディタを使用している時に、折り返し位置を変えるショートカットキーを間違えています。ミーティング中のメモを取っている時にやってしまうので焦ります。気づかれないように無表情になりますが・・・。画面の向きを変えてしまうと、マウスの動きも変わってしまうので、戻し方を調べるのも中々大変です。ミーティング中だと、スマートフォンで調べる訳にもいかないので・・・。やってしまう回数が多いので、対応方法を記録して覚えておこうと思います。失敗パターンPCでちょっとしたメモを取る際に、サクラエディタを好んで使うのですが、折り返しを切り替える際に、↓、→、←のキーを触ってしまい、画面の向きを変えてしまっています。画面の向きが変わった状態で、戻す方法を探そうとすると、マウスの動きも変わってしまっているので、マウスを上下に動かすとカーソルが左右に動くなど、細かい操作はかなり苦戦します。押すと以下のように画面が横向きになってしまいます。戻すコマンドを探すにも、マウスの動きが変わるのでカーソル位置がすぐにずれてしまいます。急いでいる時にはかなりしんどいです。画面の向きを変更する時のショートカットキーで、↑を使えば戻せます。以下の通り、画面の向きが戻りました。参考サクラエディタについてサクラエディタはフリーのテキストエディタです。矩形選択やタブ表示、キーマクロが使えるので、ちょっとしたテキスト編集に便利です。以下のサイトからダウンロード可能です。矩形選択は、Excelと組み合わせたりすると色々便利です。↑(画面を上にしたい方向の矢印キー)で画面の向きを変更できます。ショートカットを覚えておくと、ピンチを回避する事や、手早く作業をする事が出来るので覚えてみてはいかがでしょうか?ショートカットキーを使いこなしている所を見ると、大した事はしていなくても、何か凄い事をしたように見えませんか?他の人が知らないことをさらっとやると、何だか仕事が出来そうな人な感じがします。ドヤ顔されたりしたら、この人なんだろう感がしますが。Loaderに関して、調べたので色々備忘録です。Loaderを使うかになると思います。Loaderを利用します。Loaderとは?データを一括でインポート、またはエクスポートするためのクライアントアプリケーションです。SOQLという、SQLに似た構文を持つ言語を利用します。Loaderは避けられないと思います。インストール手順インストーラのダウンロードセールスフォースの画面から、右上の設定を選択します。(ハンズオン環境でも可能です。)左上のクイック検索ボックスに「データローダ」と入力します。入力すると絞り込みが行われるので、左側メニューのデータローダを選択します。データローダを選択すると、右側に「Windowsでのデータローダのダウンロード」、「Macでのデータローダのダウンロード」が表示されるので、インストールする環境のインストーラをダウンロードします。インストーラの実行ダウンロードしたインストーラを実行し、利用規約に同意します。使用しているPCのユーザが管理者権限を持っている場合はYESを選択します。sureを選択します。コンポーネントを選択します。指定が無ければデフォルトで大丈夫です。インストール先を選択します。指定が無ければデフォルトで大丈夫です。待つと、以下の画面が表示されます。以上でインストール完了です。Loaderの実行には、Javaの32bit版が必要です。Loader起動時にOracle社のサイトが開くのでダウンロードしてインストールしましょう。Loaderをインストールしたのでクライアントアプリケーションから対象の環境へのアクセス方法です。今回は、TrailheadのPlayground環境にアクセスしています。最初にPlayground環境にアクセスしようとした所、エラーが出たので備忘を兼ねます。(Playground環境は、Production環境の扱いになるようです。Loaderを起動します。EnvironmentでProductionを選択します。(Playground環境は、Productionにしないとアクセスできません。最初Sandboxを選択していたので、ログインできませんでした。inボタンを押下すると、ユーザ名、パスワードの入力欄が表示されるので、入力します。初回アクセス時は、確認用のコードを確認されるので、受信した確認コードを入力しましょう。アクセス許可を確認されるので、許可を押下します。無事ログインできました。LoaderはSOQLというSQLと似た言語を利用してデータを抽出できます。SQLが分かれば何となく調べながらで使えると思います。SQL同様データの絞り込みには、Where句を指定します。Loaderを使用して、日付を条件にSalesforceからデータを取得しようとした時、日付をどんな形式で入力すれば良いのか分からなかったので、調べました。以下の様な形式で、条件を指定します。(構文を間違えると、入力していたSOQLがリセットされて対象のオブジェクト選択からやり直しなのでショックが大きいです。2017-04-01覚えておく必要があるのは以下2点です。以下に参考になるページのURLを残します。Loaderからデータを登録した場合、日付がずれるという事象が発生します。対応方法をまとめます。Loaderを使用して、CSVファイルをInsertした所、1日前の日付で登録された。例)2017/4/1を登録しようとすると、2017/3/31で登録された。Loader側の設定でした。データは内部的に全てGMT(グリニッジ標準時)に変換され格納される仕様になっています。Loaderのタイムゾーンの設定が「Asia/Tokyo」となっていたため、GMT(+9:00)から、GMTに自動変換を行っていました。登録していたデータ日付型であり時間を持っていなかったため、00:00:00と判断され、その9時間前である、前日の15:00:00に変換されました。その後日付に変換され前日が登録されたようです。Loaderの設定からタイムゾーンをGMTに変更すれば解決しました。Settingを選択して、Setting画面を開きます。ZoneがAsia/Tokyoになっているのを確認します。ZoneをGMTに変更します。以下に参考サイトのURLを残します。LoaderはSQLを使った事があれば取っつきやすく、習得も早いと思います。DBがクラウド上に存在するが故のタイムゾーンの問題等、固有の問題以外は調べながらですぐに使えるようになると思います。Loaderの固有の問題は、直面する度に本ブログに記載する予定です。Loader入門にコメントAtomエディタをインストールしました。Atomエディタをインストールした話を記録として残します。元々は、BloggerのテーマのHTML編集画面が使いにくいので、エディタのインストールを考えました。普段はサクラエディタを利用していますが、サクラエディタではうまくいきませんでした。自動インデントが使えれば特にこだわりは無いので、フリーかつ拡張性の高いAtomを使う事に決めました。(インストールしてみた結果、Blogger独自タグがうまく扱われず、自動インデントは使えませんでした。)Atomエディタのインストールインストールの目的BloggerのテーマのHTMLファイルに対して自動インデントを使用したいと考え、新しいテキストエディタのインストールを検討しました。(Blogger独自タグがうまくいかなかった。)HTMLファイルを編集する際に、インデントを揃える機能と、タグを色分けしてくれる機能を必要な機能と考えました。Text、TeraPaを検討した結果、フリーかつ拡張性の高いAtomを使う事に決めました。(インストールしてみた結果、Blogger独自タグがうまく扱われず、自動インデントは使えませんでした。)Atomエディタとは?GitHubが開発したオープンソースのテキストエディタです。カスタマイズ可能なのが特徴です。インストール方法インストールは簡単で、手順は以下の通りです。1.インストールファイルをダウンロードする。exeファイルは以下のサイトよりダウンロードして下さい。https://atom.io/2.ダウンロードしたexeファイルを実行する。3.インストールが完了するとATOMが自動起動する。日本語化Atomをインストールしたので、パッケージをインストールして、日本語化しました。インストール同様、パッケージ導入は簡単で手順は以下の通りです。1.Atomを起動する。2.メニュバーのHelp>WelComeGuideを選択する。Installerを選択する。4.左側の上の方に入力欄が表示されるので、「japanese」と入力し、Packagesを選択する。5.パッケージが検索されるので、「japanese-menu」のInstallを選択する。6.パッケージがインストールされると、表示が日本語に切り替わる。html-entitiesパッケージのインストールAtomでHTMLのインデントを揃えるためには、HTML対応のパッケージをインストールする必要があるので、インストールします。1.Atomを起動する。2.メニュバーのHelp>WelComeGuideを選択する。Installerを選択する。4.左側の上の方に入力欄が表示されるので、「html-entities」と入力し、Packagesを選択する。5.パッケージが検索されるので、「html-entities」のInstallを選択する。以上でインストール完了です。当初の目的通り、BloggerのテーマのHTMLのインデントを揃えようとした所、Bloggerのタグが邪魔をしているのか、うまくいきませんでした。Beforeメニューバーの編集>行>自動インデントを選択する。Afterまったく揃いませんでした。まとめBloggerのHTMLファイルは、独自タグの影響でうまくいきませんでした。通常のHTMLファイルだと、インデントもきちんと揃います。目的を達成する事は出来ませんでしたが、Atomは拡張性が高いので、プログラミングでも使ってみようと思います。AtomAtomエディタをインストールしました。以前、GoogleのBloggerで投稿した記事を移行してみました。以下は2017年10月に投稿した記事です。今日の気になったニュースです。MicrosoftのKinectが生産終了となりました。購入して、ジェスチャーで動作するプログラミングをしてみようか迷っていた所なので、とても残念です。Japanさんのニュースです。http://jp.techcrunch.com/2017/10/26/20171025microsoft-finally-kills-off-the-kinect-but-the-tech-will-live-on-in-other-devices/やはり家庭用ゲーム機だと、家の大きさの関係から、全身を写すセンサーは使い辛かったのでしょうか。全身を写すためにはセンサーからある程度距離を取る必要がありますし、テレビもそれなりに大きくないと見ずらいのでしょう。個人的には大人数でリビングに集まり、ワイワイやるゲームといった印象です。Blogsに統合されたりしていたので、下火だったのかもしれません。Kinectの技術が別の製品に活用される事を期待します。KinectとはMicrosoftから発売されていた、ジェスチャー、音声認識に対応したインタフェース。360の周辺機器として発売されたが、その後WindowsPCに対応した。元々はゲーム用として発売されたが、比較的安価な動作を認識できるデバイスとして利用出来るため、産業用とでも使用されていた。発売されたのは、以下の3種類。