この記事ははてなエンジニア Advent Calendar 2020の6日目の記事です。 qiita.com 5日目は id:mizdra さんによるpolyfill を深堀りするでした。フロントエンド周りは弱い自分としてもこの記事を読むだけでpolyfillの概要から今後どうすると良いかなど知れてとてもありがたい記事でした。 www.mizdra.net さて今日は視点変えてツールの話を書きます。毎日使っているツールこそ、提供されている便利な機能を把握しておきたい。Macで使ってるターミナルアプリ「iTerm2」について書きます。 iterm2.com まずはみんながひょっとしたら知らない基本操作についていくつか紹介し、後半はTriggersという機能の使い方をいくつか紹介します。 (記事執筆時点ではver.3.4を使っています) tl;dr 公式ドキュメントにいろいろ書いてあるので読み

自分のMacが古かったり、新しくても動作が遅くなったりしていたら、見た目を楽しませるだけのアニメーションを無効にして、Macを少しでもスピードアップさせましょう。OS Xのテクニック紹介サイト「Defaults-Write」に、そのためのコマンドが紹介されていました。 アニメーションを無効にすると、Macが若干速くなったような気がします（使う楽しみも少し減りますが）。「何もかもが遅くてイヤ」なら、コマンドラインを使って改善しましょう。OS X El Capitanで実証済みの方法ですが、Yosemiteでも使えるはずです。まず、ターミナル（アプリケーション＞ユーティリティ）を起動してコマンドラインに進んだら、以下のコマンドを入力して、オフにしたいアニメーションを無効にします。 開く／閉じるのウィンドウアニメーションを無効に defaults write NSGlobalDomain NSA

Windowsユーザーだった女子編集者が、実際にMacを使うなかで出合ったトラブルを解決する本連載。先日、Macの「delete」ではWindowsのようにカーソルの後ろを削除できないと思っていたところ、なんと標準機能で解決できたという話をご紹介しました（関連記事）。 今回も「WindowsではできるのにMacでできない」と思っていたら実は標準でできる、とっておきのネタです。私自身の体験に基づいており、発見したのはつい最近です（笑）。 Finderでファイルやフォルダーを移動したいとき、Windowsでは「Ctrl」＋「X」でカットし、「Ctrl」＋「V」でペーストします。ところがMacでは、「command」＋「X」が効きません。移動したい場合もコピーになってしまうため、コピーしてからコピー元を削除するといったことをしていました。 ところが、貼り付ける際に「command」＋「optio

※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 OS X Mavericksの機能のひとつに、複数のアプリケーションを同時に使用する時の消費電力を節約できるようにする「App Nap」があります。 これは、使用中のアプリがほかのアプリのウインドウの後ろに完全に隠れるとそれを認識し、なんらかの処理が行われていない場合、App Napがアプリの処理速度を下げることで、バッテリーを節約し、駆動時間を延ばそうとします。 このウィンドウのバックグラウンドに隠れてしまうと、アプリ自体がバックグラウンド処理を行っている場合、その処理が著しく低下してしまいます。 そうした場合、アプリを選択して、Finderから情報を見るを選択し「App Nap を切りにする」にチェックを入れます。

今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか？ これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.

先日Evernoteを整理していたら、適当にメモされたGoogleの便利な検索機能がいくつもありましたので、今日はそれをまとめておこうと思います(暇なので)。あと小ネタもいくつかありましたので、ついでにそれもまとめちゃいます。こうして改めてまとめてみると「Googleってやっぱ便利だなー」と惚れ直しました。今日紹介する検索技などを使用して、皆さんももっと便利にgoogleを使いこなしちゃってください！ ちなみに左のアイキャッチは、2012年4月24日のgoogleTOPページです。4月24日はファスナーを現在の形に仕上げたギデオン・サンドバックさんの誕生日のため、googleのTOPページがこのユニークなロゴになったようです。 Googleの検索演算子15 link:指定したページの被リンクを表示 使い方：[link:http://www.google.co.jp/] 補足：対象ページに対

ついに買ったぞ!Amazonブラックフライデーでライフハッカー編集部員が購入したもの【12/6まで更新中】

「Mac OS X 10.5 Leopard」で導入されたマルチデスクトップ管理ツール『Spaces』は、とてもすばらしいツールでした。ところが悲しいことに、アップグレードしたLionでは使えなくなってしまいました（もちろんMountain Lionでも...）。ここでは、そんな愛しのSpacesを復活させる方法をご紹介します。 Lionでは、4本指スワイプでデスクトップを切り替えられるようになりました。しかし、Appleはデスクトップを一列に並べてしまいました。さらに悪いことに、デスクトップの切り替え時に余計なアニメーションを挟んでしまったのです。生産性向上とは真逆の方向を向いてしまいました。 しかし、嘆くことはありません。道はあります。 ■まずは試行錯誤...。 筆者は「Mission Control」のアニメーションを高速化することを思いついたそうです。高速化のためには、ターミナルか

普段使っているフォントにはフォント名のほかに、MT、Std、OsF、CEなど見慣れない省略文字が付いていることがあります。その正体とは一体何なのでしょうか？個人的に気になったものを中心に詳しく調べてみました。 多くの場合はフォントブランド名や太さ・スタイルを示す 有名・定番フォントはライセンスの関係上、様々なフォントブランドが同じ名前の書体のフォントをリリースしているため、区別するために省略文字が付けられていることがあります。頭についたり後ろについたりします。 割とよく見かけるブランドだと、FF=FontFont、BT=Bitstream、MT=Monotype、ITC=International Typeface Coprporationでしょうか。皆さんのパソコンにインストールされているフォントにも多く見つかるはずです。最近はあまり見かけなくなりましたが、LT=Linotype、A=A

必要なのはノート1冊。時間管理&マインドフルネスが同時にできる「インタースティシャル・ジャーナリング」

Mac：今見ているWebサイトのURLを、サッとコピーして誰かに送りたい時はどうしていますか？　 Macなら、あっという間にメールにURLをコピー＆ペーストできるショートカットがあります。 「Command＋Shift＋I」キーを押すと、新規メッセージが自動的に開き、ページのタイトルが件名になってリンクが本文に入ります。 このショートカットは、MacのChrome/Safariで使用可能です。メーラーは、『Mail』でも『Thunderbird』でも大丈夫とのこと。Windows 7で試してみましたが、残念ながらダメでした。WindowsでもMacでも、Firefoxでは使用できません。 こういうショートカットを知っていると、些細なことでも随分時間短縮やストレス軽減につながります。他のブラウザやプラットフォームで使える、同じようなショートカットや楽できる方法があれば、ぜひともコメントにお願

This domain may be for sale!

jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 投稿日2012年02月03日 更新日2012年02月03日 リンク（href）を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){

Mac：「クイックルック」は、ドキュメントのテキスト確認をするには最適な方法ですが、そこからテキストの選択やコピーができないのが不便な時も...。クイックルックからテキストをコピーしたいと思っている方は、シンプルなターミナルコマンドを使ってコピーが可能です。 クイックルックウィンドウからテキストを直接コピーしたい場合は、下記のコードをターミナルに貼付けます。 defaults write com.apple.finder QLEnableTextSelection -bool TRUE; killall Finder 完了するとファインダーが再起動し、再起動後にはテキストドキュメントをクイックルックした状態からのテキストのコピーが可能です！ Select and copy text within Quick Look previews | Macworld Thorin Klosowski

今やコンピュータは一人一台の時代。個人情報の宝庫でもあるゆえ、他人に無断で使われるのは避けたいですよね。コンピュータにログインするためのパスワードを設定したり、『Prey』などのアプリをインストールしておくのも基本的な手段ですが、誰かに自分のコンピュータを使われた疑いがあるなら、コンピュータにビルトインされたログをチェックするのも一法です。 Image remixed from an original by CREATISTA . ■Windows：イベントビューアをチェックする方法 Windowsでは、「イベントビューアー」と呼ばれるプログラムを開くと、最近のコンピュータの使用履歴がわかります。手順は次のとおり。 スタートメニューの検索ボックスに「Event Viewer」と入力し、Enterキーをたたく。 左サイドバーの「Windows ログ」をダブルクリックし、「システム」をクリック

2013年3月23日 Webサイト制作 一年ちょっと前に「Facebookページを自由にカスタマイズする方法」という記事でFacebookページの作成方法を説明したのですが、Facebookはコロコロ仕様を変更するため、その記事を読んでもFacebookページは作れませんｗ 今や使い物にならない記事にもかかわらずアクセス数はかなりあるので、訂正…というか新仕様にあわせたFacebookページの作成方法を説明します。 ↑私が10年以上利用している会計ソフト！ 冒頭でも書きましたが、Facebookページの作り方についての記事は、半年以上前に書かれたものはアテにしないほうがいいです。それほどFacebookは仕様変更のスパンが短いのです。この記事もあと半年後には書き直しなのか…そうなのか…。 基本的なFacebookページの作り方 まずはFacebookページを新規作成します。こちらの「Fac

「Mission Control」のウィンドウ整理機能は、「Exposé」の以前のバージョンと比較すると確実に使いやすくなっていますが、個々のウィンドウを確認するには若干使いにくい...と感じている人もいるかもしれません。しかし、実はアプリのウィンドウを広げて一つにフォーカスできるショートカットがあります。 Exposéと違い、Mission Controlはウィンドウをアプリごとにまとめてくれるので、全体を確認するのには便利ですが、フォーカスしたいウィンドウが見えなくなることも...。この問題を解決するためのジェスチャーが「Mac OS X Hints」に載っていたので、ご紹介します。 Mission Controlを立ち上げ、ウィンドウが重なっているところにマウスカーソルを移動させてスクロールアップすると、ウィンドウがばらけて表示されるので、それぞれのウィンドウの内容を確認することが可