CSSで「〇〇したい」とか「これどうするんだっけ...」というときに使えるものや地味だけど覚えておくと便利だと思う簡易的なスニペットを紹介する第3弾です。 以前であれば画像やJavaScriptを用いなければいけなかったものがCSSのみで表現できたり、上手く使えばよりシンプル且つ効率良く記述するのに役立つものもあるので、特にこれからCSSを学びたいという人や学び始めたばかりでもう少しレベルアップしたいという人は是非試してみてください。 サンプルコードは基本的にプレフィックスを省略しています。 デモが用意されていないものについては、自身で簡単な環境を作成して試してもらうか「CodePen」や「JSFiddle」などを利用して実際の動きを確認してください。 borderで矢印をつくる #1 borderを利用して矢印を作る方法で、基本となるスタイルに加えて例えば上向きの矢印であればborder

Bash でシェルスクリプトを勉強していくと出会うのが : （コロン）という名前の組み込みコマンド。このコマンドは何もしないコマンドです。 こんなコマンドの存在は不思議だなと思う反面、C言語にも void という型があったり（関数のような形で存在するのは JavaScript とかですね）、LaTeX にも \relax があったり、何もしない命令というものは機械語の NOP からある普通のものです。 この Bash の : の使い道についてまとめてみました。 何か書かなければならないところに仮置きする 例えば「ここに制御構造を置くんだけど、この節に入るものは後で書くんだけどな〜」といった場合、制御構造の節の中に何も書かないと Bash は構文エラーとなります。

自分が使っている便利な機能を紹介 $ rm **/*(-@) ファイル修飾子は使っている人も多いはず。 zsh で find を使わずに簡単にファイルを絞り込む *(@) でシンボリックリンク *(-@) でリンクが切れたシンボリックリンク rm **/*(-@) で下位階層含めたリンク切れのシンボリックリンクの削除 修飾子で他に便利なのは *(-ch-1) シンボリックリンクのリンク先が1時間以内に作られたファイル *(U) 自分のファイル *(u:hoge:) ユーザ hoge のファイル *(/^F) 空のディレクトリ $ tkdiff =(zcat xxx.gz | cut -f 1) =(zcat xxx.gz | cut -f 2) プロセス置換 <(zcat xxxx.gz | grep yyyy | cut -f 2 ) みたいな形でわざわざ一時ファイルにしなくても、ファイ

夏のおでかけには、キンキンに凍らせたスポーツドリンクが欠かせません。最近はコンビニなんかでもあらかじめペットボトルを凍らせて売っていたりしますよね。 ただ、この手の凍ったペットボトルって、飲みたくてもなかなか中身が溶けてくれなかったり、最後の方になると味が薄くなってしまったりといろいろ不便。ところがそんな問題をスマートに解決してくれる、「すぐ飲めてずっと冷たいペットボトル作成法」がTwitterで紹介されていました。 おおおお……！　これなら確かに溶けるのも早く、しかも最後までおいしく飲めそう。 作り方は、ペットボトルの中身を半分だけ取り出し、冷凍庫でナナメに置いて凍らせるだけ。凍ったら冷凍庫から取り出し、残りの中身を注げばできあがりです。ナナメに凍らせることで液体と接触する面積を広くしているのがポイントで、こうすることで溶ける時間を短縮しつつ冷却能力もアップ！　というわけですね。 そんな

はじめに サーバを運用したり環境を構築したりしていて「あれ。あのプロセスで吐いてるログどこだっけ・・」など困るときがあります。 そんなときに頼りになるかもしれないコマンドを 3つご紹介します。 @madeth 師匠に教えていただきました。 1. proc でプロセスが使っているファイルを見る 困ったこと プロセスの吐くログのパスがどうしても分からない・・。 解決法 (編集 2014/09/10) 知りたいプロセスの ID を調べます。 $ ps aux | grep unicorn deploy 3335 xxx xxx xxx xxx X XX 15:14 0:07 unicorn master -c /var/www/myproject/unicorn/staging.rb -E staging -D プロセスID (この場合は 3335) をもとに root 権限でファイルディスクリ

第一回 GitHub Kaigi で発表した資料です。

2014年05月19日10:17 Git gitの歴史上からpasswordを完全に削除したい git で管理しているプロジェクトで「あっ、しまったパスワードが紛れ込んでしまった…！」みたいなことがあって「どうしたらいいんやー＞＜」と思っていたんですが、git filter-branch という最強のコマンドを使えばなんとかなるんですね。 今回は PASSWORD という文字列を含む行を git の歴史上から完全に削除するというのをやってみました。sed -e '/xxx/d' が xxx という文字列を含む行を削除 (delete) するコマンドです。 git filter-branch --tree-filter "find . -type f -exec sed -i '' -e '/PASSWORD/d' {} \;" そうすると PASSWORD という文字列を含む行の痕跡が奇麗

Le Comité consultatif actuel doit fixer un calendrier précis pour la réouverture de tous les secteurs fermés en Belgique à partir d’avril ou mai, selon Paul Magnette, chef du parti socialiste francophone PS. Prioriser par secteurs La priorité des assouplissements … Depuis le début de la pandémie, les appels des dirigeants politiques du monde entier demandant aux entreprises technologiques de s’att

naoya @naoya_ito シェルでパスワード入力プロンプトでるじゃないですか。途中まで打って間違えたとするじゃないですか。Ctrl + u 打つとリセットできるの知ってた? 俺は知ってた 2014-04-07 19:40:06

あまりにも処理に時間がかかるようなSQLを実行してしまい、MySQLがうんともすんとも言わなくなってしまうような状況、よくありますよね。っていうか、まぁそんな状況あってはならないんですが、時たまあります。そんな時、問題となっているクエリの処理を止めたいわけです。 特定のクエリを止める方法 MySQLで実行中のクエリ一覧を見て、SQLを強制終了する方法 こちらを見てもらえればやり方は分かります。単純にMySQLに入って、show processlist;で問題のあるクエリを発見し、プロセスIDを kill するだけ。とても簡単。 複数のクエリを一括で止める方法 今回は問題のあるクエリが100個あったらどうする…？的なのを解決するエントリーです。まぁ、問題あるクエリ100個ある状況は、アプリ的に問題あるんじゃね？っていうレベルですが。 1個ずつプロセスIDをコピペして…なんてやってられないです

はじめて長期で旅に出るとなると、一体何を持っていけばいいのか分からないものです。これから長期で旅をしてみようという方の参考になるように、1年間世界を旅した記者がバックパックの中身を晒してみます。 世界新聞特命記者の清谷啓仁です。海外放浪取材中のわたくし、現在カンボジアのシェムリアップにいます。今後はタイのバンコクへと向かい、2週間ほど滞在して日本へ帰国する予定です。 シェムリアップは赤ピンの辺り より大きな地図で 旅のルート を表示 普段僕は、こんな感じで旅をしています。 メインのバックパックはZERO POINTの60リットル。 前にサブバッグを抱えるのがバックパッカースタイルです。 で、どんな持ち物が入ってるか気になりますよね？……な、なりますよね！？ ◆必需品 ・パスポート 入国の条件に「パスポートの残存期間が◯ヶ月以上」という場合もあるので、注意が必要です。 ・航空券（eチケット）

CPU負荷制限 cpulimit というツールがあり、%指定でそのプロセス(子プロセス含む)のCPUの利用率を制限することができます。例えば infinity という単にシングルスレッドで無限ループするプログラムがあったとして、CPU使用率10%で制限するには以下のようにします。 この10%というのは1論理コアの割合です。100と指定すると論理コア1個分(100%)まで許可することになります。例えば4論理コアの環境ではこの値は0～400まで設定できます。なのでシングルスレッド・シングルプロセスのプログラムであれば100以上指定しても意味はありません。 infinityを2論理コア上で50%で制限すると、以下のようになります。 (↓では論理コア全部を100%として表示してます) 既に走っているプロセスに制限をかけることもできます。

「Windowsで、ファイル名に「☆」（他にも「-」「+」「(」「(2)」など）が入っているファイルを検索する方法、わかりますか？」 実は、ただ検索欄に「☆」と入力しても、検索結果にすべてのファイルが表示されてしまいます。 変な検索方法を調べて、いろいろなパターンを試し続けた結果、謎テクニックで回避できると分かったのですが、Windowsファイル検索テクニックの世界にはかなり独特の世界が広がっていると同時に、ずばりな資料が見当たらないことも分かりました。 というわけで今回は、「☆」の検索を通じて、「なぜか検索できない」を解決するテクニックを紹介します。 正解例を見て、衝撃を受けたり、「？？？」という感想を共感してもらえたら嬉しいです。 関連：「(2)」を検索する方法はこちら→「Windowsファイル検索で 数字１文字 や 括弧付き数字 を検索する方法（謎テクニック応用編）」 目次 1. 追

自分はディスプレイの最下にLimeChatのconsole（全チャンネルのメッセージが流れるpane）が常に見えるようにしてチラ見してるんですが、join, partの嵐にメッセージがざーっと流されちゃうことがあってウムーと思ってたところ、 mac版はwebkitでレンダリングしてるのでCSSいじれば簡単でした。 使ってるテーマのCSSファイルに次を追加するだけです。 デフォルトのテーマは /Application/Limechat.app/Contents/Themes にあります。 下の例ではjoin, quit, mode, part, nickを表示しないようにしてます。 Limechat for Macでjoinやpartメッセージを非表示にする方法 - モノノフ日記 おーなるほどーということでこんな感じのCSSを追加してみました。 .console .line[type=joi

ファイルを間違って削除してしまったときのショックはよく分かる。誰にでもあり得る失敗だ。だが、失われたファイルを取り戻す簡単な方法はある。しかも、それはどの標準Linuxシステムでも使える方法だから、覚えておいて絶対に損はない。 例えば、あなたが午後いっぱいを費やして製作したオーディオファイルの再生を楽しみながら、「やあ、こいつはすごい音だ！　こっちに移動しておくとしよう」と思ったとする。そのとき、潜在意識が違和感を唱えるのだ。「ええと、mvだっけ、rmじゃないのか？」……やっちまった。そのショックはよく分かる。誰にでもあり得る失敗だ。だが、失われたファイルを取り戻す簡単な方法はある。しかも、それはどの標準Linuxシステムでも使える方法だから、覚えておいて絶対に損はない。 簡単に説明すると、Linuxファイルシステム上にあるように見えるファイルは、実際はinodeへのリンクにすぎない。in

ヤフー vs クラスメソッド「iOS 炎の7番勝負」にて発表 http://dev.classmethod.jp/news/yxcm/Read less

クックパッド主催の第4回potatotipsでiOSのtipsとして日付のフォーマットをするときのパフォーマンスの話をしました。 きっかけ きっかけは何気なくgistを眺めていたときに見つけたこれです。 ↓ Compare the date parsing performance of NSDateFormatter against SQLite's date parser for parsing an iOS 8601 date. NSDateFormatter took 108.163 seconds strptime_l took 21.656 seconds sqlite3 took 7.096 seconds そうそう、NSDateFomatterはけっこう遅いからフォーマットが固定だったりロケール関係ないときはstrptime_l使うよね、アップルのドキュメントにも載ってるし…

ファイル編集がコンフリクトした場合 下記はよくある（忌々しい）コンフリクト画面ですね。 皆さんはコンフリクトのmergeはどんな方法でやっていますでしょうか？ vimやemacsで直接編集している方が多いイメージですが、実際開いてみると、下記のように差分が表示されていると思います。 この画面を見ただけではどのようにmergeすればよいのかわかりません。（Objective-CのARC/MRC双方の開発経験がある人は目をつぶってください・・） gitにはこのようなコンフリクトのmergeを支援するgit mergetoolコマンドが搭載されています。 このままEnterキーを押すと下記のような画面が立ち上がります。 画面幅の都合でフォントが小さいのですが、ここで「mergeしたい差分が作られる直前の状態」と「mergeしたい差分」に注目してみます。 この2つを見比べると、@propertyの

とにかく画面いっぱいに撮る！そんだけ！ こうより こう！ こうよりも こうだ！ これもいいけど ズギャーンと寄れ！ あと、なるべく明るいところで撮るといいね。うん。 構図としては、画面を９つに分割したとして 交差するところにメインになるアイテム(オリーブとか肉)を配置して みたりすると落ち着く画になりやすいよ！ まぁでも、とにかく寄れば大体いいはず！ 絞り優先モードとかあるなら開放しまくって寄りまくれ！アディオス！ このエントリの写真はこのカメラで撮ってます 941::blog:暗いところでは敵無し！ キヤノン Power Shot S90をさらりとレビュー Canon デジタルカメラ Power Shot S90 PSS90 販売元：キヤノン 発売日：2009-10-09 おすすめ度： クチコミを見る