1992年三重生まれ、会社員。ゆるくまじめに過ごしています。ものすごく暇なときにへんな曲とへんなゲームを作ります。 前の記事：7絵文字クイズ ～7つの絵文字が表すものは何？～ ＞ 個人サイト ほりげー 来るたびに知らない場所が増える街、渋谷 日本のサグラダ・ファミリアといえば横浜駅だが、渋谷駅周辺も負けていない。常にどこかで工事が行われており、ちょっと目を離したすきにデカいビルが建っている。街全体が巨大モンスターのようだ。渋谷は生きているのである。 自己増殖を続ける渋谷だが、当然どこかにしわ寄せがいって、ビルとビルのつなぎめが不自然になっていることであろう。この記事は、そんなつなぎめを愛でるという趣旨だ。 せっかくなので、いまの渋谷がすごいことになっていることを示すためにも、渋谷を一筆書きで回ろう。 大まかに描いた今の渋谷。オレンジの線が今回のコース。なんと、一度も地上に降りることなく一周

仕事でsedのコードをパパッと書いて使ったら、コードレビューで動かんと言われてしまった。そういえば、同僚はMacで、おれはLinuxだったな。 まぁsedならよくある話なので、しょうがないと思ってawkで同じことをした。awkは比較的もうちょっと互換性がある気がしているからだ(どっこいどっこいな気もする)。 しかしまだ動かないと言う。もう、大絶叫だ。アー。おしまいだ。カスがよ〜〜〜と思いつつ(社会人なので絶叫はしない)、よく調べてみるとmakeの互換性だった。というのも、試しにbrew install makeしてGNU Makeで試してみてくれ、と言ったら、あっさり動いたからである。実はsedもawkも悪くなくて、そいつを呼び出してるmakeに互換性がなかった。ごめんな、お前たち悪くなかったよ。でもそれはそうと互換性はない。 define foobarstring ... endef #

数年悩まされているが解決できていない問題。解決に向けて雑なメモ。固まるとGUIからの強制終了も効かずひたすら待つしかないのでかなりのストレス。 症状 MacOSのGoogle Chromeで下記のようなサイトで文字入力を行おうとするとレインボーカーソル状態のまま数秒から数十秒固まりブラウザが操作できなくなる コピペ操作でも起こる レインボーカーソルは表示されない場合もある 動き出すとタイプしていたキーが一気に入力されるような感じ 事象が発生すると別ウィンドウのGoogle Chromeも固まる Google Chrome以外のプロセスには影響してなさそう 常に発生するわけでもなく軽い時もある。ただ毎日は発生している 何をすると一時的にでも解消するのかは不明 Mac再起動直後は発生しない気がする Chrome再起動直後は発生しない気がする 発生するサイトと箇所 どのサイトとかは関係ない気もす

今年はmacOSのアップデートによりヒラギノが動かなくなったり、 来年初頭にはWindows7がサポート終了、Edgeのブラウザエンジン変更など、 エンドユーザーの環境を考えなければならない節目の時です。 そこでいつもコピペで済ましているfont-familyについて1から考え直してみます。 全部読もうとしている人はスクロールバーを見てから考えてください。 結果 コピペユーザーのために先に結果を記載します。 ブログ等に転載する場合はこのページのURLぐらい貼ってください。 @font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: "Original Yu Gothic"; src: local("Y

あいまい検索（英語検索） あいまいな日本語で（英語でも）検索できます。上手く動くか分からないのでお試しです。 検索の仕方については「検索のコツ」をご覧ください。 AIを使っていらすとや風の画像が生成できるサービスです。 Eテレのショートアニメです。 いらすとやが更新されたらお知らせするX（ツイッター）アカウントです。 いらすとやのLINEスタンプに関する情報をお知らせするLINEアカウントです。

ハンターハンターという書物が日本の数ある著作の中でも一際輝く余りにも崇高な作品であり、それが他に類を見ない程に恐ろしく含蓄の詰まった奇跡のマスターピースであることに関しては、もはや議論の余地がない。 人間の生き方や万物の捉え方に関して、これ程までに多くのことを伝えてくれる聖書は、およそ他に見当たらない。もう何度読み返したことか分からないが、台詞は殆ど丸暗記してしまった。完全にメモリの無駄使いだ。 最初の頃は厨二病を極めたキルアとヒソカが個人的なお気に入りのキャラクターだったが、2周3周と読み直すうちに圧倒的にメルエムが好きになり、長らくメルエム時代が続いた後ゲンスルーがお気に入りになってからレオリオになり、その後イルミになってから、ミミズやノヴやバショウに注目する時代を経て、近年、とうとう、まわりにまわってゴンに辿り着いた。 ハンターで好きなキャラは何ですかと聞かれた時に「ゴン」と答えるの

エンジニアの大橋 @_tohashi です。会計freeeで確定申告や記帳機能などの開発を担当しています。 Webに限らず、日本向けのアプリケーションにおける特有の要素として和暦があります。プロダクトによっては最初から和暦を扱わずに西暦に統一してしまうという手もありますが、弊社のプロダクトのように会計や労務管理に関わるものの場合、決算書上の表記など和暦が必要とされる場面は多々あるため避けて通ることはできません。本記事ではUIや実装における和暦の扱いについてご紹介したいと思います。 和暦の範囲 そもそも「和暦」とはどこからどこまでの期間を指すのでしょうか。Wikipediaによれば 和暦（われき）は、元号とそれに続く年数によって年を表現する、日本独自の紀年法である。邦暦（ほうれき）とも。また「和暦」は、西暦に対する表現としても使用されることが多い。 この手法自体は東アジアで広く行われてきたが

In the second article of this three-part series about HTML5 forms, we’re going to look at styling or — more specifically — the pseudo-class selectors you can use to target input fields in various states. If you haven’t read it already, please refer to part one to ensure you understand the basic markup concepts. Remove Default Styling You’ve probably noticed browsers applying default formatting. Fo

デザイン要素を固定しないリキッドレイアウトは、未知の端末にも対応するというコンセプトのもとに実装するレスポンシブウェブデザインには必須だと考えています。そのリキッドレイアウトを実装する際に理解しておきたいのが、パーセント値で幅や高さを指定した際に小数点以下になるピクセル値（10.5pxとか9.2pxなど）に対するブラウザの挙動です。 たとえばグリッドシステムを構築する際、計算上はあっているのにブラウザでは思った通りに表示されないといったことが起こります。これは、各ブラウザのサブピクセル（小数点以下のピクセル値）の扱いの挙動差により生まれます。 まずはパーセント指定の基本から まずは前提となるパーセント指定の際の計算の基本のおさらいから。。。 CSSでパーセント値を使って幅や高さ指定をすると、指定した要素を含む親要素をベースにピクセル値が計算されます。 たとえば100pxの親要素の中にある子

※ コメントをいただきましたので、一部本文を修正させて頂きました。 １．サーバー・クライアントモデルというのはネットワーク接続なイメージになってしまいますので、取り外しました ２．mouse-utf8に関してコメントを頂いたので補足しました ３．タイトルを「screenの時代は終わり。tmuxでリモートコンソールを便利に使うTips」から「screenだけの時代は終わり。tmuxでリモートコンソールを便利に使うTips」に変更しました（変な誤解を受けられた方がいらっしゃったため） お久しぶりの田中です。最近、ずっと大型案件に携わっていた関係で、あまりブログ等でのアウトプットができていませんでした。これからはドンドン書いていきますので、どうぞよろしくお願いします。本日はGNU screenと同様の機能を持つtmuxを紹介します。 GNU screenやtmuxは、1つのターミナル画面上に複数

Chrome：Flash動画が自動的に再生されるサイトがこの世にはけっこうありますが、それにイラっとくる瞬間もあったりします。職場で開く時も、音楽を聞きながら作業している時も、できるだけ少ないデータ量で抑えたい時も、Flash動画はできるだけ触れたくない領域です。 そこで、Chrome拡張機能「FlashControl」を使えば、許可したサイト以外でのAdobe Flashの読み込みを阻止することができます。 さらに、パソコンが一定時間以上アクティブでない場合や、Flash動画のあるタブ以外を見ている場合にも、Flashはオフに設定されます。かなり多くのオプションが用意されており、ブラウジング設定から、簡単にこれらの調整が可能です。 FlashControlは、ホワイトリストおよびブラックリストを作成していく仕組みで機能するので、このサイトのFlash動画は読み込む、という認証をしてホワイ

SVGはそのリサイズ(スケーリング)においてブラウザ間で差異やバグがあります。有名なのはviewBoxがないことによるIE9やWebKitでのバグでしょうか。それでもimg要素等でSVGを使う場合はSVG側でwidthとheightそしてviewBox属性を指定し、CSSなどでリサイズすれば大体問題ありません。なので背景画像で使う場合もbackground-sizeプロパティーを使えば……と思いきや、なかなかの落とし穴がありました。 Demo: SVG Arrow WebKit以外では自動リサイズが期待されるviewBoxのみ指定したSVGを背景画像にすると問題なくキレイにリサイズされます。対してWebKitではリサイズされたりされなかったりです。しかもChromeとSafariでは挙動が少し違ったりもし、追求する気が失せるほど挙動不審です。どうも良きに計らってはくれそうにないので、明示的

Google Coding Style というものがあります。コーディング規約は世の中にたくさんあると思いますが、これはGoogle社が発表しているものです。 このコーディング規約を採用する上でいくつか便利なツールがあります。一つは、emacs用のgoogle-c-style.elです。これは、インデント等の動作を Google Coding Style に沿ってカスタマイズしてくれるものです。 次に、自分のコードがCoding Styleに準拠してくれるかをチェックしてくれる cpplint.py というコマンドがあります。これを使えば、違反している場所と理由を具体的に指摘してくれるので、規約にしたがっていない点を修正できます しかし、いちいちコマンドラインから手動で cpplint.py 起動するのは賢くありません。第一に面倒くさいし、いちいち該当箇所を覚えてエディタで開くのも頭が悪い

Why not login to Qiita and try out its useful features?You get articles that match your needsYou can efficiently read back useful informationdark_modeYou can use dark theme