numb86 numb86

最新のステータス: 追記: 2019/7/10

転職しました。長らくのご愛顧誠にありがとうございました。

転職先をちょくちょく探しています。

興味ある方は twitter @mizchi へのリプライorDM、または [email protected] まで。

時雨堂 Media over QUIC Transport 開発ログ

日時:	2024-03-24
作:	時雨堂
バージョン:	2024.1

概要

この記事は議論のたたき台で、ポジショントークや、偏見にまみれています。

今のフロントエンドの分類

古典的なサーバーサイド WAF への +α の味付け
大規模なクライアントアプリケーション管理のための SPA
SEO / SSR を考慮した Node ヘヴィーな環境

他、提唱されてるパターン

(翻訳) React Hooks は魔法ではなく、ただの配列だ

この記事は https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e の日本語訳です。途中で力尽きて雑な翻訳になってる箇所がいくつかあります。

どのように Hooks が動いているか

私は、新しい Hooks の API の "magic" な挙動に悩んでいる人が結構いると聞いています。なのでこの構文の提案が、少なくとも表面的なレベルではどう動いているか、解説してみようと思います。

(For English readers: please read https://github.com/sponsors/tk0miya instead)

@tk0miya の企業・個人スポンサーを募集します

@tkomiya は、日本在住の OSS 開発者です。
趣味として Sphinx や pycmark、 blockdiag などの OSS の開発やメンテナンスに携わっています。

ここ数年の活動の中心は Sphinx です。 Sphinx は Python や Linux カーネルをはじめとして、数多くの OSS のドキュメントに利用されているドキュメンテーションツールです。 Sphinx プロジェクトはごく少人数のメンテナによって活動しており、(明確な役割として定義はされていないものの) リードメンテナ、メインメンテナとして活動しています。

Install ESLint VS Code extension
Install Vue 2 Snippts VS Code extension
Install eslint-plugin-html: npm install --save-dev eslint-plugin-html
Add "plugins": ["html"] to eslintrc config file as per eslint-plugin-html instructions. Vue extension is enabled by default for the plugin.

Open VS Code user settings and add vue to eslint.validate:

"eslint.validate": [ "javascript", "javascriptreact", "vue" ]

Sublime Textの検索窓に日本語を入力するとEnterを押すなり文字が消えてしまうのですが、無理やり解決する方法を見つけました。ググってもこちらのバグレポートしか見つからなかったので報告です。

わたしの環境はMac OS XのSublime Text 3 (Build 3059)ですが、この解決方法はSublime Text 2 (Build 2220)にも対応しています。Windowsの場合は不明です。

ステップ1: Sublime Text 3の場合のみ: Default (OSX).sublime-keymapを編集可能にする

このステップはSublime Text 3の場合のみ必要です。Sublime Text 2の場合はステップ2に行って下さい。

#ローカルとリモートのブランチ名を変更する

以下、ブランチ名を hoge から foo に変更する例

ローカルのブランチ名変更

git branch -m hoge foo

リモートのブランチを消す

	'use strict';
	exports.handler = (event, context, callback) => {

	// Get request and request headers
	const request = event.Records[0].cf.request;
	const headers = request.headers;

	// Configure authentication
	const authUser = 'user';
	const authPass = 'pass';

	module ImagesHelper
	# Acts as a thin wrapper for image_tag and generates an srcset attribute for regular image tags
	# for usage with responsive images polyfills like picturefill.js, supports asset pipeline path helpers.
	#
	# image_set_tag 'pic_1980.jpg', { 'pic_640.jpg' => '640w', 'pic_1024.jpg' => '1024w', 'pic_1980.jpg' => '1980w' }, sizes: '100vw', class: 'my-image'
	#
	# => <img src="/assets/ants_1980.jpg" srcset="/assets/pic_640.jpg 640w, /assets/pic_1024.jpg 1024w, /assets/pic_1980.jpg 1980w" sizes="100vw" class="my-image">
	#
	def image_set_tag(source, srcset = {}, options = {})
	srcset = srcset.map { \|src, size\| "#{path_to_image(src)} #{size}" }.join(', ')