投稿

ラベル（Windows）が付いた投稿を表示しています

スポンサー

【Windows】一つのパソコンで複数のChromeを使用する方法

イメージ
一つのパソコンで複数のChromeとは そのまま言ってしまえば、「別の保存データを持つ同じブラウザ」つまり、「ブラウザを二つ作る」ということです。 早速やり方です。 やり方 まず、Chromeはインストールしてありますね？(Chromeのインストールはこちらから: chrome.com ) 次に、GoogleChromeのショートカットはデスクトップにありますか？ ない場合、作成してからお願いします。 ショートカットをコピーして近くにペーストしてください。 Chromeのショートカットアイコン そして、複製したものに自由に名前を付けてください。 二つに増やした。 そしたら、まず、二つとも開いてみてください。 二つとも、同じブラウザ、データで表示されましたね。 それでは、次に二つ目のブラウザのデータを保存するフォルダを作成します。 chrome2というフォルダ名で今回作ってみましょう。 chrome2フォルダはローカルディスクの直下(C:\chrome2)に保存していただくとやりやすいと思います。 そうしたら、つぎにショートカットの増やしたほうを右クリックして、「プロパティ」をクリックします。 ショートカットのタブを開いていることを確認してください。 そうしたら、 リンク先(T): と書いてある場所に以下の記述を追加します。 --user-data-dir=c:\chrome2 また、dir=の後は先ほど作成したフォルダのパスになるよう変更してください。 ※手順通りであれば変える必要はありません また、.exe"と--userの間は 半角スペースがあることを 確認してください。 しっかりと確認ができたら、OKを押して閉じてください。 そのあと、変更したショートカットを開いてみてください。 いつものデータとはまた別の新しい別のデータで開いたかと思います。 また、先ほど新しく作成したフォルダには起動した時点でファイル等書き込まれていることがわかるでしょう。 これは何回でもできるので仕事を分けるときなどにぜひ利用してみてください。 ※これはWindows専用です...
続きを読む

Windows10で一部分のスクリーンショットを撮る方法

イメージ
始めに windows10では、スクリーンショットを撮影する機能があるのはご存じですか？もちろんprtsc(printscreen)キーではありません。 一部分のスクリーンショットを撮影する方法 スクリーンショットを撮影するには、このコマンドで実行できます。 Windowsキー +Shift+S です。 ※同時に押してください。 そうすると、画面が暗くなると思うので、その時に撮影したい部分を選択します。 選択した範囲のデータはクリップボードに入るので、ペイントアプリ等で貼り付けして画像を作成してください。 このような感じです。 画像が大きくてぼやけてたらすいません。まあ参考ということで。 最後に まさかWindows10にこんな機能があったとは！と私も驚いてしまいました。 Macにはもともとあって、Windowsにもほしいと思っていたので追加されてうれしいです。 簡単にスクショを撮影できて、windowsももっと進化していくんだな。と感じた気がします。
続きを読む

広告

このブログの人気の投稿

【CSS】アニメーション等動作がカクカクする時の対処法

始めに 参考にさせていただいた元記事 カクカクするのはブラウザごとに異なる アニメーション時のチラつきの原因はほとんどが「アニメーション」として処理されていないということです。 一般的なブラウザ(Chrome,Firefox,Safari,Opera)の最新バージョンであればあまり気にする必要もないのですが、一部のデバイス内のアプリ等(cordova等)では古いバージョンのブラウザを使用している場合や、古いデバイスであると古いブラウザになってしまうでしょう。 (IEでもチラつきが目立つ。また、Edgeの場合もIEとほぼ変わらずチラつきがみられる。) 今回は一般的な3つの対処法を見ていきます。 対処法 1 サイトによっては ○○{ transform: translate3d(0,0,0); } などというものもありますが、これはブラウザに無駄な処理を与えてしまっているため良い対処法ではない他、直らない場合もあるのでこれは軽く頭に入れておく程度でいいでしょう。 2 次の対処法は、will-changeです。 初めて聞く方もいると思いますが、will-changeを使用することで、要素にどのような変更を加えるかを先にブラウザに伝えることができます。 変形処理を伝えるときはこのようにします。 ○○{ will-change: transform; } また、アニメーションは次のようにします。 ○○{ will-change: animation; } さらに、複数の処理を同時に行うときはカンマ( , )で区切ることでまとめて記述することができます。 ○○{ will-change: transform,animation,position; } このようにすることで、translate3dのように不要な処理なく効率的に処理することができます。 3 また、この方法でも直る場合があります。 ○○{ -webkit-backface-visibility: hidden; backface-visibility: hidden; } この要素について詳しくはこちらを見ていただくといいと思います。 backface-visibility 最後に 一番最適な対処法は2番目の...
続きを読む

超軽量DOM操作ライブラリdom_sen.js var2

始めに 説明は こちら をご覧ください。 使い方 まず、もちろんですが読み込み方です。ライブラリを使用するソースコードより早い位置にこのソースコードを記述します。 <script src="https://tamralworld.com/library/dom_sen_v2.js"></script> ※V1を利用したい方はV2のエリアを置き換えてください V2での変更点 d_属性の操作可能なCSSに新たに下記の指定をすることができます。 d_z_index() d_box_sizing() d_font_size() さらに、qsa関数はv1時点で操作可能なCSSがdisplayのみだったものに対し、d_関数と同様のCSSが利用可能となりました。 qsa関数とd_関数の両方にvalue、 qsa_value() d_value() (指定のみ)が追加されました。
続きを読む

超軽量DOM操作ライブラリdom_sen.js var1

始めに 説明は こちら をご覧ください。 使い方 まず、もちろんですが読み込み方です。ライブラリを使用するソースコードより早い位置にこのソースコードを記述します。 <script src="https://tamralworld.com/library/dom_sen_v1.js"></script> そして使用可能な関数一覧(使い方はのち) qsa() qs() qsa_html() qsa_text() qsa_display() d_html() d_text() d_CSS各指定()* *後程詳しく 関数の使い方 qsa( CSSセレクタ ) document.querySelectorAll() の省略です。 qs( CSSセレクタ ) document.querySelector() の省略です。 qsa_html( CSSセレクタ , HTML) Jqueryの $(CSSセレクタ).html(HTML); と同様です。 qsa_text( CSSセレクタ , テキスト) Jqueryの $(CSSセレクタ).text(テキスト); と同様です。 qsa_display( CSSセレクタ , CSS[display]の値 ); CSSセレクタで選択した要素のスタイルのdisplayを変更します。 d_html( 属性ネーム , 属性ネームの値 , HTML ) 属性ネームは要素の属性に「d_属性ネーム="属性ネームの値"」のように指定されている属性のHTMLを変更します。 例: <span d_html="script1">変更前</span> <script> d_html("html","script1","変更後"); //属性d_htmlがscript1の要素のHTMLを「変更後」に変更 </script> d_text( 属性ネーム , 属性ネームの値 , テキスト ) 属性ネームは要素の属性に「d_...
続きを読む