Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

通常はお目にかかれませんが、リンク切れの画像があるのはいただけませんね。 画像がリンク切れだと、こんな風に表示されてしまいます。 もちろんリンク切れがないのがベストですが、絶対に存在しない訳ではありません。 よりよいユーザエクスペリエンスを提供するために、リンク切れの画像要素にスタイルを定義しておくことができます。 Styling Broken Images 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 img要素の2つのポイント リンク切れの画像要素のスタイル ブラウザのサポート状況 img要素の2つのポイント リンク切れの画像要素をどのようにスタイルすることができるか理解するために、最初に理解しておくべきimg要素の2つのポイントがあります。 img要素に通常の文字関連のスタイルを定義できます。 定義したスタイルは代替テキスト(
awkについて この記事はShell Script Qiita Advent Calendar 2015の9日目の記事です。 12/8は@yudsuzukさんのiPhone7等の新製品を誰よりも早く予約する為に、予約サイトがオープンしたらSlackに通知する方法でした! 本記事ではテキスト処理時に凄まじい力を発揮するawkコマンドを僅かながら紹介したいと思います。 awkを使うと、特定のレコードやフィールドに対して様々な加工/整形/出力を行うことができます。 精通した方が使うとまるで魔法です。 知っていると大変便利ですので、是非お勉強しましょう!(そして私に教えてください。) 本記事ではGNU Awk 4.1.3を使用しています。 また、シェル芸勉強会の過去問を使用させていただいております。 四則演算とか 第10回シェル芸勉強会 1問 $ echo 1 2 3 4 5 | tr ' ' '
Shell Script Advent Calendar 2015 4日目 の投稿です。 以前から自分用にメモしていたものを文字起こししました。 はじめに 仕事でシェルを使い始めて3年くらい経ちました。 途中、python や ruby でスクリプト作ったり、ちょっと zsh に浮気したりしましたが、なんだかんだで今も Bash を使うことが多いです。 この3年間、スーパーシェル芸人(@ebanさん)にご教授頂いたり、Golfしたり(@ebanの影響)、シェル芸勉強会に参加したり(@ebanの影響)してきました。 そんな3年間のまとめとして、シェルスクリプト初めましてだった3年前の私に向けたTips集を書いてみました。 趣旨 各項目ごとに、まず初心者(過去の私がやってた)あるある実装を例示して、その次に、より良さげな実装を例示する構成としています。 実行環境 OS Mac OS X Yos
これは Java Advent Calendar 2015 の 15 日目の記事です。 昨日は @opengl_8080 さんの Byteman 使い方メモ+α でした。明日は @irof さんです。 前置き ついこないだチームでちょっとだけ話題に上って、みんなある程度指針は持っているものの、割と悩みつつ明確に答えを出せなかったので、もっと良い意見があればと思って晒してみます。まぁよくある話だし、Java 8 で Optional が使えるようになって null について語られるケースが増えたと思うので、再考するちょうどよい機会になればいいなーと思います。初心者向けです。 どう処す?処す? こんな状況の時にあなたならどうしますか? // Generics なのは例です。String でもなんでもいいです public T doSomething(T input) { // input が
今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか? これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.
私が Git リリース ノートをレビューしてからしばらく経ちましたが 、だからといって私が最新のノートを熱心に読んでおらず、毎日の作業に新たな優れモノを取り入れていなかった訳ではありません。自分の誕生日 (拍手!) と、先日の Bitbucket Server のリリースを祝うため、本日は私が Git 2.x シリーズ (2.6 まで) で気に入っているフィーチャーを全てご紹介します。どれか役に立つようなことがあれば、是非ご一報ください。 リベース前に変更内容をスタッシュ Git 2.6 では、rebase コマンドが皆さんから良い意味での注目を浴びました。以下にご紹介するのは、より興味深い新しいフラグの1つです : git rebase --autostash これからは、rebase 操作の開始時に未コミットの変更内容を一時的にスタッシュするか、操作を失敗させるかを指定できます。この行
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Redis不適切利用による問題は本番運用が始まってから顕在化することが多く、時限爆弾みたいな存在です。事前に防ぐにはコードレビュー段階で叩くしかありません。 Redisはスクリプト言語と相性が良く、適切に利用するとRDBと比較し驚くほど高速なプログラムを組むことができます。昨年尊敬する先輩にコードレビューで斧100本くらい(レビューコメント)投げられて血まみれになりつつ学んだことを、まとめて書いてます。概要は『消えても良いデータならRedis』 Redisのメモリが溢れたら... (この話は事実ではなくファンタジーです。) 深夜電話で叩
git commit --fixup というオプションの存在を最近知って調べた。 ヘルプとリリースノートより "git commit" learned the --fixup and --squash options to help later invocation of interactive rebase. Git v1.7.4 Release Notes --fixup=<commit> Construct a commit message for use with rebase --autosquash. The commit message will be the subject line from the specified commit with a prefix of "fixup! ". See git-rebase(1) for details. 1.7.4 から入って
追記:openssh-7.3 以降なら ProxyJump や -J が使えます ホスト名を + で繋げることで多段Proxy接続も簡単に、がコンセプトだった本エントリの設定ですが、OpenSSH 7.3 から ProxyJump という設定が使えるようになったので、使えるなら ProxyJump を使う方が健全だし柔軟で使い勝手も良いのでそちらを覚えて帰ることをオススメします。 使い方は簡単で以下のような感じです。多段も行けるし、踏み台ホスト毎にユーザ名やポート番号を変えることも出来ます。 # 1. bastion.example.jp -> internal.example.jp ssh -J bastion.example.jp internal.example.jp # 2. bastion.example.jp -> internal.example.jp -> super-de
こんにちは。Tokyo Otaku Modeの安宅です。先日から、とあるプロジェクトにジョインして、久々にGoogleスプレッドシートをゴリゴリ活用して仕事をしています。そんな中、これは惚れた!というスプレッドシートの神関数を紹介したいと思います。 ARRAYFORMULA関数 これを活用し始めてから、関数をいちいち全部の行に埋め込んでいくことが、なんだかカッコ悪く感じるくらい、スマートでオシャレな関数です。例えば、100行のVLOOKUP関数を行うときには、これまではVLOOKUP関数を1つ作って、それを残り99個の行にVLOOKUP関数をコピーしていたと思いますが、ARRAYFORMULA関数を使うと、なんと1個の関数で100行分の値が出力されます。実際に動作も軽くなるのでカッコよさと実用性を兼ね備えた関数です。配列に対応する関数であれば、ほぼなんでも利用できるのも好感度が高いです。
TL;DR 必要最低限のものだけ覚えときたい人向け それでも忘れた時のリファレンス的な ショートカットキーと、*とかエイリアス的なもの 明らかにコマンドっぽいのは除外 はじめに ぼくは記憶力が人よりだいぶ弱いのが悩みの種なんですが、そんな貴重な記憶リソースを消費してでも覚えて使ってあぁ幸せだなぁという気分になれるショートカットがあります。とはいえ明日にはもう忘れてるかもしれないので、未来の自分のためのリファレンスとして記事にまとめておこうと思います。 「あれ、あのショートカットなんだったっけ」ってなったときに、ここの目次をみて「ああそれそれ」って思い出せるようにするのがこの記事の目標です。 ほぼ全部bashでも使えます。 間違ってるよ、これも覚えといた方がいいかもよ、などのコメント大歓迎です! 偉大な先人たち この記事にあるのはあくまでも記憶する領域に困ってて必要最低限これだけ覚えとくとい
2015-09-06 Google検索 知っていると便利!お役立ち・おもしろ機能15選 PC関連 Tweet 検索エンジンといえばGoogleですよね!わたしも毎日利用させてもらっています。 そんなGoogle検索について、知っているともしかしたら役に立つかも!面白いかも!という機能を紹介したいと思います。 1. 「-」 ダッシュ記号を付けて検索結果から除外 「ある語句に関して調べたいけど、この語句は検索結果には入れてほしくないな~」という場合に有効です!。 例えば「モンハン -モンハン4G」と入力して検索したとします。つまり「モンハン」について調べたい、でも「モンハン4G」に関する結果はいらないよ、という場合です。その場合は「モンハン -モンハン4G」と検索すると期待する結果が得られます! ※"モンハン"と"-モンハン4G"の間は半角スペースを空けます。 2. 「" "」引用符で囲んで、
ほーこれは便利なショートカットだ・・・と改めて思ったのでご紹介。 Macの便利ショートカットキートップ10記事です。 すぐさまシャットダウン Command + Option + Control + Eject ちなみにEjectは右上のなんかCDを出し入れするボタンです。 Command + Option + Ejectでスリープモード。 Finderナビゲータ Command + Shift + A/U/D Aでアプリケーションフォルダを開き Uでユーティリティフォルダ Dでデスクトップフォルダをひらくことが出来ます。 アプリケーションや、ブラウザ中はきかないので、Command + Option +M を先にうってからのコンボが最強です。 メーラーの起動 Command +Shift + I Safariを使っている時に、このコマンドを入力すると、お使いのメーラーが作成されます。現在
仕事で使っているPHPアプリケーションをPHP7 beta1で動かしてみたらそのままでは動きませんでした。 私が実際にはまった点を紹介します。 なお、PHP7の変更点についてはhnwさんの記事に詳しく網羅されているのでご一読ください。 PHP7で変わること - hnwの日記 Apacheのモジュール名が変わっていた ApacheにPHPを組み込むためのモジュール(俗にいうmod_php)のモジュール名・ファイル名が変更になっていました。 LoadModule php5_module modules/libphp5.so ↓ LoadModule php7_module modules/libphp7.so memcache extensionがインストールできない PHPからMemcachedを使うためのExtensionには2つあります。 memcache memcached memca
MakeUseOf:『Chrome』が毎朝インターネットに接続するときの最速ブラウザであるなら、『Googleドライブ』は生産性を向上させるツール です。『Googleドライブ』の人気が、クラウドを快適なサービスへと変えました。 『Googleドライブ』で提供されているツールのうち、日々のタスクを処理するうえでまずお勧めしたいのが『Googleドキュメント』です。『Googleドキュメント』の生産性向上に役立つテクニックを9個ご紹介します。まずはスピードアップのための小ワザの解説から始めましょう。 『Googleドキュメント』以外のGoogle製アプリにサインインしている時は、『Chromeアプリランチャー』から直接『Googleドキュメント』を開きましょう。「Chromeアプリランチャー」アイコンをクリックし、項目内から『Googleドキュメント』を探します。 『Googleドライブ』内
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く