Chrome デベロッパーツールで知っていると、Webサイトやアプリの制作が捗る便利なテクニックのまとめ
先日「Chrome デベロッパーツールの使い方」で華麗に使いこなすテクニックを紹介しましたが、それとは異なるデベロッパーツールの便利な使い方を紹介します。 Webサイトやアプリの制作時に、非常に役立つテクニックが満載です。 ※画像は元記事のものではなく、当方の環境のものを使用しています。 デベロッパーツールの便利な使い方 タブ「Elements」を選択 DOM要素を選択 右パネルのタブ「Computed」を選択 「Computed」には、選択したDOM要素に適用されている全てのスタイルが表示されます。そのプロパティの頭にある虫眼鏡アイコンをクリックすると、そのスタイルがあるCSSファイルとそのセレクタの指定を表示します。 これは大きなサイトを制作している時に、非常に有用です。
Ansible で（たぶん）正しいファイルの存在確認方法（ファイル比較もあるよ） - Qiita
※Ansible を始めて日が浅いので最新のバージョン（1.7.2）でしかチェックしていません。 ※CentOSでしか確認していません。誰か他のOSでチェックしたらコメントに残してくれるとみんな助かっていいと思う。 ぐぐって出てくる方法だと shell: や command: モジュールを使って（-f とかちょっと。。。）チェックした値を register: していて、なんだかなぁと思っていたのだけど、正しい判断の仕方が見つけられた（と思う）のでメモしてみる。（実はQiita投稿は初めてｗ） よく見ると本家ドキュメントにも書いてあって、コアモジュールの stat を使うだけ。 # task - stat: path=/hoge/fuga register: is_file - name: skip if file is found. fail: msg='file not found' w
Ansible チュートリアル | Ansible Tutorial in Japanese
Ansible Tutorial July Tech Festa にて開催されたハンズオンの資料が公開されていたことに刺激され、Chef の代わりに Ansible を使う資料を作りました。 Ansible を使って WordPress サーバーのセットアップを行い、ServerSpec でテストを行います。 まだ Ansible を試し始めたばかりで自分の勉強がてら書いています。 Puppet にも Chef にも乗り遅れたので Ansible に飛び乗ってみようかと。 GitHub Repository Ansible Tutorial Wiki 2013年08月13日 一段落 コピペで動かないところを全体的に修正しました。今後は 詳細ページ Wiki を充実させていきます 2013年09月09日 role についての追記しました 2013年12月22日 リニューアル Ansible
Ansibleを使い出す前に押さえておきたかったディレクトリ構成のベストプラクティス - 双六工場日誌
Ansibleのディレクトリ構成を決める際、プロダクション環境、ステージング環境、開発環境といった環境ごとに異なる設定を変更する方法でしっくり来るものを思いつかず、どうしたものかと悩んでいたのですが、今日見つけたブログ記事でそれもスッキリ解消したのでメモっておきます。 結論 まず結論を。プロダクション環境、ステージング環境、開発環境といった環境ごとに異なる設定する場合は、以下のように対応するのが良さそうです。 ディレクトリ構成は、公式ドキュメントに従う。 Best Practices — Ansible Documentation プロダクション、ステージング、開発など、ステージごとの変数切替は以下のブログを参考に、"group_vars"を利用して行う。 インベントリファイルの中に、"[production:children]"のようなグループすべてが属するグループを作ってしまい、そのグ
シンデレラの祝賀会（打ち上げパーティー）感想まとめ
大橋彩香 official @AyakaOhashi 声優アーティスト大橋彩香公式Twitter🦥10周年曲「変革Delight」8/6発売🥹写真集「らしさ」発売中 #あやからしさ全開📖 4thAL #大橋彩香Reflection 発売中💿 #あやかアジアツアー 6月より開催中🎤🖐#10周年あやか🖐ISTJ👓 #へごサ 1link.jp/futasomira 大橋彩香 official @AyakaOhashi 先日、TVアニメ アイドルマスター シンデレラガールズの打ち上げがありました！作品への愛がたくさん溢れた、素敵な時間だったなぁ……( ´ ꒳ ` )アニメでも卯月を演じられて良かった！ほんとうにお疲れ様でございました☆ pic.twitter.com/uokFgjpm4a
OS X 10.11 El CapitanのSystem Integrity Protection(SIP) (rootless)についてちょっと詳しく
A bit more detail about SIP (System Integrity Protection) of OS X 10.11 El Capitan B! 133 0 6 0 Homebrewを使うにあたって問題があったり、 XtraFinderやTotalFinder等の一部アプリが使えなくなったり、 と影響が結構大きいEl Capitanの新しいSIPというセキュリティシステムですが、 ちょっと色々いじりながら調べたことなどのまとめ。 System Integrity Protection (SIP) 保護されているファイルやディレクトリ SIPの無効化 SIPの無効化に関してNVRAM云々 /usr/local/binが勝手にroot所有になる System Integrity Protection (SIP) System Integrity Protection
名前ベースのバーチャルホストでSSLを使う（SNI） | あぱーブログ
TLS拡張（RFC4366）仕様の一つ Server Name Indication（SNI）によって名前ベースのバーチャルホストでもSSLが使えますが、そもそもなぜ、名前ベースのバーチャルホストでSSLが使えないのかその理由と、SNIの仕組みと設定方法について調べてみました。 以前、WEBディレクターの方から、SSLを使っているサイトのバーチャルホストの設定依頼を受けて「SSL使ってるとバーチャルホストは使えないっすよ」とドヤ顔で答えてしまい、少し恥ずかしい思いをしました。(^^;) 昔の上司の言葉「常にアンテナを張っておけ！」を思い出します。 SNIの仕組みSSLを使っていると当然ですがHTTPヘッダは暗号化されているので、クライアントがどのホスト名を指定しているのか判断できないため、先頭のバーチャルホスト（図の場合は lamp-sv）が表示されてしまいます。 SNIではSSL/TLS
SSL/TLS Strong Encryption: How-To - Apache HTTP Server Version 2.4
This document is intended to get you started, and get a few things working. You are strongly encouraged to read the rest of the SSL documentation, and arrive at a deeper understanding of the material, before progressing to the advanced techniques. Basic Configuration Example Your SSL configuration will need to contain, at minimum, the following directives. LoadModule ssl_module modules/mod_ssl.so
apacheでhttpへのアクセスをhttpsへ自動リダイレクトする - Qiita
sslの設定などの説明は省略します。 /etc/httpd/conf/conf.d/rewrite.confを設定 今回は/etc/httpd/conf/conf.d以下にリダイレクト処理だけを書く設定ファイルを用意しました。/etc/httpd/conf/httpd.confに直接書いても構いません (ただしモジュールのロードの後に書く必要があります。) mod_rewriteの設定 <ifModule mod_rewrite.c> RewriteEngine On LogLevel alert rewrite:trace3 RewriteCond %{HTTPS} off RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L] </ifModule> RewriteRuleは書き換えのルール、 RewriteCondはRe
Apache/SSL自己証明書の作成とmod sslの設定 - maruko2 Note.
Apache/SSL自己証明書の作成とmod sslの設定 提供：maruko2 Note. < Apache 移動： 案内, 検索 目次 1 手順 2 秘密鍵の作成 (server.key) 3 CSR（証明書の基になる情報）の作成 (server.csr) 3.1 入力項目の例 4 証明書（公開鍵）の作成 (server.crt) 5 Apache mod_ssl の設定 6 Apache 起動時にパスフレーズの入力を省略する 6.1 秘密鍵 (server.key) ファイルをあらかじめ復号化しておく方法 6.2 Apache起動時のパスフレーズ入力を自動化する方法 7 参考ページ 8 Apache 関連のページ 手順 2017年1月1日以降、SSL 証明書の署名アルゴリズムとして SHA-1 を使用している証明書は SSL 通信ができなくなる。 これは、Windows製品、Goog
3割の力で作って、新聞やテレビで紹介され、生活費くらいのお金が入るネタサイトの作り方【連載:村上福之】 - エンジニアtype | 転職type
DB設計のメモ。ネタサイトのレベルであれば、これくらいで問題がないと思う ネタサイトの作り方その2: コードをもりもり書く。なるべくPHPで ある程度設計が固まったら、ブラウザでCloud9を起動して、いきなりコードをもりもり書きます。 サーバの言語はPHPが多いです。運良くヒットした時、日本の大きな会社にサービスを売却するのに便利なのはPHPだからです。 Cloud9は素晴らしいです。感動します。無料でいきなりクラウド上のオンラインIDEとサーバを用意してくれます。ApacheとMySQLとRubyとPHPとGitくらいは普通に入っています。 昔は、オンラインIDEは遅くてダメなものが多かったのですが、Cloud9だけは別格です。テキストエディタすら立ち上げません。3割くらいの力でネタサービスを作るには最強の環境です。 オンラインIDEでは珍しく、ターミナルも叩けますので、普通にGitも
Dockerコンテナをブリッジ接続で使う : アジャイル株式会社
前提 Docker は既にインストール済みのものとします。 また、nsenter コマンドが実行可能である事。未インストールの場合、util-linux-ng パッケージに含まれるのでインストールして下さい。 ( 私の場合は Dockerホストを構築した時点でインストールされていた ) ブリッジインターフェースを作成 Building your own bridge を参考に、docker0 を削除し、ブリッジインターフェースを作成します。 Dockerを停止し、 docker0 を削除 # service docker stop # ip link set dev docker0 down # brctl delbr docker0 自前でブリッジインターフェース(br0)を作成 作成方法は 30分で仮想サーバ(KVMホスト)環境を構築するのネットワーク設定と同様に作成しました。 # v
Mac で Docker を触ってみた
Docker とは? LXC ベースのコンテナ型仮想化ソフトウェアである。下記の資料がわかりやすい。 はじめての docker – slideshare 前提 まず「Mac に対応した」ということだが、Mac で直接 LXC が動くわけではない。今回の対応は、VirtualBox の上で CoreOS という軽量なディストリビューションを動かし、そこで LXC を使うというカラクリだ。したがって事前に VirtualBox を入れておく必要がある。 また、docker コマンド自体や CoreOS のセットアップに使うコマンド (boot2docker) を入れるために、Homebrew もインストールしておく。 準備 docker コマンドおよび CoreOS の VM のインストールは、基本的には下記の記事の通りにすればできる。 docker が正式サポートした OS X の環境を構築
人気上昇中の全身凍結療法で女性が凍死、米当局が調査へ （ＡＦＰ＝時事） - Yahoo!ニュース
【AFP＝時事】全身を超低温にさらして冷やすことで痛みを抑えたり筋肉組織や皮膚の再生を促したりできるとして人気上昇中のクライオセラピー（凍結療法）で、女性が凍死する事故が起き、米当局が調査に乗り出した。 がんになっても、窃盗してでも… 日焼けサロン依存症 事故が起きたのは、米ネバダ（Nevada）州ラスベガス（Las Vegas）にあるビューティーサロン「リジュブナイス（Rejuvenice）」。チェルシー・エイクサルバシオン（Chelsea Ake-Salvacion）さん（24）は今月初め、クライオセラピー装置の中で死亡しているのを出勤してきた同僚に発見された。前日の勤務終了後、仕事の疲れを癒やそうと装置に入ったとみられる。 チェルシーさんのおじは地元メディアの取材に、電話ボックス大の装置内部で見つかった遺体は「かちかちに凍っていた」と語った。 警察はチェルシーさんの死に不審な点
無脳症の赤ちゃんに起きた奇跡。1歳を迎え、父が心境を綴る「可能な限り最高の人生を」
フロリダ州に暮らす父親ブランドン・ブエルさんは、重い障害を持った子どもを育てる大変さと喜びを知っている。よちよち歩きを始めたジャクソンちゃんは、頭蓋骨と脳の大部分が欠損した状態で生まれた。小水無脳症と呼ばれる稀な病気によるものだ。しかし、驚きの回復力を持ったこの小さな男の子は、Facebookページ「ジャクソン・ストロング」を通じて、世界中の人に感動を与え続けている。 「生まれてからの3週間、まだ僕たちはジャクソンと一緒に新生児集中治療室にいて、どうなるのかほとんど分からない状態にあったのですが、医者からは最悪の事態に備えておくように、そして『緩和ケア』のためにジャクソンを家に連れていく準備をしておくようにずっと言われていました」とブエルさんはハフポストUS版に話した。 「医者は、こんなに長く生きられるとはまったく思っていなかったのです」ブエルさんは続けた。「ですが、ジャクソンと一緒にいた
三重県の少子化対策の基本理念がとても良いと思う理由
フランスに住む日本女性が「ここには産める空気があるんです。なんとなく、子どもを産んでも大丈夫だなって思える」と言っていました。
義手・義足の“欠損女子”に会えるバーに潜入
期間限定バー『ブッシュ・ド・ノエル』インタビュー 義手・義足の“欠損女子”に会えるバーに潜入 障害は「かわいい・かっこいい」 これまでメジャーではなかったラグビー日本代表が大活躍し、多くのファンを獲得しています。10月17日にも、とあるマイナースポーツがファンを熱狂させるという出来事がありました。車いすバスケ日本代表が、11大会連続12回目の、リオデジャネイロ・パラリンピック出場を決めたのです。来場者は約3600人、報道陣は約120人と注目度の高さがうかがえるのは、やはり2020年に控えた東京パラリンピックが背景にあるからでしょう。 “欠損女子”が笑顔でお出迎え そんな国民的快挙の裏で10月23日、ひっそりと開店した期間限定コンセプト・バーがありました。場所は新宿ゴールデン街、店の名前は『ブッシュドノエル』、和訳すると『切り株』ですね。 クリスマスでもないのに、なぜこの店名？ その疑問は、
KADOKAWAはサブカルの電通を目指してるのだろうか…
※この記事は5000文字かけて語るため、長く「角川ドワンゴとフリーゲーム」という切り口から始めるため、ほかの角川ドワンゴ論に比べると論点や切り口がニッチです。れでもいいという人だけどうぞお読み下さい。 ニコニコゲームマガジンからあんまり愛を感じない試みや方向性はいいと思うのだが、あまり愛を感じない。そう感じさせるエピソードがある。 僕もゲームレビューで触れたことがあるフリーゲーム製作者の方がニコニコゲームマガジンでゲームを作っていた。 「ニコニコゲームマガジン」とは雑誌のようにゲームを月1回のペースで無料配布されていくサイトのことだ。 ニコニコゲームフェスなどで人気を集めたゲームやフリーゲーム界隈で人気のホラーゲームを1時間でできる程度の量のゲームとして続編や番外編を作って連載していくものだ。 ニコニコに関連したサイトで自分のゲームが配布されるだけではなく、人気実況者が実況プレイでバックア
マックで1280円騙し取られました。木下ふざけんな！！ - 要件を言おうか
2015-10-28 マックで1280円騙し取られました。木下ふざけんな！！ 日頃の行いが悪いせいか最近不運が続いてるしんまです。 昨日もマックで働いてる際に不運な事件に巻き込まれました。 めちゃくちゃ悔しいのでブログに書きます。 ランチタイムが過ぎた14時ごろ35〜40歳くらいの中年男性が来店されました。 その男性は来店する否や「この前商品入れ間違いの件で電話した木下です」と言いました。 ベーコンレタスバーガーのセット2つ買ったけど、ベーコンレタスが入っておらず、代わりにフィレオフィッシュが入っていたというもの。 つまりクレーム。 早速事実確認をするため、クレーム記録が記されているノートを見たけど該当案件は見当たらず。 基本こういったクレームが発生した場合は、クレームノートに記録しておくのですが、今回に関してはお客様が仰られた内容のクレームはありませんでした。 「おかしいな・・・」 その
｢会社生活を楽しめない人｣の残念すぎる思考
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
キャッシング 最短入ロ
消費者金融のキャッシングの利用方法について 消費者金融のキャッシングは、急な支出や資金が必要な場合に便利なサービスです。以下では、キャッシングの利用方法について詳しく説明します。 1. キャッシングの申し込み まずは、キャッシングを利用するために消費者金融に申し込みます。申し込み方法は、オンラインや店舗窓口、電話などさまざまです。必要な書類や情報は、身分証明書や収入証明書などが一般的です。申し込みの際には、借り入れ金額や返済期間などを決めることが重要です。 2. 審査 申し込み後、消費者金融では審査が行われます。審査では、申込者の信用情報や収入状況、他の借入れ状況などが確認されます。審査に通過すれば、キャッシングが利用可能になります。ただし、審査には時間がかかることもありますので、急ぎの場合は注意が必要です。 3. キャッシングの利用 審査に通過したら、キャッシングを利用することができます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ansible マジック変数の一覧と内容 - Qiita
【論争】「漫画・アニメ・ゲームを禁止された子供はオタクに育つ」は果たして本当か？
Engadget | Technology News & Reviews
Mac で docker 起動できない時。具体的にはDOCKER_HOSTを指定してない時 | そんなこと覚えてない
4～5歳の男の子がうんち、ちんちん好きなのはなぜ？3つの理由 - 保育士ママの子育てログ雑記
診療所違法捜査、岐阜県警の許し難い「ノットリリースザボール」