だいぶ昔に作ったwebサービスのSQLを見直したら5倍以上速くなった

http://nicotune.net/ お気に入りのニコニコ動画投稿者の新着動画を表示してくれるサービス チューニングした 最近はNetflixにうつつを抜かして、ニコニコ動画を観なくなっていましたがPUBGプレイ動画にハマってしまいニコ厨化しつつあります。 新着動画の確…

GitHubでコードリーディングを快適にするChrome拡張を作った

作ったもの chrome.google.com GitHubでのコードリーディングを快適にするChrome拡張です。 以下の機能があります。 githubのコード表示領域の幅を調整できる機能 githubのdiff表示においてスペースのみの変更行を表示しないようにする機能(w=1のクエリを付…

なかなか覚えられないUnixコマンドの入力を補助してくれるwebアプリケーションを作った

Unix Command Generator 成果物 Unix Command Generator http://command.hogesuke.net/ Unixコマンドの引数やオプションの入力を補助するWebアプリケーションです。 説明を読みながらコマンドの組み立てが可能な動的なリファレンスを目指して作っています。 …

GitHubのREADMEによく使われる英単語を集計して効率的にドキュメントを読むのに必要な英語力をつける

GitHubのREADMEに頻出する英単語を調べて効率的に学習しようとした話です。

Chrome拡張のcssで画像のパスを指定するときの注意点

Chrome拡張のcssで背景画像を指定するような場合に、普通の書き方だと画像を読み込むことができません。 NG #hoge { background: url(img/hoge.png); } OK 以下のように chrome-extension://__MSG_@@extension_id__/ を先頭に付与します。 #hoge { backgroun…

GitHubのヘッダーを好きな色に変更できるChrome拡張つくった

GitHubのヘッダーの色が黒くなったことによりGHEと見分けづらくなったので、自由にヘッダーの色を変更できるChrome拡張をつくりました。

Amazonの包装を本のカバーに使うといい感じだった

本をカバンに入れて持ち運んでいると、フチがつぶれたりページが折り曲がったりと悲惨な状態になるのが悩みでしたが、試しにAmazonの包装をカバーにしてみたところすこぶる調子が良くなりました。 包装の中のプチプチが本を守ってくれて、かなり長期間ハード…

電子工作は案外お金がかかる。何にどれぐらい費用がかかったか計算してみました。

下の記事にてRaspberry Pi Zero の2台構成で目覚まし時計を作成したことを書きました。 hogesuke.hateblo.jp この記事のなかで「電子工作はお金がかかる」ということを感想として挙げています。 今回は、実際に何にどれぐらいのお金がかかったのかまとめてみ…

5時起きを支える技術 - Raspberry Piで作る二度寝を防止する目覚まし時計

さくらインターネット Advent Calendar 2016 19日目の記事です。 Raspberry Piを用いて二度寝を防止する目覚まし時計を作りました。

懐かしいはてブ記事で打線組んだ。「考え方」「人生」編

はてブを大学生のころから使いだして、おおよそ10年ほど経つらしいことに気付いた。 大学生のころは何かとこじらせていて「考え方」とか「人生」とかそういったタグが付く記事を好んで読んでいた記憶がある。 たぶん、あと少しで社会人になってしまう恐怖を…

ベルメゾンで頑丈本棚っていう高さ180cmの収納力抜群の本棚を買った

いままで使っていた本棚が小さく、本が入りきらなくなったので新しいものを購入しました。 それが先日届いたので紹介してみます。 全貌 奥行 30cm × 高さ 180cm × 幅 120cm なかなか迫力がある大きさです。 狭い部屋に高さ180cmの本棚はけっこう存在感があり…

RaspberryPiに接続したフルカラーLEDをPWMでグラデーションさせる

以下の記事でPWMでLEDの明るさの調整をすることができました。 hogesuke.hateblo.jp つづいて、フルカラーLEDを使ったグラデーションに挑戦してみたいと思います。 フルカラーLEDのグラデーション PWMを使って赤・緑・青の各色の明るさを変えることによりグ…

PWMでRaspberryPiに接続したLEDの明るさを変える

RaspberryPiでLEDの点灯は簡単にできたので、次にLEDの明るさ調整を試してみたいと思います。 PWM 明るさの調整は、PWM(Pulse Width Modulation)という方法用いることで実現可能です。 PWMというのはパルス信号のONである時間(パルス幅)を調整することに…

Raspberry Pi Zeroに無線LAN経由でsshできるようにする

せっかく小さいRaspi Zeroですから、キーボードやモニタは接続せずにsshで操作したいですね。先日sshできるようにしたので、その工程をメモとして残しておきます。 無線LANアダプタを用意する Raspi ZeroはRaspi3とは異なり無線LAN機能を標準で搭載していな…

Raspberry Piで静電容量式タッチセンサ(AT42QT1010)を使う

Raspberry Pi Zeroで静電容量式タッチセンサ(AT42QT1010)を試してみたので簡単に使い方をメモしておきます。 使ったもの www.switch-science.com これです。赤が渋くてカッコいい。1000円を切るお値段というのも嬉しいですね。 ちなみにピンヘッダは付属して…

Raspberry Pi ZeroにSHARP 7インチ IGZO-LCDパネルを接続する

SHARPの7インチ液晶、お手頃価格で高精細、表示はとても綺麗でオススメです。 ところで、この7インチ液晶をRaspberryPiに繋いで使う際には /boot/config.txt ファイルを書き換える必要があります。 購入すると付いてくる説明書に書き換える内容が記載されて…

ポモドーロ・テクニックでSlack見がち問題を解決する

Slack見がち問題をポモドーロのサイクルにのせることで解決するという話。

React + Reduxでテック系Podcastをピックアップして聴けるwebサービス、pickfmを作った

React + Reduxでテック系Podcastにでてくる話題を可視化し、好きな箇所をピックアップして聴けるwebサービスを作成しました。

Vue.jsで体感余命みえる君を作った

Vue.jsで体感の余命がみえるWebアプリケーションを作成しました。

Slackに気を取られすぎる問題とその解決

Slackでの未読メッセージが気になって集中力が削がれる問題を解決する、2つのツール(Slack Silencer、Slack Reporter)を紹介します。

YAPC::Asia 2015 は最高のフェスだった

YAPC::Asia Tokyo 2015yapcasia.org こんな面白いカンファレンスは初めてで、めっちゃ楽しかった。 今回が初めての参加で、もっと早くからYAPCを知っていればと思ってしまいます。 会場ではTwitterで絡んでる人とオフで話せたし、こういう大規模なカンファレ…

Raspberry PiとOpenCVでスプラトゥーンの勝敗を自動記録する仕組みを作ってみた

スプラトゥーンの勝敗を自動記録する仕組みをRaspberryPiとOpenCVで作ってみました。

【さくらのクラウド】Minecraftサーバをコマンド操作なしで簡単構築

さくらのクラウドには、スタートアップスクリプトという機能があり、サーバ作成時に任意のスクリプトを実行することができます。Minecraftサーバを構築するスクリプトを指定すれば、簡単にコマンド操作なしでマルチユーザで遊べる環境を構築できます。 とは…

ニコニコ動画の再生画面を少しだけシンプルにするChrome拡張を作ってみた

ニコニコ動画の再生画面、いろんな情報がひっきりなしに目に飛び込んできて動画に集中できない。 なので、これを少しシンプルにして集中できるようにしてみました。

AngularJSを使ってタグベースのはてブビューアを作ってみた

AngularJSでタグベースのはてブビューアを作りました。ウォッチしたいキーワードをタグとして登録すると、ブックマークされたエントリをタグごとに一覧表示します。

英語の勉強を始めて1ヶ月。その感想。

英語の勉強を初めて1ヶ月たった。自分としてはめずらしく勉強の習慣は定着できているので、そこは良かったかなと思う。だけど、ダメなところもいろいろ感じ始めている…。 適当に感想を書いていく。 前よりもさらに時間がかかっている 最近、学習に集中できな…

英語の勉強を始めて2週間。その感想。

英語の勉強を始めて2週間たった。英語の勉強は大学受験以来なので10年ぶりくらい。書いてて思ったけど、10年ぶりってすごい。そりゃ忘れとるわなー。 適当に感想を書いてみる。 単語を覚えるのが大変 一時的に記憶しても翌日にはすでに思い出せない。これは…

GitHubPagesでプロフィールページ作った

hogesuke.githubu.io作成したWebサービスのURLをTwitterのプロフィールに載せていたのですが、サービスが増えるにつれてスペースが限界に近づいてきたので、GitHubPagesでプロフィールページを作ることにしました。Githubリポジトリにpushするだけでなのでお…

2014年振り返りと2015年の目標

2014年の振り返り 転職した 引っ越しした Webサービスを3つ公開した 転職した いつかは転職したいと数年前から考えてたけどずっと先送りにしてきたけど、いい転機があったので勢いにまかせて転職を決めた。 なにか転機がないと行動する気力もなかなか奮い立…

ニコ動のお気に入りユーザー新着動画を見やすくウォッチできるWEBサービスを作った

NicoTune ニコニコ動画では動画投稿者をお気に入りユーザーとして登録すると、そのユーザーの新着動画をニコレポとしてお知らせしてくれる機能があります。しかし、このニコレポには「2525再生を達成しました」とか「~さんが動画をマイリスト登録しました」…

Twitter OAuthで1度認証されたら、以降は認証画面を出さないようにするための設定

新しいWebアプリ作るたびにハマっている気がするのでメモしておく。Twitter OAuthで1度認証されたら、以降は認証ボタンの押下を促す画面をスキップしたい。 これを実現するために2つの設定が必要。 認証URL 認証のためのURLに下記を使用する。 oauth/authent…

githubがハロウィン仕様になってた

いいね。

UI BootstrapのPagerが機能しなくてハマった

AngularJSでBootstrapを扱うためのライブラリ、UI Bootstrapを使ってみたんですが、サンプルコードを参考にPagerを実装してもなぜか機能してくれなくてハマってしまいました。サンプルコードを記載しているページではちゃんと機能しているので、AngularJSとu…

Flaskでリダイレクトしたよとかいう警告が出る

こんな警告が出て解消するのに少しハマった。 'A request was sent to this URL (http://localhost/my/contributors) but a redirect was issued automatically by the routing system to "http://localhost:5000/my/contributors/". Make sure to directly …

go getで導入したパッケージをIntelliJ IDEAに認識させるための設定

IntelliJでデフォルト設定のままgolangの開発を行っていると、"go get"で取得したパッケージを認識できなくて、名前解決できないよーと警告表示されるかと思います。これを解消にするには、"go get"で取得したパッケージが置かれる場所をIntelliJに教えてあ…

はてブから2chまとめサイトエントリーを削除するchrome拡張

1年前に作ってずっと更新していなかったchrome拡張を久しぶりに更新しました。 せっかくなのでブログで紹介しときます。 はてブに出てくる2chまとめサイトうざい 2chまとめサイトは見たくない。そんな方に。 はてなブックマーク 2chクリーナー - Chrome ウ…

Go言語にて依存関係を解決するためのimportにはアンダースコア(ブランク識別子)を別名とする

golangを触っていてなんだこれって思ったのでメモしておく。 importのアンダースコア サンプルコードを見ていてこんな記述を見かけた。 パッケージ名の前にアンダースコアが書かれている。 import ( "fmt" _ "github.com/go-sql-driver/mysql" // <- 先頭の…

prototype.jsのsetStyleで指定するcssプロパティ名にはハイフンを含めてはいけない

恥ずかしながらjQueryなJavaScriptばかり触ってきたので、prototype.jsにおいては基本であると思われるところでハマってしまったのでメモしておく。prototype.jsのsetStyleで指定するcssプロパティ名にハイフンを含めると、FireFoxにおいてスタイルが反映さ…

golangでxmlをパースする

Go言語でxmlをパースしようとしてけっこうハマったのでメモを残しておきます。 Xmlをパースする手順 1. 構造体を定義する たとえばこんなxmlがあるとする。 str := ` <Nicovideo> <thumb> <title>動画タイトル</title> <length>12:59</length> </thumb> </Nicovideo> ` そしたらこんな構造体を用意してあげる。 type Nicovideo stru…

IntelliJのLive Template機能

今日発見したIntelliJ機能、4日目。 今日見つけた機能 Live Template機能 この機能を使うと登録されているスニペットを簡単にコードに貼り付けることができる。Ctrl + Jで、エディタで開いているファイル形式で使えるスニペットの候補が表示される。 使いた…

IntelliJのFile Path機能

今日発見したIntelliJ機能、3日目。 今日見つけた機能 File Path機能 エディタで開いているファイルのディレクトリ階層のうち、任意のディレクトリをファイラで開くことができる。Ctrl + F12でディレクトリ階層が表示されるので、任意のディレクトリを選択す…

IntelliJ(Gitプラグイン)のAnnotate機能

今日発見したIntelliJ機能、2日目。 今日見つけた機能 GitプラグインのAnnotate機能 GitプラグインのAnnotate機能を使うことで、いつ誰が書いたコードか参照することができる。エディタ上で右クリック→Git→Annotate こんな具合にラインごとに誰がいつ書いた…

IntelliJのブックマーク機能

IntelliJに慣れるために、その日見つけたIntelliJの機能をメモしておく。 今日見つけた機能 ブックマーク機能 F11キーでコード上にブックマークを置くことができる。 ブックマークは、Shift + F11で一覧表示でき、選択することでその位置までジャンプするこ…

IntelliJ IDEAのいいところ10選

何気なくIntelliJ IDEAを試してみたところ、高機能でとても使いやすかったのでイイトコロを挙げてみる。 10選と書いたけど10個挙げられるかは不明…。 1. Grepが速い 既存コードのメンテをするときにはGrepを多用するので、Grepが速いのはとても助かります。…

GitHubのコミットログをエンディングロールにするWEBサービスを作りました。

Git Ending http://gited.netGitHubのコミットログを映画のエンディングロールのようにするWEBサービスを作った。今回の開発の狙いと反省点をまとめておく。 狙い 今回はとにかく早く完成させることを目標とした。デザインにはこだわらず、とりあえず動けば…

GitHub API v3のRpositories#Commentsで取得できるのは「git commit -m」のコメントではない

GitHubAPIv3の使用でかなり嵌ってしまったので、他の方が同じ轍を踏まないようにメモしておきます。「git commit -m」で入力したコメントを取得するためにRepositories#Commentsの使用を試していたのですが、このAPIではgit commit時のコメントは取得できま…

WEBサービスを作りました。だけど、きっと誰も使わない。

毎日の気分を記録するWEBアプリ「picob」 http://picob.net上記のWEBサービスを作りました。 だけれども、このサービスは自分も含めてきっと誰も使わないだろうなぁという予感がしています。次作るサービスに活かすため、今回の反省点を記録しておきます。ま…

cssのpadding等に値を4つ指定するshorthandは何で上右下左なの

paddingとかmarginに4つ値を指定するときの上下左右の対応について。 padding: 4px 3px 2px 1px; /* 上 右 下 左 */ 自分としてははこうあってほしい。 padding: 4px 3px 2px 1px; /* 上 左 下 右 */ このほうが直感的だと思うんだけど、なんで左側なのにrig…

border-radiusで角丸にした際にborder-styleのdottedやdashedが反映されないバグ

少しハマってしまったのでメモしておきます。border-radiusで角丸にした際に、border-styleのdottedやdashedが反映されないバグがFireFoxに存在します。角丸部分のborder-styleは問答無用にsolidとなってしまいます。border-radius - CSS | MDN 382721 – Dot…

Linuxでテキストファイルを閲覧できるコマンドにはいろいろあるよ

Linuxでテキストファイルを閲覧するためのコマンドっていろいろあるけど、それぞれの違いを整理できていなかったので簡単にまとめてみます。私が知る限りテキストファイルを閲覧するコマンドには下記があります。 cat more less view cat テキストファイルの…