タグ

tipsとTIPSに関するlatteruのブックマーク (55)

  • Chrome開発者ツールの小技集 | POSTD

    最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました(少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど)。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく

    Chrome開発者ツールの小技集 | POSTD
  • CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips

    リスト要素で実装したアイテム間の区切り線の最後だけ取り除く簡単なコード、リストの各アイテムをカンマ区切りで配置させるコード、テキスト表示をすべてのデバイスで最適化するコードなど、サイトやブログに役立つ便利なCSSのテクニックを紹介します。 CSS Protips -GitHub 当記事は、2015/11/4に公開した記事に追加分を加えたものです。 更新: 2016/3/7 13, 14, 15を追加。 更新: 2016/4/13 16, 17を追加。 CSS ProtipsのライセンスはCC0 1.0で、個人でも商用でも無料で利用できます。 スタイルシートの対応ブラウザはChrome, Firefox, Safari, Edge, IE11です。 1. リスト要素の最後だけ区切り線を削除 2. body要素に「line-height」を加える 3. 天地の中央に配置 4. リストをカンマ区

    CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips
  • 2つのExcelファイルの差分を比較するツール - 蒼の王座・裏口

    Excel 2013では、標準で2つのExcelファイルを比較して、差分を表示するツールが同梱されていますので、使用方法を説明します。 1.ファイルメニューを選択します。 2.オプションを選択します。 3.アドインを選択します。 4.管理から「COMアドイン」を選択します。 5.設定ボタンをクリックします。 6.Inquireにチェックを入れ、OKボタンをクリックします。 7.INQUIREタブを選択します。 8.比較したいExcelファイルをあらかじめ2つ開いておきます。 9.ファイルの比較を選択します。 10.ファイルを比較します。比較ボタンをクリックします。 11.結果が表示されます。

    2つのExcelファイルの差分を比較するツール - 蒼の王座・裏口
  • VIMで選択行をソートする - Qiita

    vimの内部コマンドにsortがあったのね。初めて知りました。 以下のように、外部コマンドの sort.exe を使ってソートすると、文字化けすることがあるので上記の内部コマンドを使いましょう。

    VIMで選択行をソートする - Qiita
  • 仕事が10倍捗るスプレッドシート神関数10 | Tokyo Otaku Mode Blog

    こんにちは。Tokyo Otaku Modeの安宅です。先日から、とあるプロジェクトにジョインして、久々にGoogleスプレッドシートをゴリゴリ活用して仕事をしています。そんな中、これは惚れた!というスプレッドシートの神関数を紹介したいと思います。 ARRAYFORMULA関数 これを活用し始めてから、関数をいちいち全部の行に埋め込んでいくことが、なんだかカッコ悪く感じるくらい、スマートでオシャレな関数です。例えば、100行のVLOOKUP関数を行うときには、これまではVLOOKUP関数を1つ作って、それを残り99個の行にVLOOKUP関数をコピーしていたと思いますが、ARRAYFORMULA関数を使うと、なんと1個の関数で100行分の値が出力されます。実際に動作も軽くなるのでカッコよさと実用性を兼ね備えた関数です。配列に対応する関数であれば、ほぼなんでも利用できるのも好感度が高いです。

    仕事が10倍捗るスプレッドシート神関数10 | Tokyo Otaku Mode Blog
  • sshの接続確立が遅い場合の対処方法 - yuyarinの日記

    140文字で収まらなかったので. ssh でログインはできる(認証は成功している)し操作も普通に行える(RTTが正常な範囲)けど,ログインできるまでに(パスワード認証の場合はユーザ名やパスワードを聞かれるまでに)非常に時間がかかるような場合の原因と対処方法を記しておく.こうした現象は主に何らかの方法に挑戦して失敗・タイムアウトしていることが原因である. クライアントの名前解決が原因 クライアントの名前解決ができなくて時間がかかっている.サーバ側での設定変更が主. ssh サーバの /etc/hosts にクライアントの設定を書く 名前解決ができないので ssh クライアントの直接名前を設定してあげる.個別対応なのであまり良い解決策ではないが,やむを得ない場合はこの方法. 192.168.0.2 ssh-client.example.com 192.168.0.2 がクライアントの IP ア

    sshの接続確立が遅い場合の対処方法 - yuyarinの日記
  • ssh周りの設定、Tipsのまとめ

    B! 332 0 0 0 SSH関連のポストが結構たまったので取り敢えずのまとめ。 SSHクライアント Windows Mac Android/iPhone 多段SSH 外部から見れないページを外部から見る方法 その他ポートフォワード 同じサーバーに複数接続時に接続高速化 接続を強化 無料ダイナミックDNS Mac関連 SSHクライアント ターミナルです。 LinuxならGnomeターミナルなりなんなり入ってる物で良いでしょうし、 Macも取り敢えずは入ってるターミナル.appで使えます。 Windowsでは現段階ではコマンドプロンプトやPowerShellではsshがサポートされてないので 1 何らかの物を入れてあげる必要があります。 Windows Windowsでは今パッと入れるのであれば MobaXtermが一番優れていると思います。 MobaXterm: Windowsでのcyg

    ssh周りの設定、Tipsのまとめ
  • 2. OpenSSH を Client で利用する

    openssl 必須。暗号化、復号化、認証等を行うライブラリ類が含まれています。 openssh 必須。OpenSSH が使用するディレクトリ、ドキュメント、 および鍵を作成・参照するプログラムとそのマニュアルが含まれています。 openssh-clients 必須。rlogin と telnet の代わりになる ssh、 rcp の代わりになる scp、 および ftp の代わりになる sftp と それらのマニュアルを含んでいます。 openssh-askpass OpenSSH のパスフレーズを入力させるウィンドウを表示させるのに必要な プログラムと、それらのマニュアル、ドキュメントを含んでいます。 これは必須ではありません。 openssh-askpass-gnome gtk+ で作られた openssh-askpass を使用するのに必要なプログラムと そのマニュアルが含まれてい

  • Command Technica:はじめてrsyncを使う方が知っておきたい6つのルール (1/2) - ITmedia エンタープライズ

    Linuxなどを利用する上で、「これはどうやったら実現できるのだろう」と思うことは数知れない。連載では、ユーザーがひんぱんに遭遇するであろう問題と、その解決方法を解説する。上級者には新たな発見を、初心者には上級者への道の手引きとなるだろう。 ファイルやディレクトリをバックアップ/同期するためのツールは幾つも存在していますが、rsyncはとりわけ大きな人気を誇っているといってよいでしょう。変更分を検出して差分のみを転送することで、ネットワーク経由でも効率的にバックアップ/同期が行える点や、sshなどのリモートシェル経由での利用が可能な点など、機能の洗練度はさすがに登場から10年以上たっているだけのことはあります。バックアップやミラーリングなどの用途であれば、基的にはコピー元とコピー先でわずかな違いしか発生しないはずで、ファイルの相違部分だけを転送するrsyncは効率的に機能します。 そん

    Command Technica:はじめてrsyncを使う方が知っておきたい6つのルール (1/2) - ITmedia エンタープライズ
  • 一人暮らしを始めた新入学生・新入社員へ、服が雑巾臭くならない方法

    4月から一人暮らしを始めた人も多いと思うが、新生活も慣れてきただろうか。 実家での生活では、勝手に事が出てきて、風呂も沸いて、服は畳まれていたのを、すべて自分でやらなくてはいけなくなり苦労している人もいるだろう。 さて、4月も終わりに近づき、汗をかくようになる季節がやってきた。 電車や街などで、雑巾のような臭いを放っている人に遭遇したことはないだろうか? あれは、体臭などでは無く間違った洗濯の方法によって臭くなった服の臭いなのである。 もし君があの雑巾臭を放ちながら学校や会社に行けば、君のアダ名は雑巾君になることは間違いない。(女性ならモップちゃん) しかし、一人暮らしを始めたばかりの人は、あまり洗濯の手順についてわからないと思う。 そこで、服などが雑巾の臭いにならないための洗濯方法を伝授する。 臭くなる仕組みまずはなぜ臭くなるのか説明する。 結論からいうと、モラクセラ菌という細菌が原因

    一人暮らしを始めた新入学生・新入社員へ、服が雑巾臭くならない方法
  • WindowsのあのフォルダはUNIX/Linuxで言えばあそこだ - Qiita

    日頃Windows使っててたまにUNIX系のレシピ読むと「適当なディレクトリ」という記述を見た瞬間に詰みます。料理できない人が「醤油適量」で死ぬくらいの致死率です。 というわけで日頃Windows使ってる人なりにディレクトリの対応表をまとめました。FHSの正確な定義よりはざっくりこんな使われ方だから近いよねで分類しています。 また、UNIX/LinuxのパッケージマネージャにWindowsで相当するのはソフトのインストーラではなく、機能・役割の有効化だと解釈しています。 姉妹編つくりました ファイルのユーザ権限制御・Windows vs UNIX比較 Windows 働き UNIX

    WindowsのあのフォルダはUNIX/Linuxで言えばあそこだ - Qiita
  • 終電=定時だったわたしが勉強時間を確保するためにした1つのこと - インターネットの備忘録

    仕事で多忙なときって勉強とか新しい知識の吸収がはかどるなあと思うので、忙しいときほどいろいろ詰め込みたいタイプです。 で、その性格もあって毎日24時23分の最終電車に乗って帰宅するほど働いていた頃、並行して興味があった業務外の資格を取得したことがあったのですが、などでいろいろ言われている通り、ほんとにちょっとしたコツでけっこうやれるものだな、と実感しました。 具体的なポイントについてはkomokoさんが丁寧なエントリーを書かれているので、わたしは体験談を書こうかなーと思います。 仕事をしながら勉強を続けるための7つのポイント|かみんぐあうとっ http://d.hatena.ne.jp/komoko-i/20110625/p1 会社帰りに毎日30分、マクドナルドで勉強した 当時は激務だったので、自宅に帰ったら即お風呂→即寝でした。 家に着くと1時を回っていて、ヘロヘロになりながら化粧を落

    終電=定時だったわたしが勉強時間を確保するためにした1つのこと - インターネットの備忘録
  • メール返信で困ったときに使えるフレーズいくつか - インターネットの備忘録

    メールの返信は面倒くさい。 おまえそれはこないだのメール見ろよとか 全員に返信してこいよとかいろいろ面倒なことが 日々積み重なっていくのがメール返信だと思うのですが、 さくっと返信して終わらせたいけどうまい言葉が見つからない、 というときがいちばん面倒くさい。 ただ、虚礼廃止虚礼廃止と唱えて返信したメールが 相手の逆鱗に触れちゃって「あいつは失礼なやつだ!」なんて 先々もっと面倒くさいことになるのでこれも面倒くさい。 だったらバカみたいに忙しいときにキーボードを打つ指が止まらないよう、 かつ、ある程度失礼にならない表現方法のストックを持っておくのがいいのでは、 ということに気づきまとめることにしました。 断るとき あんまりムゲにしてもなあ…というとき。 はっきり断りたいんだけど、相手がムッとしないで済む表現。 断りたい理由別にいくつか。 ・できないとき、無理なとき 「そちらの件については対

    メール返信で困ったときに使えるフレーズいくつか - インターネットの備忘録
  • 現場指向のレプリケーション詳説

    この文書は、技術評論社刊『WEB+DB PRESS Vol.22』に執筆した記事を技術評論社の 許可を得てWWWで公開しているものです。 このWWW版は校正前の原稿を元にしている点、WWW公開後に必要があれば修正する点で、雑誌版の文章とは異なる部分があります。また、図表も雑誌版とは異なります。 予めご了承ください。 また、この文章が対象しているのはMySQL 4.0系なので、最新のリリース版と比べると説明不足な点などが多々あると思います。 レプリケーションの基をおさえるには、この文書はまだ有益だと思いますが、設定レベルの説明は最新のドキュメントを参照するようにしてください。

  • [ 仮想メモリ ] をDドライブに移動する - Windows XP 高速化.com

    パソコンの中に搭載されているメモリのことを [物理メモリ] といいますが、作業中その [物理メモリ] の容量が不足すると一時的にデータをハードディスク上に待避させ、搭載容量以上のメモリ領域が利用出来るようになります。 このハードディスク上に与えられたメモリ領域を [仮想メモリ] と呼びます。 Windows XP の標準設定では、搭載されている [物理メモリ] の1.5倍の容量が [仮想メモリ] としてハードディスク上に作成されます。 例えば、搭載メモリが 256MBなら384MB、512MBなら768MBの [仮想メモリ] が作成されます。 [仮想メモリ] は標準ではCドライブに作成されますがDドライブがあれば、そちらに作成されるように設定変更しCドライブをスリム化、安定化させましょう。 (1) デスクトップ上の [マイコンピューター] を右クリックし、メニューの [プロパティ] を選択