暮らしの技術

暮らしを豊かにする技術や、特に暮らしを豊かにしない技術があります

ネットワーク周りのデバッグ & トラブルシュートTips

歳末ご多端の折、皆様いかがお過ごしでしょうか。mixiグループ Advent Calendar 2015 - Qiita 12日目ということで、簡単な内容ではございますが、ネットワーク周りのデバッグやトラブルシュートのTipsを共有させていただきます*1。さて、ネットワーク周り、…

CSS設計の教科書読んだ

読んだWeb制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法作者: 谷拓樹出版社/メーカー: インプレス発売日: 2014/07/24メディア: 単行本(ソフトカバー)この商品を含むブログ (4件) を見るAmazonでセールになってい…

Google Analyticsのウェブテスト使ってみた

tantanta.infoウェブテスト機能試してみた.ここにアクセスすると下のどちらかが出てくると思う. 今回やった設定 全てのリンクについて,クリックから遷移までを300ms遅らせ,その間にGoogle Analyticsにイベントを送信するようにする Analyticsのコンソー…

またお絵描きツール作ってる

iPhone6sってやつ買った.なんかタッチパネルが圧力検知できるようになったらしくて,まあ俺には関係ないと思ってたんだけどブラウザからも触れるってことがわかって俄然やる気になった.とりあえず線の滑らか補正機能みたいなところまでやったけど便利 あわ…

複雑性と戦うたった一つの方法

仕様が複雑になるのをさける

改訂新版Jenkins実践入門読んだ

改訂新版Jenkins実践入門 ――ビルド・テスト・デプロイを自動化する技術 (WEB+DB PRESS plus)作者: 佐藤聖規,和田貴久,河村雅人,米沢弘樹,山岸啓,川口耕介出版社/メーカー: 技術評論社発売日: 2015/06/10メディア: 単行本(ソフトカバー)この商品を含むブロ…

BackLogのWikiで記事が古い時に教えてくれるやつ作った

BackLogといえばnulabの提供する非常に多機能なプロジェクト管理ツールですが、そのなかにWikiの機能があります。手軽にプロジェクト単位でWikiを持つことができるうえ、インクリメンタルなページタイトル検索など非常に便利な機能も備わっています。さて、…

リアルな攻撃体験をしよう! Scrap Challenge 2015年度シーズンのご案内 - mixi Engineers' Blogalpha.mixi.co.jpなるほど〜

非同期な(Promise返す)メソッドにgetってついてるのムズムズする

非同期な(promise返す)メソッドにgetってついてるのムズムズする、非同期な(promise返す)メソッドにgetってついてるのムズムズしない?— ミサ・ルバ (@side_tana) 2015, 6月 23この辺の感覚,おそらくリーダブルコードあたりから来ていて,3章の誤解されない…

インターーーーーーーーーーン

株式会社ミクシィではエンジニア・デザイナーの夏期インターンを募集しているそうですよhttps://mixi-recruit.snar.jp/index.aspx就業型インターンシップ「Dive into mixi」開催のお知らせ - ミクシィ公式ブログ ~全ての人に心地よいつながりを~pr.mixi.co…

Burp ProxyでiOSのhttps通信を横取りする

ってやつをQiitaに書いた.記事の冒頭にも書いているけれど,Burp Proxy Help - Installing Burp's CA CertificateのiPhoneの項目を適当に日本語にして画像をつけただけです.debug - Burp ProxyでiOSのhttps通信をキャプチャする - Qiitaqiita.comなんか途…

英字のMacBookで初期設定する奴

覚え書き 解像度を良い感じにして広々使えるようにしておく (宗教に応じて)環境設定からCtrlを正しい位置に (宗教に応じて)Emacs for Mac OS X ログインシェルをzshにする XCode マウスでスクリーンロック出来るようにする*1 環境設定 -> Desktop & Scre…

Twitter for MacでTweetのJSONを手軽に確認する

Twitter for Mac,開発者設定しておくと右クリックからJSONみれて地味に便利なんだけど他のクライアントでも結構ある機能なのかな— 長老湖 (@side_tana) 2015, 1月 25これ書いたら結構知られてなかったみたいなのでQiitaに書いておきました.なにげにQiitaデ…

エンジニアの言ってることがわからない! と思ったときは

IT/ウェブ系で働いてる非エンジニアの人と話してると,「エンジニアの言ってることがわからない」という声をよく聞く.そういうときに何が起きてるのかっていうのを考えてみた.なおここではエンジニアに相手のレベルに合わせて話す技能がある,という仮定を…

GoでTUI (Text User Interface)つくるやつ作ってた

tanatana/aspirin tanatana/aspirin · GitHubtermboxラッパみたいな感じ,go-visual_widthにもお世話になってます……これまだ完全に作ってる途中で,一切まともに使える状況では無いですけど,まあもう2014年も終わるし忘年しようぜって感じで放出します. As…

フロントエンドの実装から見る第四十七回衆議院選挙 開票速報ページまとめ

700億円ほどのお金がかかっているといわれ,why-kaisan.comなんてサイトも作られ巷を賑わせた第四十七回衆議院選挙の投票日が今日でした.投票日と言うことはその後に来るのは開票で,開票と言うことは開票速報がはじまるわけです.報道各社を見てみますと,…

チーム開発実践入門読んだ

読んだ.チーム開発実践入門 ~共同作業を円滑に行うツール・メソッド (WEB+DB PRESS plus)作者: 池田尚史,藤倉和明,井上史彰出版社/メーカー: 技術評論社発売日: 2014/04/16メディア: 単行本(ソフトカバー)この商品を含むブログ (7件) を見るとにかく最初…

botと恋バナできるようにする

関連研究 DocomoruでBOTと雑に会話する - Qiita DocomoruでBOTと雑に会話する - QiitaDOCOMOの雑談対話APIを使ってHubotと雑談する。 - 文字っぽいの。 DOCOMOの雑談対話APIを使ってHubotと雑談する。 - 文字っぽいの。基本的にはアトム君がやってるのと全く…

「プログラマのための文字コード技術入門」読んだ

「プログラマのための文字コード技術入門」読んだ.前半は文字コードの基礎知識が書かれていて,後半は文字コードを使うことに焦点を当てた話が書いてある.具体的な例が多くて良かった.日本語を扱う情報技術者なら絶対読んでおいた方がいい気がする.プロ…

pythonでm個のbitがたっている数値をn以下で調べる

なんかビット表現に変えて文字列にしてsplitするみたいな荒技でもいいんだけど,ちゃんとしたらこういう感じかな.対象とする数値を表現するのに何桁いるか調べて,そのうえで各桁のマスクを格納したリストを作る.マスクリストの各要素と対象とする数値のAN…

TeamGeek読んだ

Team Geek読んだ.TeamGeekっていうのは,チームで働くときに注意することについて書いてある本.Geekってタイトルに入ってるけど,ITエンジニア以外でも通用するテクニックも書かれてる.Team Geek ―Googleのギークたちはいかにしてチームを作るのか作者: B…

fswatchでディレクトリを監視して任意のコマンドを実行する

fswatchコマンドを使うと指定したディレクトリで変更のあったファイルを標準出力に吐いてくれる.fswatchコマンドはkqueueやionotifyを利用したツールで,MAC OS Xを含むUNIX上や,Linux上で動作する.emcrisostomo/fswatch · GitHubこれを利用すると,指定…

感想書き放題ブックマークレット作りました.

ひとで君さんのブログの感想を書くボタンがおもしろ便利すぎてどんなブログでも使いたかったからブックマークレット作った.ちゃんと動くかどうかあんまり試してないから不安.とりあえず何となく動くと思う.以下をブックマークに追加することで使える. ja…

Arduino入門した w/ OS X Yosemite

前略なんか前から電子工作やってみたいな〜みたいな気持ちがあって,偶然とっかかりになる情報吸えたので,その場でAmazonで注文して,今朝一式届いた.Prototyping Lab ―「作りながら考える」ためのArduino実践レシピ (Make:PROJECTS)作者: 小林茂出版社/メ…

JavaScriptの関数定義と関数を変数に束縛した時の挙動の違い

JavaScriptの変数は巻き上げ(hoisting)と呼ばれる挙動をするのでね……と言う話.実際にコードで挙動を示した.RUNって書かれたボタンを押すと動く.http://jsfiddle.net/6xczopuv/3/ http://jsfiddle.net/6xczopuv/5/なんか昨日あたりからカッコで括るJavaScr…

jQueryの.each()に潜む罠

.each()の話 jQueryの.each()を使うと,JavaScriptのオブジェクトか配列を対象にした繰り返しを簡単に記述できる.*1 var list = [0,1,1,2,3,5,8,13]; $.each(list, function(index, elem){ console.log(elem * 2); }); // 0 VM2035:4 // 2 VM2035:4 // 2 VM…

おすすめ自己啓発本のご紹介

NEW GAME!読んで東京トイボックス読んでから稲盛和夫の「生き方」読むと最高— うどんバイキング (@moznion) 2014, 6月 23 稲盛和夫の生き方読んだこと無いです— うどんバイキング (@moznion) 2014, 6月 23 稲盛和夫の生き方,最初の方はまあふむふむみたいな…

背景が輝くjQuery pluginを作った

5つの光が導く未来!輝け!スマイルプリキュア!— 古瀬大六 (@side_tana) 2014, 6月 15作りました. tanatana/cagayake · GitHub Cagayake background jQuery plugin これは ウェッブページの背景を輝かせるためのjQuery pluginです.動いてる様子はCagayak…

100% PURE CSS PAGINATION!!

個人的な都合で ページャNight <[1]> on Zusaar に参加できないので腹いせにネタをひとつ潰しておく*1作ったのはこれ.https://github.com/tanatana/pureCssPagination/デモはこっちhttp://tanatana.github.io/pureCssPagination最も早くする通信するには通…

iOSの通信をWireSharkでみる時の話

開発中など,iOSの通信をWireSharkでみたいという場面がしばしばある.rvictlコマンドを利用することで,iOSの通信をキャプチャできる用になるのだけれど,キャプチャしたデータの扱いが上手くできなかったので書く.rvictlを使う方法は以下の記事に大まかな…