【Windows】右クリックメニュー[送る]の活用方法、追加・設定方法(SendToディレクトリの場所一覧)

意外と使ってない!?右クリックメニューの[送る]とは。その活用方法。

Windowsユーザーの皆様、デスクトップ画面やエクスプローラー画面でファイルやフォルダを右クリックした時に表示される[送る(N)]というメニューをご存知ですか?

こんなやつ↓

WindowsのSendToイメージ

このメニューを駆使することで、ZIPファイルをサクッと作ったり、画像をリサイズしたり、HTMLファイルを直接テキストエディタで編集したり出来るので私は大変重宝しています。

意外と利用されていない方も多そうなのと、毎回、新しいパソコンの初期設定する際に[送る]メニューの設定場所(SendToフォルダの場所)を探してしまうので、とりあえず記事にしてみました。

お役に立てば幸いです。

[送る]の活用方法

右クリックメニューの[送る]には以下のような設定をして業務の効率化を図っています。

偉そうに書いてますが一般的な使い方しか出来ていないので、他にもこうやって活用できるんだぜ!などあればぜひコメントで教えて下さい!

写真や画像の保存サイズをサクッと小さくする

画像の大きさやサイズを縮小するソフト「縮小専用」(通称:縮専)を愛用しています。

しかし、一つの写真を小さくしたいがために毎回、縮専を立ち上げるのも面倒です。

その面倒を回避するために、右クリックメニュー[送る]に縮小専用を登録して、写真・画像をサクッとリサイズしています。

縮小専用(縮専)でサクッとリサイズ
右クリック→送る→ShukuSenでサクッとリサイズ出来る。

普段はブラウザで表示させたいけど、たまにテキストエディタで開きたいファイルを開く

index.html等のHTMLファイルは基本的にブラウザで表示させたいのですが、ソースコード編集するときなどはテキストエディタで開きたい場合があります。

そういった時に、テキストエディタを立ち上げてからドラッグ&ドロップで編集対象のファイルを開くのは面倒です。

右クリックメニュー[送る]にテキストエディタを登録することでサクッと編集画面を立ち上げられます。

HTMLをサクラエディタでさくっと開く
HTMLをサクラエディタでさくっと開く

すぐ出来る[送る]メニューの設定方法

どうやって[送る(N)]メニューに登録するのかをご紹介します。非常に簡単です。

SendToというディレクトリに表示させたいアプリケーションのショートカットを配置してあげるだけです。

具体的な設定方法は以下のとおりです。

[送る]メニューの設定場所(SendToディレクトリのパス)を調べる

キーボードで、Windowsキー+Rを押して[ファイル名を指定して実行]を立ち上げます。

名前の部分に以下を入力します。

ファイル名を指定して実行「shell:sendto」

OKをクリックするとSendToフォルダが表示されます。

上記でフォルダが表示されない場合は、記事末のSendToディレクトリのパス一覧表を御覧ください。

ショートカットを配置する

SendToディレクトリに、必要なアプリケーションのショートカットを配置します。

これで、[送る(N)]メニューに該当のアプリケーションが表示されるようになりました。

SendToにアプリケーションのショートカットを配置

Windowsバージョン別 SendToディレクトリのパス一覧表

ユーザー名には自分のユーザ名を当てはめてください。

例:ユーザー名 takashi でWindows 10の場合のSendToのパス
C:\Users\takashi\AppData\Roaming\Microsoft\Windows\SendTo\

※ 古いOSのSendToディレクトリのパスは様々なウェブサイトを参照して以下の表を作成しました。誤りがあればコメントでご報告ください。

Windows 10のSendToの場所

C:\Users\[ユーザー名]\AppData\Roaming\Microsoft\Windows\SendTo\

Windows 8 (Windows 8.1)のSendToの場所

C:\Users\[ユーザー名]\AppData\Roaming\Microsoft\Windows\SendTo\

Windows 7のSendToの場所

C:\Users\[ユーザー名]\AppData\Roaming\Microsoft\Windows\SendTo\

Windows VistaのSendToの場所

C:\Users\[ユーザー名]\AppData\Roaming\Microsoft\Windows\SendTo\

Windows 2000のSendToの場所

C:\Documents and Settings\[ユーザー名]\SendTo\

Windows XPのSendToの場所

C:\Documents and Settings\[ユーザー名]\SendTo\

Windows NT4.0のSendToの場所

C:\WINNT\Profiles\[ユーザー名]\SendTo\

Windows MeのSendToの場所

C:\WINDOWS\SendTo\

Windows 98のSendToの場所

C:\Windows\SendTo\

Windows 95のSendToの場所

C:\Windows\SendTo\

まとめ

いかがでしたでしょうか?送るメニュー役に立ちそうですか?

作業効率化に貢献できると嬉しいです。

 

しかし、shell:sendto でSendToディレクトリが表示されるようになったのはいつからだろうなぁ。



[IDE] Eclipse 4.7(OXYGEN)のインストール手順と日本語化

Aptanaのアップデートが止まっている!
新しいIDEを探そう!

私は以前からAptana(Aptana Studio 3)を愛用しているのですが、2014年頃から新しいバージョンがリリースされず。

このまま使い続けるのもいいのですが、他のIDE(統合開発環境)を模索しても良い頃かと思い、AptanaのベースともなっているEclipseをインストールしてみました。

2017年の6月末にEclipseのバージョン4.7(コードネームをOXYGEN(酸素))がリリースされており変わらず活発にアップデートがされているようです。

今回はWindows 10(64bit)でEclipseをインストールする手順をまとめてみました。

日本語化についても簡単に触れていますが不足部分はググってくださいませ。

ダウンロード

公式サイトのダウンロードページへアクセス

https://www.eclipse.org/downloads/

ダウンロードボタンをクリック。

もう一度ダウンロードボタンをクリック

ダウンロードが開始される。

 

お金に余裕のある方は、ダウンロード中の画面に表示される寄付を検討してみてくださいませ。

インストール

ダウンロードしてきた、「eclipse-inst-win64.exe」をダブルクリックしてインストール操作を行います。

Eclipse IDE for JavaScript and Web Developersを選択

Eclipse IDE for JavaScript and Web Developersを選択

インストールパスを指定

インストールパスを指定

利用規約に同意

よく内容を読み、Accept Nowをクリック。

利用規約に同意

インストール完了まで待つ

Eclipseのインストール中

インストール完了したらEclipseを起動

インストール完了 Eclipseの起動

おおぉ!Eclipse!

Eclipseのスプライト画面

ワークスペースディレクトリを指定

ワークスペースを指定

Eclipseが無事に起動しました

Eclipse無事に起動

日本語化

Eclipseの日本語化といえば、Pleiades (プレアデス)。

公式サイトよりPleiadesのプラグインをダウンロード

Pleiades – Eclipse プラグイン日本語化プラグイン
http://mergedoc.osdn.jp/

Eclipseの日本語化

日本語化の設定

詳しくはreadme_pleiades.txtを参照ください。

readme_pleiades.txtより、設定方法部分だけ以下に抜粋します。

1. pleiades_x.x.x.zip を解凍し、plugins、features ディレクトリーを <ECLIPSE_HOME> ディレクトリーに
コピー。(<ECLIPSE_HOME> は Eclipse デフォルトの plugins や features があるディレクトリー)

2. eclipse.ini の最終行に以下の 2 行を追加。Xverify は Eclipse 4.4 以降で必須で、これを指定しないと
起動できなかったり、一部の機能が正常に動作しない可能性があります。
Windows 以外の場合は後述の Eclipse 起動オプション参照してください。

-Xverify:none
-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar

3. Pleiades スプラッシュ画像を使う場合は
eclipse.ini の -showsplash org.eclipse.platform (実際は 2 行) を削除。

最低限1と2だけ行えばEclipseが日本語化されます。

まとめ

以前Javaでプログラムをしていた頃と比べるとロゴがおしゃれになっていたり、Eclipse Marketplace が出来ていたりと色々なアップデートが加えられているようです。

Eclipseを試してみつつ、IDE探しの旅引き続き行ってまいります。



Bootstrapで作られたWEBサイトを見たまま印刷(プリントアウト)する方法

Boostrapを使って作ったサイトをPC用の表示で印刷したい!

Bootstrap利用して構築してあるWEBサイトを印刷すると、見たままの状態では印刷されず、紙媒体でも読みやすいように印刷時にレイアウト等が変更されて印刷されます。

Bootstrapデフォルト状態での印刷プレビュー

以下のURLで印刷プレビューしてもらうと、Bootstrapのデフォルトの印刷スタイルを確認出来ます。
http://onocom.net/code/bootstrap-print/default.html

これは、Bootstrapには予め印刷用のスタイルが定義されており、それが印刷時に適用されるためです。

この印刷スタイルには、

・リンクテキストの後にリンク先のURLが表示される!(ハイテク!)
・背景がすべて消える(インク代節約!)
・レイアウトがシンプルになる(タブレットやスマホ用に近い、コンテンツを読みやすいレイアウトになる!)

などなどが含まれます。
デバイスに応じて適切なスタイル(CSS)を定義すべきという素晴らしい思想だと思います。

しかし、そんなことクライアント様には関係ないようで「印刷用のスタイル?わけがわからない。安く作ってくれればいい。」「印刷すると壊れる!(印刷するとレイアウト崩れておかしくなるの意)」などありがたい意見を頂くことがあります。

印刷する環境はやはりPCなので、PC表示を印刷できるようにして欲しい。という要望です。

[Bootstrap 印刷]とかで調べると、印刷時のURLを消す方法とかはよく出てくるのですが、見たまま印刷する方法って意外と出てこないので頭を抱えておりました。

私以外にもそういうお声に頭を悩ませている方がいることを願い、今回、Bootstrapで見たまま印刷する。という方法に真っ向から立ち向かってみました。

お役に立てれば幸いです。

Bootstrapで見たまま印刷する手順

以下の手順でBootstrapサイトを見たまま印刷できるようにしていきます。

  1. Bootstrap公式サイトから印刷用スタイル(@media print)を除外したパッケージをダウンロード
  2. 印刷調整用CSSの適用
  3. 微調整

1. Bootstrap公式サイトから印刷用スタイル(@media print)を除外したパッケージをダウンロード

まずは、Boostrapから印刷用のスタイル定義情報(@media print)を削除してあげます。

目視で該当部分を削除する方法もありますが、公式サイトのカスタマイズページやSass・Lessを使った方が間違いないでしょう。

ということでここでは、Bootsrap公式サイトのカスタマイズページを利用する前提で話を進めます。

Bootstrapカスタマイズページ

Bootsrapのカスタマイズページ (Customize and download)
http://getbootstrap.com/customize/

このページはBootstrapのカラム幅や色など、多岐にわたるカスタマイズをウェブ上から簡単に行えるページです。
以下の方法で印刷用のスタイルを除外したBootstrapを取得します。

1-1:ページの最初の方にある大見出し「Less files」の中にある、中見出し「Common CSS」の中の「Print media styles」というチェックボックスのチェックを外し、一番下までスクロールします。

Print media styles - Bootstrapカスタマイズページ選択項目

1-2:ページの一番下に「Compile and Download」というボタンがあるのでクリックしてダウンロードします。

ダウンロードしたZIPファイルには印刷スタイルの含まれないBootstrapが出来上がっています!すごい簡単!

コンパイル&ダウンロード

1-3:ダウンロードしたZIPファイルの中からbootstrap.css,bootstrap.min.cssをコピーして現在のサイトで使っているBootstapファイルを上書きします。

ここまでの操作でBootstrapで構築されたサイトを印刷プレビューしてみましょう。

ステップ1が完了した時点での印刷プレビュー

以下のURLで印刷プレビューしてもらうと、このステップが完了した状態の印刷スタイルを確認出来ます。
http://onocom.net/code/bootstrap-print/step1-complete.html

当初より大分改善はされているものの、スマホやタブレットのようなレイアウトになっているかと思います。手順2でその部分を改善していきます。


蛇足ですが、ダウンロードしたZIPファイルには「config.json」というファイルが含まれています。このファイル先ほどBootstrapのカスタマイズページの上部からアップロードしてあげることでカスタマイズ情報を引き継ぐことができます。

config.jsonの使い方そのため、Bootstrapのバージョンが変わってもこのファイルをアップロードして再度Bootstrapをダウンロードすることで、印刷スタイルの定義されていないBootstrapのCSSファイルを簡単にダウンロードできるのです。


2. 印刷調整用CSSの適用

印刷用スタイルの定義されていないbootstrap.cssを利用すると印刷が見たままに多少近づきますが、レイアウトがスマホやタブレットのようになりがちです。

そこで私が特別に作った黒魔術のようなCSS(bootstrap-print.css)を以下からダウンロードしてサイトに適用してあげます。

bootstrap-print
https://github.com/onocom/bootstrap-print

するとどういうことでしょう。印刷プレビューがPC表示のままで印刷出来るようになっていませんか!?PC表示のまま印刷出来るという方はここまでで作業終了。

全ての対応が終わった時の印刷プレビュー

以下のURLで印刷プレビューしてもらうと、印刷対応が全て完了した状態の印刷スタイルを確認出来ます。
http://onocom.net/code/bootstrap-print/index.html

もし、一部印刷が上手く出来ない方は3.微調整を行っていきます。

3. 微調整

サイトによっては(と言うか殆どのサイトでは)、2の調整用のCSSを導入しただけでは細かな部分でおかしい箇所が出てくると思います。

そこは印刷調整用のCSSに追記するなどして一個ずつ潰していきましょう。

先ほどのbootstrap-print.cssに追記するか、以下の用にプリント用のCSS (@print)を作成して最終調整を行います。

bootstrap-print-adjuster.cssみたいなファイルを作成し、以下のように記述する

さぁ、これで印刷パーフェクトになったはずです!

まとめ

ここに辿り着くまでに意外と時間がかかりました(^_^;)

印刷調整用CSSはまだまだ改良の余地があると思いますので、お気づきの点などあればリクエストをお願いします。

皆様のウェブサイトが見たまま印刷出来るようになってくれることを願います!



concrete5 を Version5.7 から Version8 (8.1.0) にバージョンアップする方法とエラー時の対応方法

concrete5 version 8.1.0がリリースされています。

日本時間の1月25日にconcrete5のバージョン8.1.0がリリースされました。

そろそろバージョン8が安定してきたかなぁと様子を伺いつつ、アップデートを行いました。

今回、私が行ったアップグレード方法をご紹介します。

基本、以下のURLで紹介されていた英文をGoogle翻訳を掛けつつ進めました。

間違っている操作があれば教えて下さいませ。

Upgrading concrete5
https://documentation.concrete5.org/developers/installation/upgrading-concrete5

Version8.1.0へのアップデート手順

以下の手順でアップデートを行いました。

5.7系のconcrete5を利用している想定で話を進めます。

  1. 5.7系の最新バージョン(5.7.13)にアップデート
  2. 8.1.0をダウンロードして解凍
  3. 必要なファイルをアップロード
  4. 管理画面からアップデート
  5. つまづいたことと対応方法まとめ

Version8へアップデートしよう

1. 5.7系の最新バージョン(5.7.13)にアップデート

管理画面にログイン後、システムのバージョンアップを実行します。
この操作の前にバックアップはとっておきましょう!

以下の画面からアップデート操作を行います。

管理画面から【システムと設定】→【バックアップとリストア】→【concrete5をアップグレード】

画面のアナウンスに従って5.7.13にアップデートしていきます。

5.7.5.13へアップグレード

ダウンロードボタンをクリックして自動でダウンロードします。

(もしこのダウンロードボタンをクリックしてもエラーになる場合、手順2,3のように5.7.5.13を手動アップデートします。)

5.7.5.13へアップグレード

その後、更新をインストールをクリックしてバージョンアップを行います。

5.7.5.13へアップグレードが完了しました。

問題なく5.7.13にアップデートできました。

2. 8.1.0をダウンロードして解凍

次に、concrete5 Ver.8.1.0を公式サイトからダウンロードします。

concrete5 ダウンロード
https://concrete5-japan.org/about/download/

ダウンロードしたら解凍しましょう。

3. 必要なファイルをアップロード

解凍したファイルの中から、concreteディレクトリのみを残してそれ以外を削除します。

concreteディレクトリのみを残してそれ以外は全て削除

concreteディレクトリが格納された、concrete5-8.1.0ディレクトリを、updatesディレクトリにアップします。

updatesディレクトリに格納concrete5-8.1.0ディレクトリをupdatesディレクトリにアップロード

4. 管理画面からアップデート

アップロードが完了したら、以下の画面からアップデート操作を行います。

管理画面から【システムと設定】→【バックアップとリストア】→【concrete5をアップグレード】

画面のアナウンスに従って、8.1.0をインストールしていきます。

version8.1へアップグレード

更新をインストールをクリックします。

version8.1へアップグレードが完了しました。

これでVersion8.1へのアップデートは完了しました。

5.つまづいたことと対応まとめ

アップデートをしていると上手く行かないことがありました。

以下にエラーと対処方法を列挙します。

予期せぬエラーが発生しました。実行時間オーバーエラー

Maximum execution time of 30 seconds exceeded

上記のエラーが出た場合は、php.iniの設定を見直します。

php.ini の以下のパラメータを長く(120秒位?)設定します。

max_execution_time = 120

実行時間オーバーエラーが出て以降、エラーでインストールが進まない。

php.iniの設定をしたのに、エラーで動かない場合、concrete.phpファイルを設定してあげます。

\concrete\config\concrete.php

上記をコピーして以下のディレクトリに貼り付ける。

\application\config\

その後以下のパラメータ(170行目あたり)をtrueに変更してアップロードする。

※ アップデートが無事に終わったら上記をfalseに戻しておきましょう!

まとめ

スムーズに進めばすんなりとアップデートが完了するはずですが、躓いたら色々と調べる事になります!頑張りましょう!

また、これからはconcrete5のバージョン8が主流になっていくと思うので、影響が小さそうなサイトからアップデートを試し、ノウハウを蓄積してから大きめなサイトのアップデートをすることがおすすめです。

健闘を祈ります!



【動画付き操作方法】複数に分かれたファイルを1つにまとめて圧縮する方法。まとめたファイルをファイル便(無料の大容量ファイル転送サービス)で送る方法。(Windows/Mac)

大容量の写真をメールで送りたい!沢山のファイルを纏めて送りたい!という方へ

写真ファイルなどのファイルサイズの大きなファイルをやり取りする時に、メールに添付してしまうと容量オーバーで送れない場合があります。また、ファイル数が多いと尚大変です。

そういったときのために、

1:複数ファイルを圧縮して1つにまとめる方法

2:圧縮したファイルをファイル便、大容量ファイル転送サービスで送る方法

を動画付きでご紹介します。

Windowsで操作をしていますが、「圧縮してひとつに纏めて送る。」という基本的な考え方はMacでも同様です。

1:複数ファイルを圧縮して1つにまとめる方法

複数のファイルサイズの大きいファイルをひとつに纏めて圧縮する方法は以下のとおりです。

手順

  1. フォルダを作成する
  2. フォルダに圧縮したいデータを入れる
  3. フォルダを右クリックする
  4. 右クリックメニューの「送る」から「圧縮( zip形式 )フォルダー」を選択
  5. 圧縮ファイルが出来上がります

2:圧縮したファイルをファイル便、大容量ファイル転送サービスで送る方法

宅ふぁいる便というサービスを利用してファイルを一旦オンラインにアップロードします。(宅ふぁいる便だと300MBまで無料で送ることが出来ます。)

アップロードするとダウンロード用のURLが発行されますので、そちらをコピーしてメールやサイボウズLive、チャットワーク等に貼り付けて共有します。

手順(300MB以内のファイルを送る場合)

300MB以内の場合は宅ふぁいる便というサービスが使いやすいです。

  1. 宅ふぁいる便のアップロード用URLにアクセスする
    https://free.filesend.to/fileup_free
  2. 圧縮したファイルをドラッグ&ドロップで放り込む
  3. 「著作権侵害や違法なファイル等ではありません」にチェックを入れる
  4. 「アップロード内容を確認する」ボタンをクリックしてファイルをアップロードする
  5. ダウンロードURLをコピーして、メールやサイボウズLiveで送信します。

手順(300MB以上のファイルを送る場合)

300MBを超える物凄く大きなファイルを送りたい場合は、ギガファイル便というサービスを利用します。

  1. 宅ふぁいる便のアップロード用URLにアクセスする
    http://gigafile.nu/
  2. 圧縮したファイルをドラッグ&ドロップで放り込む
  3. ダウンロードURLが発行されるので、URLをコピーして、メールやサイボウズLiveで送信します。

まとめ

最近はGoogleDriveやDropboxといったサービスでやり取りすることも増えてきましたが、クライアントさんによってはそういうサービスを利用していない方も多いので、ファイル送信サービスをご紹介しました。

ご参考になれば幸いです。