テストサーバーへのアップが面倒なときはngrokでローカル環境を外部公開してみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアのまろです。 テストサーバーにアップするのって面倒ですよね。FTP環境だったり、Gitでの環境だったり。どちらもコマンドでアップするんですけどなんか。。。 あと外部サービス連携も面倒ですよね。開発中と本番のURLが違うのはもちろん、localhost:8080なんて外部からアクセスできないし、それの設定なんてこれまた面倒。そんなときにngrok使いましょう。というお話です。 ngrokとは https://ngrok.com/ localhostで動いているサーバーを外部（LAN外）からアクセスできるように、リレーしてくれるツールです。 例えば「http://localhost:8888」が「http://c3f4avrc.ngrok.com」になって公開される感じです。 簡単すぎて、今回はボリューム少な目です。 ※無料ですが、ngrokを継続して使っていくために任意
Grafanaでかっけぇダッシュボード作るよ！(構築・設定編) - サーバーワークスエンジニアブログ
iPad Air 3(かな?)が楽しみな竹永です。洗濯機はまだ無い。 このところElasticsearchとかKibanaとかばっかり触っていましたが たまには別のツールを触るのも良いと思うのです。 と、いうことで可視化ツールの Grafana を触ってみます。 Grafanaってなに？ 可視化ツールです。ダッシュボードを作ってヒャッハーできます。 プラグインの追加でいろいろなところからデータを持ってこれるので簡単にいろいろなデータを可視化することができます。 今のところプラグイン無しで対応しているのは下記のソース。 Graphite Elasticsearch CloudWatch InfluxDB OpenTSDB KairosDB Prometheus プラグイン を入れて試してみたのは下記。 Zabbix …対応しているデータソースがなかなか尖っています。 CloudWatchにひ
ダミーテキスト生成
「すぐ使えるダミーテキスト」が暗号化通信（https）に対応しました。 2018年6月現在、移行のテスト中でどちらでもアクセスできます。 【2018年6月12日更新】移行テストが完了し、https に強制転送されるようになりました。
プログラマー“専用（？）”のメモ帳アプリ「Boost」登場
Boostは、JavaScriptなどのWeb標準技術を使ってデスクトップアプリを作成できるフレームワーク「Electron」で開発。Electronは米GitHubが公開しているもので、「Visual Studio Code」などでも採用されている。 まずはMac OS X版から提供。追って他OSやデバイス連携機能の開発も進めるという。 関連記事 Visual Studio Codeの使い方、基本の「キ」 Microsoft発のクロスプラットフォームなテキストエディタ、「Visual Studio Code」の使い方の基本をまとめる（バージョン1.25対応）。 GitHub（ギットハブ）の使い方：issue（イシュー）編 ソフトウェア開発プロジェクトの共有Webサービス「GitHub（ギットハブ）」を「日本語で」分かりやすく説明するシリーズ、今回はコミュニケーションを図るための「issu
フロントエンド開発が捗るHTTP通信モニタリングツール「Charles」を使いこなす
はじめに 「Charles」はHTTPのプロキシ・モニタを行えるGUIのツールです。似たようなツールとしてはFidllerが代表的ですが、CharlesはUIや操作性がシンプルです（その分機能は限定的です）。「HTTPをモニタする」というとなんだか取っ付きにくそうに感じるかもしれませんが、Charlesを使うことでその認識は大きく変わります。今回はこのツールのさまざまな使い方をWebフロントエンドの開発視点から紹介していきたいと思います。その便利さから弊社のWebフロントエンド開発チームにはなくてはならないツールとなっています。 Charlesとは Charlesは公式サイトの説明にもある通り、HTTPプロキシ／HTTPモニタを行うツールです。機能を大きく分類するとできることはその2点だけですが、かゆいところに手が届く細かな機能を多く持っています。公式サイトから引用すると、機能としては以下
キー入力を表示しながらスクリーンショットGifを撮る
B! 68 0 0 0 作ったソフトの説明なんかをする時に Gifなんかで紹介しようとすると、 ショートカットキーを使って簡単に出来るよ！ みたいな説明がいまいち上手く出来ません。 ですが、たまにGifやビデオなんかで実際のキー入力を表示している様なのがあって、 使いたいな、と思っていたので色々調べてみました。 Mac KeyCastr Key Codes Mouseposé Pin Point キーボードビューア KeyCast Macまとめ Windows KeyCastOW osdHotkey ShowOff QiPress Target Keybaord Jedi KeyDisplayer PointerFocus キーロガー Windowsのまとめ Linux (というよりPython) pykeyview key-mon ScreenKey Linuxまとめ Mac KeyCa
Adblockよりもはるかに軽い広告除去ツール「µBlock」を使ってみました
ウェブページの広告を非表示にすることで表示速度をアップしようとAdblockなどの拡張機能をインストールしてみたものの、かえって動作が重くなってしまうということがあります。そこで、広告を非表示にできAdblockよりもはるかに軽いと評判の拡張機能「µBlock」を使ってみました。 gorhill/uBlock · GitHub https://github.com/gorhill/uBlock ◆µBlockについて 広告を非表示にしてくれるブラウザの拡張機能としては「Adblock」が圧倒的に有名ですが、最近、企業からお金をもらってホワイトリストに追加するという動きをAdblockが見せ始め、デフォルト設定で表示される広告が増え、さらに、「以前より動作が重くなった」という意見がちらほら聞こえ始めています。 GoogleやAmazonは広告を消す拡張機能「AdBlock Plus」にお金を
pecoの基礎の基礎 - Qiita
「pecoってツールらしきものが流行っている」と思いつつ、導入とか難しそうと思って後回しにしていたんですが、気がついたら自分の手元のbash設定ファイルにpecoを使う関数が定義されていたので、改めて初歩からやってみました。 説明に使用しているシェルはお馴染みのbashです。 pecoとは GitHubのpecoのサイト とてもシンプルなツールで 「標準入力から受けた行データをインクリメンタルサーチして、選択した行を標準出力に返す」 コマンドです。 シンプルゆえに様々な組み合わせで効果を発揮します。あらゆる場面での選択肢を標準入力に渡して、選択された結果を標準出力から受け取って加工してコマンド実行をする、というのが基本的な流れ。 説明じゃ伝わらないので実例を体験したほうが早いかも。 peco のインストール pecoで検索すると「pecoはGoでできている」とか出てきて「Goってなんぞや」
Google Analyticsより断然見やすいアクセス解析「Pt engine」ヒートマップが面白い＆リンクのクリック数もわかる！
アクセス解析といえば、圧倒的にGoogle Analyticsの一強で、他には大したツールはない。 そう思っていた時代が私にもありました。 ですが今回紹介する「Pt engine」を使ってみてその考えは見事に覆りました。これ、イイ。 まず、とにかく見やすい。パッと見で必要な情報が目に入るよう工夫されているのがわかります。 さらにGoogle Analyticsにはないヒートマップ解析（ユーザーがどこまで読んだか、どこをクリックしたか視覚的にわかる）や、パラメータをつけなくても流出先（リンクのクリック数）がわかるなどの独自の機能も搭載。 もちろん、各種アクセス解析やコンバージョンの計測などディープな機能も備えています。 2.5万PVまで無料で使え、個人ユーザーのKloutスコア50以上の人はある程度の機能を備えた無料特別プラン（200万PVまで）を利用可能。 Webサイトの運営者や、しっかり
ackを捨てて、より高速なag(The Silver Searcher)に切り替えた - Glide Note
Geoff’s site: The Silver Searcher: Better than Ack ggreer/the_silver_searcher · GitHub パターン検索にはackを利用していて、通常利用時には特に不満は無かったんですが、 ファイル数が多いディレクトリだと遅かったので、もっと他の方法が無いかと調べていたら ackの3〜5倍速いというThe Silver Searcherというものが あったので導入。 The Silver Searcherの特徴 公式に書いてあるThe Silver Searcherの特徴 ackの3〜5倍高速 .gitignore、.hgignoreに記載されているものを検索対象から除外 検索対象から除外したいファイルは.agignoreに記載 agというコマンド名で、ackと比べてコマンドが短い(33%減!) なぜ高速なのかは https
Sheet
sheet # with no arguments it will just list all your sheets sheet git # opens git sheet sheet new git # creates git sheet sheet edit git # edit git sheet Use sheet new <term> to create your first sheet. Useful for jotting down commands that you use often but somehow never remember. Opening urls Found a great cheat sheet online about jquery or your favorite language? I've got you covered. When writ
MobaXterm free Xserver and tabbed SSH client for Windows
Enhanced terminal for Windows with X11 server, tabbed SSH client, network tools and much more MobaXterm is your ultimate toolbox for remote computing. In a single Windows application, it provides loads of functions that are tailored for programmers, webmasters, IT administrators and pretty much all users who need to handle their remote jobs in a more simple fashion. MobaXterm provides all the impo
Sensuを使ってクラウド環境の監視を効率よく行おう - UNIX的なアレ
AWSなど様々な環境でサーバを管理してくると、すべて同一の監視ツールを使うのがなかなか難しくなってきます。そんなこともあり、私も定期的にいろいろな監視ツールを試しています。 http://nanapi.co.jp/blog/2013/09/11/monitor_nanapi_servers/ nagiosとクラウドの相性が悪い！ 監視するには様々なツールがありますが、その中でも特に有名なツールはnagiosでしょう。古くから使われているツールで、プラグインも数多くあり様々な監視を行うことができます。 クライアント側にnrpeをインストールすることで、各ホストの詳細の状態まで監視することができますし、うまく活用すればかなり細かい監視までできます。 しかし、AWSのようなクラウド環境で使うには非常に使いづらいです。というのも、nagiosはサーバ側にどのホストを監視するのかという情報を持たなけ
Wordからの脱却！ 洗練されたテクニカルドキュメント管理ソリューション「FrameMaker」で実現する長く信頼できるシステム基盤とは
こうしたテクニカルコミュニケーションのためのドキュメント（テクニカルドキュメント）を扱う分野で、古くから利用されている著名なツールの一つに、アドビシステムズが提供する「Adobe FrameMaker」がある。一般的なワードプロセッサなど、ドキュメント作成のためのツールが数多くある中で、テクニカルドキュメントを扱うにあたって「FrameMaker」が選ばれ続けている理由は何なのか。 今回、実際にFrameMakerのユーザーであり、合わせて、FrameMakerを利用したシステムソリューションの提供も行っている、情報システムエンジニアリング（ISE）の黒田聡社長に話を聞いた。 FrameMakerが扱う「構造化ドキュメント」 ――ISEでは現在、どのような事業を手がけているのでしょうか。 ISEは、1979年に設立したシステム開発会社です。テクニカルコミュニケーションに関する事業は25年ほ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無線LANの状況をビジュアル表示できる診断ツール「WiFi Analyzer」NOT SUPPORTED
Nozbe - GTDソフトウェア、タスク管理、プロジェクト管理
MacWinZipper - ティダ
正規表現がもっと使える！ 直感的にも使いやすくなった最新GNU AWKの拡張機能を知る
Wireshark だけに頼らない! パケット解析ツールの紹介
脆弱性体験学習ツール AppGoat | 情報セキュリティ | IPA 独立行政法人 情報処理推進機構
