最近 Stop using tail -f (mostly) や 「tail -f」を使うのは情弱、情強は「less +F」を使う などless押しな記事が幾つか上がっているんだけど、タイトルが煽り気味なのか若干反感を呼んでいるようなのでless派が職場で肩身の狭い思いをしないようにもう少し便利な使い方を紹介したい。 tail -fの様なScroll forward less +Fで起動またはless起動中にF 元記事にもあるtail -fと同様の振る舞い。正直この機能と検索だけでいいのであればtailで十分。lessの便利なところは様々な機能との組み合わせにあって、これから紹介する機能は基本的にこのモードと組み合わせが可能だ。あと、less開いてFのほうがタイプが面倒くさくないのでおすすめ。 1行で表示する (改行しない) less -Sで起動またはless起動中に-Sr(-Sでモード切

TARGETING正確かつ豊富なデータで きめ細やかなターゲティング 独自データによるユーザーの属性や興味関心などの精緻なセグメントで的確にアプローチが可能です。 Post Cookie時代の次世代マーケティングプラットフォームを通じて、独自開発の広告配信用ID「Hyper ID」で、プライバシーに配慮した高精度のターゲティング広告配信が可能です。 次世代マーケティングプラットフォームとHyper IDターゲティングについて詳しくはこちら

数年前に購入した古いMacBook Proを手放すにあたって、初期化作業を行いました。その手順をメモしておきます。ディスクフォーマット後、OSをインストールするのにApple IDの入力が必要で回避できなかったところがもやもやポイントとして残っています。 目次 1. Mac公式データ削除手順資料2. iCloud、iTunes3. iMessage4. HDD（SSD）の初期化4.1. OS X ユーティリティの起動4.2. ディスクユーティリティ4.3. 再インストール5. Apple IDが必要だったけどそれでいいのかなぁ スポンサーリンク Mac公式データ削除手順資料 まず参考になるのが、「Mac を売却または譲渡する前に - Apple サポート」です。 ちなみに、このMacでは、普段使うApple IDを使用していないので、あまり本格的な使い方（iTunesの認証など）をしていま

日本交通と博報堂DYメディアパートナーズ、博報堂、ACCESSは4月6日、iBeaconを利用してタクシー車内で動画広告を乗車客のスマートフォンに配信するサービスの実証実験を始めた。 東京都内を走る約1600台のタクシー車内にiBeacon端末を搭載し、配車や決済ができるスマホアプリ「日本交通タクシー配車」（iOS／Android）に情報を配信する。乗車時間に応じて配信される企業の動画広告を視聴すると、次回以降のタクシー料金の割引クーポンがアプリに付与される仕組みだ。 博報堂DYホールディングス マーケティング・テクノロジー・センターが開発している屋外情報配信プラットフォームを活用。乗車した場所や時間帯、乗車回数に応じて配信する情報を変更する。 関連記事 スマホからワンタッチの「全国タクシー配車」、クレカ登録で支払い手続き不要に スマホのGPS機能を利用してタクシーを呼べるアプリ「全国タク

私のように、Reactを使ってより進んだことがしたいと考えたなら、おそらく Flux に注目した経験があると思います。ざっと目を通してタブを閉じ、JavaScript開発者としての自分の人生を見直したことでしょう。 もしReactになじみがなければ、私の記事 「React入門」 を読んでみてください。 Fluxとは？ Fluxは、遠目には始めるために複雑な手順を踏まなければいけないように映ります。しかし、 GitHubにあるexample を見てみれば、これがどのように機能するのかが実に明確になってきます。 簡単に言うと、Fluxは美化された 出版-購読型モデル のアーキテクチャです。データはシステム内を一方向に流れ、そこから様々な利用者が必要に応じてデータを取得します。これについて考えるには、私たちの体に例えてみると簡単です。 イベント – 血液 血液は私たちの体内を一方向に流れています

使い方 waitForElement(selector, [timeout]) という感じで使います。 waitForElement()はPromiseを返すので、見つかったthenで登録したコールバックが呼ばれて、見つからなかったらcatchが呼ばれるという感じです。 Promiseについて詳しくはJavaScript Promiseの本を見てください /** * Wait until an element that is matched the selector is visible. * @param {string} selector the css selector * @param {number} timeout the timeout is millisecond. default:2000ms * @returns {Promise} */ var waitForElem

スマートフォン向けのWebサイトやWebアプリを中心に、「SVG」がいま再注目されています。単なる画像フォーマットを超えて、最近ではさまざまな表現に広く活用されるようになりました。 本連載では、SVGの概要から基本的な使い方、Web制作での活用方法までをじっくり解説。CSSによる装飾やJavaScriptとの連携など、すでに使っている人がもっと使いこなすためのテクニックも紹介します。（編集部） Webの表現を広げるSVGの魅力 SVGと聞くと、「単なるベクターの画像でしょ」と思う方も多いでしょう。確かにSVGは「Scalable Vector Graphics」の略なので、ベクター形式の画像フォーマットであることには間違いありません。 一方で、SVGには、PNGやJPEGといった、他の画像フォーマットとは異なる魅力があります。SVGをWebページに使うことで、これまでのHTMLやCSSだけ

WebアプリケーションなどではAjaxを使って通信を行うのが一般的です。そのため、ユーザが処理を待っている間は処理中である旨表示が求められます。そうしないと反応がないと思ってしまって何度もボタンをクリックしたり、ウィンドウを閉じてしまいます。 そこで使ってみたいのがLoaders.cssです。スタイルシートだけで作られたローディングアイコンです。 Loaders.cssの使い方 Loaders.cssでは多数のパターンのローディングアイコンが用意されています。以下はその一覧です。 最後のパックマン風はかなり派手ですね（2つも必要ですし）。その他、好みに応じて選択できるかと思います。スタイルシートであれば色を変えるのも容易でしょう。 使い方としては、 <div class="loader-inner ball-pulse"></div> のようにクラス指定するだけです。 Loaders.cs

XcodeではしっかりMVCでフォルダー分けをしているのにnew fileする時にルートに作りまくって実際のフォルダー構成は… って事、よくありますよね。 Xcodeプロジェクト>>フォルダー構成 の同期をするにはsynxを利用するといい感じです。 gem install synx gemでインストールしたらxcodeprojのある階層で synx project.xcodeproj するだけ。 このように構成を同期してくれます！ http://raimon49.github.io/2015/03/21/review-nytimes-objective-c-style-guide.html NewYorkTimesのコーディング規約ではこの構成の同期を推奨しているので、プッシュ前にやっておくといいですね！

情けない話ですが、自分の大チョンボで AWS の個人アカウントが第三者にアクセスされた結果 190万円相当のリソースが使われ、最終的に AWS さんに免除を頂きました。反省込みで本件のまとめを書きます。 自分が馬鹿を幾つも重ねた結果であって、AWS 自体は怖くないというのが伝われば幸いです はじめにまとめ S3 実験してた時に SECRET KEY を見える場所に貼っていた事があり、第三者がそれでアクセスし大量の高性能インスタンスを全力で回す (恐らくBitCoin採掘) AWS さんから不正アクセスの連絡があり、急いで ACCESS KEY 無効＆パスワード変更、インスタンス全停止、イメージ削除、ネットワーク削除 免除の承認フェーズを進めて、クレジットカードの引き落とし前に完了して助かる AWS さんのサポート AWS さんは最大限サポートしてくれました 承認フェーズが進まない時もあまり

理解しておきたい、CSSによるインラインレイアウトの仕組み（inline-block編）Inline Layout─Frontrend Conference 高津戸壮（株式会社ピクセルグリッド） この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第4回目、最終回です。 背景画像でリストのビュレットを配置した場合の問題 今回は、前回までの内容を踏まえ、主にインラインブロックについて見ていきます。まずは、以下のようなリストを「HTMLとCSSで作りたい」と思います。この時、リストのビュレットはオリジナルの画像にしたいです。 こんな時、背景画像を利用し、以下のような方法でこの見栄えを再現するという方は多いでしょう。筆者も昔からずっと、この方法で実装してきました。

レスポンシブなWebサイトを作る際にBootstrapやZurb Foundationといったフレームワークを使うことはままあります。それはなぜかと言えば便利な機能と整ったデザインが提供されるからなのですが、逆にデザイン上の縛りが出てしまうのが難点です。 そこで使ってみたいのがflexible.gsです。レスポンシブWebデザインの中でも肝になるであろう、メディアクエリーとグリッドについてのみ提供するスタイルシートフレームワークです。 flexible.gsの使い方 flexible.gsのパターンは次のように分かれています。 xl（デスクトップ）、lg（横向きのタブレット）、md（縦向きのタブレット）、sm（横向きのスマートフォン）、xs（縦向きのスマートフォン）といった組み合わせでデザインを指定するようになっています。 グリッドのデモとしては次のようになりまうｓ。 スマートフォンの場合

自分用にひと通りの動きを一覧化したものが欲しくて作ったのでシェアします。 リンクやボタンのホバー時にエフェクトを付けるのと同じように、画像にもホバー時に何かエフェクトを付けたいというときに使えそうなエフェクトのサンプルです。 CSS3を多用しているので全ブラウザで実装できるわけではありませんが、いずれもCSSのみを使用して実装したもので、拡大縮小・スライド・白黒・ブラー・フラッシュなど全15種類です。 共通のHTML・CSS サンプルはいずれも下記のようなHTMLを使用しており、CSSについても共通スタイルとしてそれぞれに指定しています。 CSSでは幅や高さを指定している部分もあるので、参考にされる際はこれらを自身の環境に合わせて調整してください。

最近のWebサイトやブログで見かけるアニメーションを使ったさまざまなかっこいいエフェクトやコンテンツの見せ方を実装するCSSやJavaScriptのチュートリアルをCodyHouseから紹介します。 それぞれファイルを一式でダウンロードできるので、すぐに利用できます。 Fixed Background Effect デモページ 対応ブラウザ：Chrome, Safari, Firefox, Opera, IE9+ sectionやdivを垂直に配置した縦長ページで、背景を固定し、各コンテンツがカーテンを引き上げるようにスクロールするシンプルなテンプレート。

Written in Go, Goffee is a fast, concurrent way to monitor your sites from all over the World. Worldwide monitoring By periodically changing Tor exit nodes, Goffee checks that your site is up from all over the world. Powered by Gophers Actual, real life gophers on little treadmills, working hard to make sure that your site is up.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

マイクロソフト、「IE Diagnostics Adapter」リリース。ChromeのリモートデバッグがInternet Explorerでも可能に マイクロソフトは、Internet Explorer 11をChromeリモートデバッギングプロトコルに対応させるアダプタ「IE Diagnostics Adapter」をオープンソースで公開しました。まだ実験的な実装としていますが、今後Internet Explorerだけではなく、Windows 10に搭載予定の新ブラウザ「Spartan」にも対応させていくと説明しています。 IEBlogに投稿された記事「Introducing the IE Diagnostics Adapter for third party developer tools」では、「IE Diagnostics Adapter」を次のように説明しています。 The

Transcript 1. 俺がSCSIだ - LIOのすすめ - Naomasa Matsubayashi 2. SCSI 3. コンピュータと周辺機器を接続するための規格 主に二次記憶装置の接続で用いられる SCSI イニシエータ ターゲット 4. iSCSI 5. TCP/IPにSCSIプロトコルを乗せて 遠く離れた所にあるターゲットを操作する iSCSI イニシエータ ターゲット 6. iSCSI RFCで標準化されている RFC 3720 iSCSIの基本的な規格 RFC 3721 目的のターゲットを見つける方法 RFC 3722 イニシエータやターゲットの名前の書き方 RFC 3723 認証について RFC 3347 iSCSI対応機器が満たすべき要件について RFC 3783 iSCSIのコマンドの実行順序についての注意事項 RFC 3980 本家のSCSIの仕様が更新された

webpack とは webpack は WebApp に必要なリソースの依存関係を解決し、アセット（配布物）を生成するビルドツール（要するにコンパイラ）です。JavaScript だけでなく、CoffeeScript や TypeScript、CSS 系、画像ファイルなどを扱うことができます。 WebApp のビルドツールは Grunt や Gulp が有名です。これらは基本的に、ビルド手順をタスクという形で自ら定義する必要があり、フロントエンド開発に馴染みのない開発者にとっては敷居が高いものでした（少なくとも、自分はそうでした）。 webpack を使えば、Grunt も Gulp も必要ありません！覚えるべきことはほとんどありません。（必要なら）簡単な設定ファイルを書いて webpack コマンドを実行するだけです。 以下では基本的な使い方を見ていきます。 ※もちろん Grunt/G

With Hollywood's glamorisation of hacking, it's easy to think of hacker groups as some kind of romantic back-room revolutionaries. But who are they really, what do they stand for, and what attacks have they conducted in the past? We see the stories every week of some intrepid hacker or hacker group wreaking havoc with their technical knowhow. Banks robbed of millions thanks to some cryptic malware

LOIC (Low Orbit Ion Cannon) はオープンソースのネットワーク負荷テストツール。開発言語はC#。JavaScriptで開発されたバージョンも存在し、ウェブブラウザからのDoS攻撃を可能とする[1]。LOICは、Praetox Technologiesが開発していたが、後にパブリックドメインで公開されている[2]。 「LOIC」は、ゲーム「コマンド&コンカー」シリーズに登場する架空の兵器から名付けられた[3]。 使用法[編集] LOICは、ターゲットとするサーバにTCPパケットまたはUDPパケットを大量に送りダウンさせる、DoS攻撃もしくは複数の個人によって使用されDDoS攻撃を行う。 また、LOICを使うことで、自主的にボットネットに参加する人々も存在する[4]。 PythonLOIC[編集] PythonLOICは、二人の若者が開発したLOICで、Pythonによ

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 複数のサーバを使ってサービスを運用している時に、サーバによって動作が異なることがあります。そのために不可解なエラーにハマったりする訳ですが、チェックするのが意外と面倒です。 そこで使ってみたいのがhttpdiffです。2つのサーバ間におけるヘッダー情報の差分を表示してくれます。 httpdiffの使い方 例えば以下のような実行をします。 $ httpdiff http://www.google.co.jp http://www.google.com/?gws_rd=cr Doing GET: http://www.google.co.jp http://www.google.com/?gws_rd=cr Content-Type header different: text/htm