TECH BOX

Technology developer's blog

Mac限定:プログラムのメモを残すなら「Quiver」

Mac限定:「このロジックを残しておきたい」「Markdownエディタがほしい」…そんな要望を叶えるためのアプリを紹介

byteをKBやMBなど適切な単位に変換する

地味に忘れがちなbyteからKBなどへの変換方法

タスクを管理するなら「Todoist」

小さなことから大きなことまで様々なタスクを登録しておき必要なときに確認することで目の前の仕事に集中しよう!

今すぐ使えるES6以降での配列やオブジェクトの書き方

今日から仕事で使えるちょっとした小技を紹介します

Chrome 70でブラウザ終了のキーボードショートカット1回で閉じれない問題

キーボードショートカットで警告を出したくない人向けの解決法

ランチ場所を勝手に選択するウェブアプリ「KOKOIKU」をリリース

ランチに困ったら勝手にお店を選択するウェブアプリ「KOKOIKU」をリリースしました!

ページャリストの作り方

カレントページが常に左端の場合と、中央の場合のページャリストの計算方法を紹介

JSONの代わりにYAMLを使う

JSONだと長くなればなるほど可読性が落ちてくるので、YAMLを使ってデータを読みやすくしよう。

giboで.gitignoreを自動生成していく

.gitignoreはもう手作業じゃなくてコマンドで作っていく時代になりました。

配列をn個ずつ抜き出す

配列をn個ずつ抜き出すときにfor文で頑張っていた人はArray.sliceを使うとコードが見やすくなりますよ。さらにクラス化すれば使い回しができます。

よく使っているJavaScriptのロジックを公開

よく使うJavaScriptロジックをGitHubで公開しました

babelで書いたファイルをシェルやnpm scriptsで実行する

shellでJavaScriptファイルを実行させる時もbabelで書いて実行させることもできるんです。

ゼロ埋めライブラリを公開

JavaScriptでゼロ埋めをする関数ライブラリ。数値と総桁数を渡すだけで簡単生成。マイナスにも対応。

WebStorageを操作するライブラリを公開

WebStorage(localStorage / sessionStorage)を簡単に操作するライブラリを公開しました

requestAnimationFrameで任意のミリ秒ごとに処理を可能にするライブラリを作成

FPSと実行したいミリ秒を元に総フレーム数を計算し、フレームをカウントしていくライブラリを作成しました。

npm scriptsを使ってグローバルのモジュール依存から脱却しよう

npm scriptsを使うと、グローバルにgulpなどをインストールする必要がなくなり、グローバル環境のCLIバージョンを気にしなくても良くなります

WordPressで簡単にAMP対応をする

ブログや企業情報などをWordPressで構築している人はAMPプラグインを使ってアクセス速度を改善させよう

[Android限定]Chromeアドレスバーの色を変更する

Google Chromeのアドレスバー色を変更して独自の世界観を演出する(Android 5.0以降)

アスペクト比計算ツールをリリース

画像サイズから整数比のアスペクト比と最大公約数を計算するツールを公開。利用している技術などもすべて公開

fish shellの導入

bashからfish shellに変更したらサジェストとかしてくれて超便利

iframeやvideoをCSSだけでレスポンシブに対応する

アスペクト比が分かっていれば計算することでCSSのみでレスポンシブに対応させることだって可能です。