2種類のログ解析基盤 - wyukawa's diary
僕は仕事では2種類のログ解析基盤を見ています。 1つ目はどちらかというとエンジニアよりの解析基盤でサービス側のエンジニアがShib, ShibUIを通して好きにクエリを投げることができます。ただしtableをcreateしたりdropしたりinsertしたりはできません。selectのみです。データの更新作業は別途cronのhive batchで行います。データはFluentd経由で各サービスのサーバーから収集します。こっちのシステムは古くからあって僕は引き継いだだけなので見ているとはいってもそんなにやることは無いですし、語れることも少ないです。 2つ目は約1年前に僕が一から構築したシステムでプランナーよりのシステムになってます。僕のチーム内のエンジニアだけがrawデータを触ったり更新したりすることができて、プランナーはレポートを通して加工されたデータを見る形になります。なので1つ目のシス
シェルスクリプトの文法チェックを全自動で行う「ShellCheck」が参考になる！
シェルスクリプトの勉強を始めたばかりの人にもオススメできるツール「ShellCheck」のご紹介！ シェルスクリプトの「文法チェック」には、いくつか方法があるわけですが、なかでも「ShellCheck」は非常に簡単に扱えるだけでなく、エラー箇所を具体的に指摘してくれるので助かります。 使い方！最もオススメな使い方が、公式サイト上でそのままチェックする方法！ シェルスクリプトをブラウザ上で入力することができ、何もしなくても自動的にデバッグされて下段に結果を表示してくれます。 例えば、よくありがちな変数の「$」を付け忘れた場合…。（echoで、変数yの$を付け忘れてますね…）
iPhoneの文字入力20選 ｜カーソル移動やフリック設定で同じ文字を連続で書く方法
漢字の再変換※イチオシ！ 入力候補とは別ですが、iPhoneには一度入力した漢字を再入力する機能も搭載されています。 漢字入力した部分を選択するとキーボード上部に入力候補が表示されるので、タップするだけで漢字の再変換が行えます。 「勘当した」と間違えて書いても、タップするだけで「感動した」に再入力ができちゃいます。 ただし入力できるのは10文字以内なのでご注意ください。 つまり10文字以内なら文章をタップしても再入力が可能という訳です。 入力を間違っても最初から入力し直す必要がなくなります。手間が省けて便利ですよ！ 「々」を入力する方法 どうやって入力したらいいか分からない文字「々」の入力方法です。 「どう」や「おなじ」と入力することで入力候補に表示されますが、数字テンキーで「8」を上フリックすると簡単に入力できます。 意外かもしれませんが、こういったよく使う記号は数字テンキーから入力でき
Rails アプリのインフラを AWS から heroku に移行した話 - sakagami memo
先日、自分の携わっている Rails アプリのインフラを AWS から heroku に移行しました。 移行時にハマった点や、その後 使い始めてみて便利だった点を列挙。 移行した主な理由としては、開発が少人数体制のためインフラは気にせずコードを書くことにのみ集中して、限られたリソースを有効活用させるため。 また、移行するにあたり以下のスライドも参考になりました。 Wantedlyを2年間Herokuで運用した話 from Yoshinori Kawasaki 移行時の手順・ハマったところ 基本的な手順 基本的な手順は簡単。 Heroku Toolbelt をインストールして、 heroku login でログイン、 heroku create で heroku 上に新しいアプリケーションを作成した後、 git push heroku master で デプロイ。 heroku open
はてなブログで吹き出しを使おう！ CSSでの実装方法を勉強したので解説します。 - いつもマイナーチェンジ！
僕はいつも、記事の最後に「あとがき」をつけているのですが、画像から吹き出し付きで書くようにしています。 ですが、これ、モバイル版ではちゃんと表示されていないのを分かっていながら放置してたんです。 CSSを利用した吹き出しなので、仕組みがなかなか難しく、後回しになってしまっていました。 この仕組を理解しないことには、放置しているモバイル版の対応もできないまま。 それはまずいので、ようやく重い腰をあげて勉強してみました。 あとがきの表示 PC版ではこんな感じの表示になってます。 それに対して、モバイル版はこんな感じでした。 吹き出しになってませんね。 最初はこちらの記事を参考に吹き出しを設置したのですが、 PC版だとスペースが広いので、画像の右側に吹き出しをおけるのですが、モバイル版は横幅が狭くなるので下側に吹き出しを置いたほうが見やすくなります。 ですが、そうすると、吹き出し特有の三角部分（
【無料】ダウンロードしておくと便利なApp Extensions専用アプリ5選！
どうもハンサムクロジです。 シェアシートから呼び出して使えるiOS 8のアプリ間連携機能「App Extensions」。 この機能を利用した、無料で使える専用アプリを5つご紹介します。どれもiPhoneがワンランク便利になるものばかりですよ！！ 「App Extensions」の使い方 まずは「App Extensions」の使い方から。 Safariなどの「App Extensions」機能を呼び出せるアプリを起動して、シェアボタンをタップ。シェアシートを表示させ、一番右までスクロールして「･･･」アイコンを選択します。 対応アプリが一覧で表示されるので、使いたいアプリの横にあるボタンを「オン」にすればオーケー。 シェアシートにアイコンが追加され、タップすることで機能を利用できるようになります！ 1.Twitshot 1つ目は、Safariで閲覧中のページを画像付きでツイートできるアプ
CentOS7を最小構成からセットアップ
開発用にCentOS7を最小構成から設定したときの覚書。今まで使ってたコマンドが使えなくなって戸惑った。 環境：CentOS 7.1.1503 目次 ホスト名変更 ファイヤーウォール設定 時刻同期 SELinuxを無効 sambaをインストールしてファイル共有 YUMにREMIリポジトリを追加する その他開発環境を整える １．ホスト名変更 # vi /etc/hostname < 2019/01/19 追記> CentOS7ではhostnamectlを使うのが正攻法。 # hostnamectl -h # hostnamectl status # hostnamectl set-hostname hoge.dksg.co.jp ２．ファイヤーウォール設定 デフォルトでfirewalldというサービスになったみたい。でも、iptablesが慣れているのでYUM経由でインストールする # yu
[コピペで使える！CSSだけでアニメーションつきハンバーガーメニューアイコンを作ろう] 他 海外のCSS情報 | WEBデザインすーぷ
アニメーションするCSSのみのハンバーガーメニューアイコン Animating CSS-Only Hamburger Menu Icons Hamburger menu icons have become a staple in many websites and web apps, and whether you like them or not, they are becoming a familiar and recognizable UI action button. Users are associating this icon with the showing and hiding of menus, and its compact, space-saving nature makes it a desirable style, particularly on smaller
![[コピペで使える！CSSだけでアニメーションつきハンバーガーメニューアイコンを作ろう] 他 海外のCSS情報 | WEBデザインすーぷ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f2d61e0129fb5d5d02ed528b0f0d8f03fb010de/height=288;version=1;width=512/http%3A%2F%2Fi0.wp.com%2Fweb.html-css-javascript.com%2Fwp-content%2Fuploads%2F2015%2F05%2Fi2.jpg%3Ffit%3D723%252C240)
ESDocというJavaScript向けのAPIドキュメントツールを作りました - maru source
こんにちは丸山@h13i32maruです。 昨日、ESDocというツールをリリースしました。GW中になんとかリリースできて一息ついているところです。今回はそのESDocというツールについて紹介します。あと最後に雑談と宣伝があります。 ESDocとは？ ESDocとはJavaScript(ES6)向けのAPIドキュメントツールです。JavaScript界隈ではJSDocがデファクトスタンダードであり、ESDocもJSDocに触発されて作りました。なのでタグの使い方はなるべく互換性を持たせています。とはいえ不要だなと思うタグもかなりあったのでそれらは実装していません。 ESDocの特徴(主にJSDocに比べて)としてはこんな感じです。 詳細なドキュメントを生成する ドキュメントカバレッジを計測する テストコードとドキュメントを関連付ける ES6のclass, import/exportを使った
マイクロソフトが提供しているアイコンセットまとめ – プログラミング生放送
マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 Cloud and Enterprise Symbol/Icon set Cloud and Enterprise Symbol/Icon set は、UX グループが Azure 向けに作成した200個以上のアイコンセットです。PNG 画像と Visio ステンシルがダウンロードできます。 新サービスのリリース時と四半期ごとに更新が予定されているようです（現在は、4月に更新された Ver. 2.22）。アンケートやメールでのフィードバックも受け付けています。 基本は、Azure 関連のアイコンですが、一般的なアイコンも含まれています。資料作成などの用途に広く使えます。 You can use them in architecture diagrams, training mat
CSS3で画像の一部をiOS（曇りガラス）風にぼかす方法：レスポンシブ対応
CSS3で画像の一部をiOS（曇りガラス）風にぼかす方法：レスポンシブ対応 iOS風のぼかしは画像が全画面表示だったら色々jQueryプラグインがあったのですが、今回は一部の要素の背景に重ねたかったのでちょっと試してみました。 投稿日2015年05月07日 更新日2015年05月07日 確認環境： Chrome42, Firefox37, Safari7, iOS8, Android 4.4 均一の余白で配置するバージョン paddingのみでぼかすパネルを配置する方法です。これならCSSオンリーでいけます。 html&cssは下記のようにします。 html <div class="panel"> <div class="panel-in"> <div class="panel-main"> 内容文が入ります。 </div> </div> </div> css *::before, * {
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
