基本的に人間はFの字で文を読もうとします。そのため、重要情報は縦で揃えると読みやすくなります。 最悪な点: if文を無視して読むことが出来ない Goでは以下のような構文が頻出します。 if err := hoge(); err != nil { } 次の問題をこの構文は抱えています…

JavaScript技術は10年前とは比較にならないほど膨大で緻密になっています。それらはアンテナを張っていなければ見落としてしまいます。今回はそんな技術の一端を紹介します。 紹介する技術たち Web Worker + Service Worker SharedArrayBuffer + Atomics API…

初めに言っておくと、数式が覚えられないくらい複雑なので実用性はありません。これが簡単な数式だったらまだ使えたのですがね…普通に[[0,1],[1,0],[0,-1],[-1,0]]のように地道に書いたほうが早いです。 用途としては、forループ内で配列を使わないで生成が…

graphql-goの入門記事が全く出てこなくて苦しみ悶えながらようやく理解できたので、ここに戦いの記録を残しておこうと思います。 今回の環境 今回はMongoDB+GraphQLという構成にしました。 成果物をここにまとめましたので、参照ください。 github.com Graph…

NodeでGoで書いたwebサーバーのテストをしている(地獄)のですが、child_processが孫プロセスをうまくkillできなかったので、ゴリ押しでkillする手法を考えました。 孫プロセスのPIDを取得する 孫プロセスのPIDを取得できれば、killすることはカンタンにでき…

ネットワークにおいて「コネクション」という単語はよく耳にします。 「WebSocketはコネクションを確立後、ずっとそのコネクションを使う」 「ロングポーリングは返すたびにクライアントがコネクションを確立し直す」 「TCPでは3ウェイハンドシェイクでコネ…

ES2019でArray#flatMapが導入されたので、それを使ってどんな深さの配列でも1次元にする方法を紹介します。 flatMapの仕様 flatMapはつぎのような関数です。 [1,2,3].flatMap(n => [n,-n]); // [1,-1,2,-2,3,-3] つまり、mapしてからflatをかけるというメソ…

最近ネットワーク周りについて興味があって調べているので、その結果をまとめました。 主な話題 HTTPの最近の流れ なぜHTTP/2は高速なのか? QUICとはなにか?何を解消するのか? WebRTCとは?WebSocketとは? RESTとGraphQL、gRPC HTTP関連 HTTPの最近の流れ、歴…

リーダブルコードを読む前に書いたコードを見たら、ゴミすぎて全部書き直しました。 今回はこちらのコードを書き直しました。 ひらがなからローマ字への変換可能パターンを列挙するプログラムをつくった - Panda Noir

z-indexを「なんとなく」で扱っていませんか？その結果 すべてのCSSを読まないと重なりについて理解できない 最大値を探し出さないとつぎの要素を設定できない z-index:100と設定する といったことになったこと、ありませんか？z-indexという"""災厄"""とう…

みなさん<dialog>要素を知っていますか？HTML5.2で追加された要素で、モーダルウィンドウをカンタンに実装できるステキ要素です。これをReactから使おうとしてみたのですが、Flux的なやり方ができなくて辛かったです。 …というだけの記事です。 この記事の環境 この</dialog>…

たびたび「あれ？Chromeのタブ間移動ってどうだっけ？」「同じアプリのウィンドウ間移動って？」となるので、まとめました。 Ubuntu18.04用です。 キーボードショートカット 動作 Ctrl+TAB Chromeで次のタブへ移動 Super+TAB アプリ間を移動 Alt+TAB Super+T…

あけましておめでとうございます。今年もよろしくお願いします。 去年、メールサーバ構築・独自ドメインのメールアドレス作成(4/4)～メールサーバのインストール～ - Qiitaを参考にメールサーバーの構築をしたのですが、どうもうまく行かなかくて苦戦してい…

mgoでよく使う処理を逆引き辞典としてまとめてみました。

Gravatarというサービスを知っていますか？Gravatarとは、「メールアドレスにアイコンとプロフィールを紐付ける」サービスです。その仕組み、APIについてご紹介します。

Nodeだとカンタンにアクセスできる $ npm i --save superagent をしたらあとは以下でアクセスできます。 const request = require('superagent'); request .post('http://localhost:8080') .send(` query { user(name: "香風智乃") { name, age } }`) .end((…

あなたは生まれてから何日が経ちましたか？20歳なら約7,300日、30歳なら約10,000日、40歳なら約14,600日だそうです。 ここまで数字が大きくなってくると、N進法(N=2〜32)にしたときに「何かそれっぽい数字」になってる可能性が高いとは思いませんか？つまり…

localStorageをgetItemしたりsetItemしたりとかめんどくさいですよね？そこで、はじめに設定したら、以降はlocalStorageを全く意識する必要がなくなるライブラリを作りました。 (イラスト: 複数のPCサーバーのイラスト | illalet(イラレット))

「RDBリレーショナル・データベース強すぎでは？？？」と思っていました。MongoDBに出会うまでは。 MongoDBはJSONベースでやりとりができるので、かなりJSerにやさしくて涙が出ちゃいました(出てない)。 しかし、RDBをかじっていたせいで脳が凝り固まってお…

たとえば「これらのラジオボタンが全てクリックされたあとに発火する」みたいなイベント、普通に作ろうとするとフラグを管理するなどしなければなりません。しかし、これをカンタンにする方法を見つけたのでご紹介します。

以前ドラッグ&ドロップでファイル選択できるinput要素をVue.jsで作りました。それを今度はSvelteに書き直してみました。ついでに得た知見も披露します。

ドラッグ&ドロップで選択できるコンポーネントはよく使いたくなりますよね。今回はそんなコンポーネントをVueで作ってみました。

Vueでコンポーネントを作る時、意外といろいろな方法があります。そのため、毎回調べてしまうので記事にまとめてみました。 全体の流れ component.vueを書く app.jsでcomponent.vueを読み込む rollupでapp.jsを変換(dist/main.jsとする) vue.jsとdist/main.j…

Vimの置換モードが表を編集する場面で役立つと発見しました。

みなさんasync/await使っていますか？とても便利な機能ですよね。しかし、ふとこんな疑問をいだきませんか？「これ、なんでわざわざasync関数を導入したんだろう」と。 そうです。awaitさえ実装していれば、機能的に既存の関数で十分に対応ができたはずなの…

(まだ大学生なので職業プログラマではありませんが) 最近というか万年金欠で食費1万円チャレンジを毎月課せられているクロパンダです(親にバレたら怒られそう)。金欠すぎて「投資」で稼げないかと思い、資本主義についてかじってみました。そうしたら「プロ…

夏休みが終わってしまい悲しみを隠しきれないクロパンダです。 さて、アキラ100%さんを皆さんはご存知ですか？おぼんで恥部を隠して、見えるか見えないか絶妙な動かし方をして視聴者をハラハラさせる裸芸を披露する芸人さんです。 そんな彼はおぼんを落とし…

こんな感じのものを作ります。

tl;dr 「ビジネスマン」とか「ビジネスモデル」のビジネスと同じ意味です。 ただし、「ビジネスロジック」はビジネスのみではなく、「そのサービスのロジック」くらいに拡大解釈されていることがほとんどです。 英語wikiを見てみる 英語wikiのBusiness logic…

Emacsclientに関してまとまった情報が見つからなかったので(というかEmacs全般に言えると思います)、自分で書きました。