はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 社内ではオンライン技術情報交換会を「雑談会」と呼んでいました。 以下、雑談会で統一します。 背景 弊社は受託開発の会社です。 社内では常時複数の開発案件が動いています。 各案件で働いて居る人は、それぞれ技術的な知見を貯めています。 しかし、別の案件で働いている人が、どのような知見を持っているか知るすべがありません。 特に、雑談会をはじめた当初はコロナ禍の最中でした。 オフラインで技術的な雑談や相談をする機会もありませんでした。 そこで雑談会をはじめることにしました。 雑談会の形態 毎週金曜日の15時から30分間、Slackのハドルで開催

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 3行でまとめると ソースコードレビューで指摘を行う際に「指摘事項を修正するメリット」の説明が抜けて、レビューの往復回数が増えがち 「指摘事項を修正するメリット」の説明文をChatGPTで生成 レビュワーの手間を減らしつつ、レビュイーに伝わりやすい、ソースコードレビューになる 仕事でソースコードレビューするときの話 仕事でソフトウェアを開発するとき、GitHubのプルリクエストを使ってソースコードレビューを行うことがあります。 次の2つの役割の人物が登場します。 レビュイー：プルリクエストの作成者。レビュー依頼者 レビュワー：プルリクエス

git pullに失敗 GitHubで管理しているリポジトリでgit pullしたところ次のメッセージが表示され、git pullが中止されました。 これはどういう意味のメッセージで、どういう対応をしたらいいのでしょうか？ 順を追って理解していきたいと思います。 ChatGPを使ってエラーメッセージを読む まず最初にこのエラーメッセージ全文をChatGPTに貼り付けます。 すると、英語でエラーメッセージの意味を解説してくれます。 このまま読んでもいいのですが、日本語で説明してもらいます。 GitHubのSSHキーが交換されたためこのメッセージが表示されたことがわかります。 fingerprintsの確認 ChatGPTの説明にしたがって https://docs.github.com/en/authentication/keeping-your-account-and-data-secur

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Wordleという、いくつかのヒントをもとに5文字の英単語を当てるゲームがあります。 ヒントには次のような物があります。 正解の単語に含まれない文字 正解の単語に含まれる文字 正解の単語に含まれて、位置が一致した文字 これらの情報を元に英単語の辞書から候補となる単語を検索するアプリケーションを作りました。 次にスクリーンショットを表示します。 上から 正解の単語に含まれない文字 正解の単語に含まれる文字 正解の単語に含まれて、位置が一致した文字 を入力して検索すると、候補になる文字列を表示します。 このアプリケーションは辞書を検索するだけです。 辞書も5文字の英単語に限定されているので、せいぜい4500語です。 ブラウザに配信するスクリプトに埋め込める分量です。 つまり辞書と検索機能の両方をブラウザだけで完了出来る小さなアプリケーションです。 現在RubyのWebAssemblyバイナリが

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 背景 非同期処理 一般的なブラウザは、送信したHTTPリクエストが30秒以内に応答されない時はタイムアウトし、そのHTTPリクエストは失敗したと判定します。Webアプリケーションが長時間かかる処理を行いたい場合は、ブラウザがタイムアウトしないように、HTTPリクエストに応答を一旦返し、その後実際の処理を実行します。このような処理をリクエストの応答と実処理の完了が同期していない（同時でない）点から、非同期処理と呼びます。 非同期処理フレームワーク 非同期処理では、一つ一つの処理をジョブと呼びます。Webアプリケーションは、HTTPリクエス

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに メモリサイズの取得方法を列挙するのみで、メモリサイズの解析に関する詳細には立ち入りません。 お品書き Google ChromeのDevToolsでデバッグ process.memoryUsage() 参考 Guide: How To Inspect The Memory Usage in Node.Js Node.jsアプリケーションを、Google ChromeのDevToolsでデバッグする - CLOVER 5 Commands to Check Memory Usage on Linux | Linux.com | The source for Linux information 本文 個別のオブジェクトの使用サイズを見る 特定のオブジェクトがメモリを大きく使うことを想定している時に、実際にどれぐらい使っているのか確かめたいことがあります。次のような用途です。 実際の使

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? モチベーション Rackの勉強途中です。 一段落つかないので、現状把握しているポインタをまとめます。 文献情報 本家 http://rack.github.io/ ご本尊 仕様 http://www.rubydoc.info/github/rack/rack/file/SPEC Rack Spec。Rackの仕様といえばこれです。 実装 https://github.com/rack/rack/blob/master/lib/rack.rb 実装、ソースコードはこの辺から読めるます。 基本的にはRequest, Response, Bu

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに プログラマの中には、TDDのような自動テストを整備すれば、手動テストは必要なくなると考えている方もいるようです。本記事では、主にプログラマー向けに、手動テストの大切さとはじめ方を書きます。 はじめ方に忍者式テストが出てきます。 プログラマーが得意なテスト、不得意なテスト プログラマーはCheckingが得意です。Testingは不得意です。 テストには Testing と Checking の二つの作業がある Michael Boltonという人のお言葉があります。 Testing vs. Checking « Develop

iffはtypoではない 次のようなツイートを見かけました。 https://twitter.com/hsbt/status/803029203968851969 Ruby も iff という typo を直した、というのが半年に一回は来る http://bit.ly/2gN3TJz 知ってて当然のように言われているiffとは一体なんでしょう？ 私は知りません。知らないものは調べたくなります。 iff means if and only if リンク先を見ると iff is not a typo. iff means if and only if. if and only ifの意だそうです。 if and only if とは？ 知恵袋によると http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12127946207 A i

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

React-FlexBox-Gridはflexgrid.css用のdivを生成するreact componentです。 CSS Modulesという実装方法を取っています。 webpackを使う場合、css-loaderを一緒に使う必要があります。 Component 次の三つのコンポーネントがあります Grid Row Col 使い方はbootstrap3と大体同じです。実装にCSS flexible boxを使っています。 Gridの中にRowを置きます。 Rowの中にColを置きます。 Colにxs={6}のように、幅を設定します。 例 const React = require('react') const ReactDOM = require('react-dom') const {Grid, Row, Col} = require('react-flexbox-grid');

翻訳 manifest.jsonのrun_atプロパティの説明の翻訳しました。 run_atプロパティ 必須ではありません。jsプロパティのファイルを注入するタイミングを制御します。 設定値は次の三つです document_start document_end document_idle（初期値） 値ごとの注入のタイミング document_start cssプロパティのファイルの読込後、DOMが構築されscriptsが実行される前です。 document_end DOMが構築された直後、画像やフレームなどのサブリソースが読込まれる前です。 document_idle ブラウザが決定します。document_endから、window.onloadイベントまでの間の任意のタイミングです。 実際のタイミングはdocumentの複雑さによって変わります。 また、documentの読込みに掛かる時

背景 Mac上の仮想環境上のWindows上でAPS.Netアプリケーションを開発しているときに ゲストOS(Windows)上のIIS Expressでアプリケーションを実行 ホストOS(MacOS)上のブラウザで動作を確認 したいことがあります。 クライアント側のJavaScript部分をReactなどで実装している場合、Reactの開発にはOSの縛りがありません。 ホストOS上の方がファイルの編集・実行が速いので、Reactアプリケーションの 編集 ビルド をホストOS上でしたいです。 このために、IIS ExpressをLAN上に公開したいです。 環境 Windows 10 Pro Visual Studio Community 2015 update2 IIS 10.0 Express 手順 解決すべき課題 IIS Expressはデフォルトでlocalhost:xxxxにバイン

背景 CSVファイルのアップロード機能を考えます。 一番シンプルな方法は、formタグにinput type="file"タグを入れて、指定したファイルをPOSTします。 例えば、HTMLタグ/フォームタグ/ファイルの送信欄を作る - TAG index Webサイト です。 問題 CSVファイルのバリデーションにサーバーへの送信が必須です。 POST前にチェックできれば、ユーザが意図しないCSVファイルを指定した場合に、迅速なフィードバックを返せます。 便利なユーザーインタフェースが作れます。 また、CSVファイルの仕様は エスケープ 区切り文字 改行文字 ファイルのエンコーディング を考慮する必要があります。面倒です。 自分では、パーサーを書きたくありません。 解決策 npmパッケージとして公開されているCSVパーサーを利用します。 今回は、csv-parserを使って、ブラウザ上でC

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

QUnitとは JavaScript用のTestingFrameworkです。 由来 jQueryのテスト用に作られ、今もjQuery、jQuery-UIのテストに使われています。 それ自体はjQueryに依存していませんが、テスト内でDOMを操作したりイベントを生成したりするのにjQueryを使うと便利です。 JavaScript的な側面 実行環境 QUnitとテスト用のスクリプトをブラウザに読み込んで実行します。 テスト結果はそのままブラウザに表示します。 他のツールと連携すると PhantomJSを使えばCLIで実行可能 Testemを使うとテスト修正時の自動リロード（再実行）が可能 Gruntからもgrunt-contrib-qunitプラグインを使って実行可能 ちなみに、mochaというTestingFrameworkはnode.jsで実行します。 インストール npmで入れるこ

クライアントサイドJavaScriptフレームワークの歴史を整理します。 1stリリース順 1stリリース順に並べます。 有史以前 2008年 6月 SproutCore 10月 Cappuccino 第1世代 クライアントサイドJavaScriptに、どうにかして構造を与えようとした世代 2010年 7月 Knockout 10月 Backbone.js 10月 AngularJS 第2世代 フルスタック化を目指した世代 2011年 6月 Ember.js 7月 Agility.js 8月 Derby 9月 Spine 11月 Knockback.js 12月 Meteor 2012年 CanJS 第3世代 virtual DOM や Object.observe() を使った（使おうとした）世代 2013年 1月 Flight (Flight is not under active d

using System; using System.ComponentModel; using System.Runtime.CompilerServices; namespace WpfApplication1 { public class ViewModel : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; private void NotifyPropertyChanged([CallerMemberName] String propertyName = "") { if (PropertyChanged != null) { PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); }

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?