30分でわかるJavaScriptプログラマのためのモナド入門
「30分でわかる」のは、だいたい、 4. モナド(Monad)とは何か？ の読了までを想定しています。 また速い人なら、30分で全部一気に読み通せる分量でもあると思います。 30分以上かかっても一気読みしてしまうことが推奨されますし、一気読みできるように、前に戻って知識の再確認をしなくて済むように、最大限留意して構成を設計した上で執筆されています。 数学と用語問題。モナドの理論的基盤として圏論があるのは事実。理論的基盤がしっかりしているのはプログラミングという数学的作業において歓迎すべきことではある一方で、他方そのため一般的なプログラマにとってはまず用語に馴染みがない。歴史的に、圏論ベースのモナドを理論から関数型プログラミングに応用されていく過程では、実際、先駆者の間でさえ紆余曲折があったのだが、学習者へは馴染みのない用語を伴って、いきなり高度な数学的概念全開で天下り的に提示されてしまうこ
イミュータブルデータモデル - kawasima
CRUDのうちUPDATEがもっともシステムを複雑化する。更新には複雑なルールが伴うからだ。業務的に複雑なルールが存在するのは仕方ないこともあるが、システム、設計で複雑さを更に増さないようにしたい。UPDATEに着目し、その発生をできるだけ削ることによって複雑さをおさえるためには、まずデータモデルをそのように設計しておかなけれなならない。このイミュータブルデータモデルは、それを手助けする手法で、手順に沿って実施すればある程度のスキルのバラつきも吸収できるように組み立てられている。
見た目の美しさとアクセシビリティのパラドックス
UX Movementの著者および創設者です。UXのベストプラクティスとスタンダード、さまざまなテクニックに関する知識を共有することで、よりよいデジタルの世界をつくり出しています。 すべてのインターフェイスにはユーザーが存在し、そのユーザーはつねに多数派と少数派によって構成されています。たとえば、大半のユーザーは正常な視力をもっていますが、少数派となるユーザーは何らかの視覚障害をもっています。 正常な視力をもっているユーザーが見るものと、色覚異常および低視力のユーザーが見るものとの間には大きな隔たりがあります。何らかの視覚障害をもっているユーザーはテキストが小さすぎたり色のコントラストが低すぎると、文字がぼやけて見えたり、要素がよく見えなかったりする傾向にあります。 アクセシビリティの目標は、多くの場合忘れられがちな少数派のニーズを満たすことです。しかし、少数派のニーズを満たした結果、多数
GitHub上に公開された「東京都公式 新型コロナウイルス対策サイト」は危機が生んだ日本の奇跡 - 俺の遺言を聴いてほしい
東京都が奇跡を起こした。 僕たちは今、信じられない光景を見ている。 文章で説明するよりも、当事者たちのツイートを追った方がわかりやすいだろう。 心がザワザワしている時は、手を動かそうと思う。どんどん流れてくるニュースのシェアばっかりしてても、自分の心の安寧は得られない。コードを書こう！— Hal Seki (@hal_sk) February 29, 2020 東京都のアドバイザーを務めるCode for Japanの関さんが中心となって、 新型コロナウイルスの東京都が発表してきた情報をワンストップに確認できるダッシュボードができました！！！！ これは良い取り組み。ぜひ皆様ご確認ください。 ・東京都公式COVID-19対策サイトhttps://t.co/YUFZsI4dFQ— 藤井あきら🐈東京都議会議員🚴🏳️🌈 (@fujiiakiratokyo) March 3, 2020 本
長野市芸術館、２０年度自主事業７割減も 館運営の人手足りず | 信濃毎日新聞［信毎web］
２０１６年の開館から毎年多彩な催しを開いてきた長野市芸術館の２０年度自主事業が、当初予定の半数以下になる可能性のあることが２９日、分かった。指定管理者の市文化芸術振興財団で常勤職員の３割が相次いで退職の意向を示しているため。公演日程や内容は既に調整が進んでおり、新年度間際の混乱は波紋を広げそうだ。 芸術館の運営管理実施計画では自主事業の目安を年７０本程度とし、１６年５月の開館以降、この水準以上を保ってきた。昨年１１月の財団理事会でも２０年度は８０本超の予定が示され、市は新年度一般会計当初予算案に、指定管理料など約３億８千万円（前年度比２千万円減）を計上している。 それがここにきて、自主事業を７割ほど減らす案が浮上。財団事務局は状況が流動的として詳細を明らかにしていないが、国内外で活躍する音楽家の公演や子ども向けコンサートなどが縮減されるもようだ。理事長の樋口博副市長は「（準備が）不足してい
脱・Atomic Design - HTML+CSSコーディングの粒度分類法（HTML Parts） - Qiita
はじめに HTML+CSSコーディング専用の粒度分類を紹介します。 この仕組みは、デザインやワイヤーフレームなどの視覚情報を分解することに焦点をあて、分解した対象を部品化する流れも併せてガイド化した汎用手法です。 世の中には、コーポレートサイト / ポータルサイト / サービスサイト / システム管理画面 / ブログサイト… といった様々な種別のサイト、Webページがありますが、これらの「完成予想図（視覚情報）」を同じ方法で分解して、コーディング用の部品にできます。 粒度と言えばAtomic Designが有名ですが、この「HTML Parts」も粒度そのものの考え方についてはAtomic Designの踏襲です。その上で「思考の入り方・捉え方」や「名称と定義」をコーディング側に寄せることで、CSS設計やコーディング業務を標準化しやすくしています。 ※この記事は標準化ノウハウ公開の一環とし
あきれるほど将棋の強いYouTuberのアゲアゲさん、史上最速タイトル挑戦の若手を破って編入試験合格（松本博文） - エキスパート - Yahoo!ニュース
２月25日。東京・将棋会館において棋士編入試験五番勝負第４局▲折田翔吾アマ（30歳）－△本田奎五段（22歳）戦がおこなわれました。10時に始まった対局は18時12分に終局。結果は161手で折田さんの勝ちとなりました。 折田さんはこれで五番勝負を３勝１敗とし、規定により四段昇段（フリークラス入り）を決めました。 将棋界で棋士編入試験に合格したのは花村元司九段（1944年）、瀬川晶司六段（2005年）、今泉健司四段（2014年）に続いて、史上４人目となります。 アゲアゲさん、満願のプロ試験合格 折田さんの人生がかかった大一番は、折田さん先手で、戦型は相掛かりとなりました。 両者は互いに駒組を進めた後、角交換から自陣角を打ち合います。 63手目、本田五段が桂を跳ねたのを見て、折田さんはその頭をねらい、積極的に動きます。本田五段はその動きに応じる形で、銀を捨てて飛車を成り込む順を実現させました。も
長野のローカルチェーン「テンホウ」で思った5つのこと
思ったことその3 餃子のタレはお酢と七味唐辛子でもいいなと思った そして、このぎょうざであるが普通、しょうゆ、お酢、ラー油で食べるのが一般的だが、テンホウでは違う食べ方がある。 餃子専用のお酢と、 七味。 混ぜたものを神のしずくと名付けた。（我慢できなくて一度餃子につけてしまったことは内緒にしてください。） 餃子専用のお酢。周りには染まらない、自分だけの世界観を持った職人気質のようなかっこよさがある。将来、餃子専用のお酢みたいな人になりたい。 このお酢、岐阜県で100年以上続く内堀醸造というところでテンホウの餃子の為に特別に作られたそうで、うま味と甘みが餃子と合わさるとたまらないおいしさになるそうだ。 米酢。お米と餃子っておいしいじゃないですか、そういうことです。 七味も長野の有名なお店のものなので全部にかけても大丈夫です。 食べてみると、お酢、七味唐辛子、餃子、全ての風味が爆発して口の中
React Hooks Testing
この記事は「DMMグループ Advent Calendar 2019」21日目の記事です。 フロントエンドエンジニアは数年前に比べ、技術の幅が広がったことにより担当するべき作業も増えてきています。 テストもその中の一つです。フロントエンドのテストは実装に対するユニットテストだけでなく、コンポーネントのユニットテスト、e2eテスト、Visual Regression Testと考えることが多くあります。 その中で以前書いた「Hooks時代のユニットテスト」というReact Hooksのテストに関する記事が結構反響があり、数ヶ月テストを運用してみて、個人的なReact Hooksにおけるユニットテストをどうすべきかを考えたので、Testing Library・Jestを使う方法で紹介します。 TypeScriptがデファクトになりつつあるので、今回はTypeScriptで書いてるよ！ Reac
React HooksのuseStateがどういう原理で実現されてるのかさっぱりわからなかったので調べてみた
Reactのhooks、すごいですよね。関数コンポーネントの自由度があがって色々実現できそうです。 私はReactについては2年ぐらい知識止まってるので、かなり衝撃的でした。ContextとかSuspenseとかいろいろ増えてて今更追いつくのは難しいけど、hooksはちょっと使ってみたいなーと感じました。 そんなhooksですが、使い方はそこそこわかるけど動作原理がさっぱりわからなかったので、ちょっと調べてみました。 そもそもHooksってなに hooksは関数コンポーネントからReactのいろいろな機能をフックでき、自分で汚く実装するんじゃなくてReactが面倒見てくれるよーってやつです。useStateで状態を持たせることができ、useEffectでcomponentDidMountみたいなことを実現、あとほかにもuseXXX系がいろいろ、という感じです。 useStateを例に見てみ
クソコード動画「switch文」解説
オブジェクト指向カンファレンス2020での登壇資料です。 https://fortee.jp/object-oriented-conference-2020/proposal/b2dcff77-08af-4561-bcda-fc86e553ccec
「ちょっと…こんな所でそんな事…やめてよ！」と女性の声が聞こえたのでこれは野スケベの予感！と思って見たらカニだった
人間池畑と愛犬たび(５歳10ヶ月) @IKEHATAtoTABI 車から降りたら「ちょっと…こんな所でそんな事…やめてよ！」と小声でたしなめるような女性の声が聴こえて、オッ！野スケベの予感！春かよ！と思ってそっちを見たら両手に特売のデカい冷凍蟹を持って煙が出そうな勢いでスクワットしているおじさんがいました。こんな所でそんな事やめろよマジで。
「仕事で成長」って、本当に必要ですか？
何か月か前の話で申し訳ないんですけど、「まなめはうす」のまなめさんっていう、コーラばっかり飲んでる変な人がこんな記事書いてたんです。 部下の教育に失敗した話 そう思う私だからこそ、部下には学ぶ時間さえ与えれば成長できると思って、業務を進めなくてはいけない立場でありながらも、可能な限り時間をつくってあげたんですよ。 部下になった時点で数か月後には別のPJに異動することも決まってたこともあって、そのための準備とかスキルアップとか必要と思って。 結論から言うと、私が作ってあげた時間は無駄に終わり、後日本人からも、もっと仕事をふって欲しかったと言われたのですが。 これ、実は私も同じようなことしちゃった、正確にはしかけちゃった経験があるんですよ。 前の会社の時の話なんですけどね。 その会社って、あるプロジェクトが終わると即他のプロジェクトにアサインされて、「隙間の時間」的なものが本当に全然なかったん
SVG+CSS AnimationでLive2Dを動かす - はるさめスープ
年末年始の自由研究として、CSSだけでLive2Dを動かすことができないかを試していました。紆余曲折あったものの、なんとか動きそうということが分かったのでひとまず情報共有。 Live2Dとは Live2Dは、2Dのイラストをモーフィング技術を使ってアニメーションさせるソフトウェアです。あのアプリゲームのキャラクターや、あのVTuberを動かすために使われています。 かわいい！！！ モデルデータを表示させる Source: CSSLive2D/src/01_parse at master · spring-raining/CSSLive2D · GitHub まず、Live2D公式サイトにあるサンプルデータのキャラクターを画面に表示させることを目標としてみます。各キャラクターはそれぞれモデルデータ (Haru.moc3)、テクスチャ画像 (*.png)、表情データ (*.exp3.json)
人生で初めて彼氏ができた - 夏さ、また。
人生何が起こるかわからないですね。有機栽培です。 端的に言おう、彼氏ができた！！22年間彼氏はおろか、ここ数年では同世代の異性と話すことすら片手で数えるほどの私に、彼氏ができた。できたのだ。3日前に。 でもいつ振られるか分からないので、ここ2週間の備忘録を残したい。初めては人生で一度きり。初めて彼氏ができたこの心境を残しておきたいのだ。これで彼にブログが見つかったら笑えない。 あと、彼氏ができたとツイートしたらいいねが５００を超えた。私はどれだけの人間に心配されていたのだろうか。日頃の行いを反省しなさい、自分。 さて、彼と出会ったのはマッチングアプリだった。東京での転職を孤独感によって諦めた私は自暴自棄になっていた。もう人生は劇的に変わることは無く、田舎で一生嫌いな仕事をしながら低空飛行で生を終わらせるのだろうという予感を感じていた。でも、どうしても人生を諦めたくなくて、諦めていた恋愛に手
本のフォントが気になったので、徹底的に調べてみたら、意外な事実が判明した。｜後日談追記｜伊藤太一 / プロダクトデザイナー
2020.1.14. 一番下に後日談追記。 「読みたいことを、書けばいい。」という本を買った。 noteをはじめたことで、そもそも文章ってどう書くのかとか、わかりやすい文章ってどういうことなのかが気になっていたから。 学びたい欲求が出たときはすぐに行動に移すと吸収が違う。 だから買ったのに。 まず表紙からそうはさせてくれないのである。 なんだこのフォントは。 思わず読もうとする手をとめた。 まず、この「を」に注目してほしい。 タイトルの文字「読みたいこと」と「書けばいい。」と比較して、太さ（以下：ウエイト）は同じに見えるが、文字の雰囲気が異なっていることが分かる。 くるっとなってるこの部分。 ここだけ筆の流れを感じさせるような繋がりがある。 もし他の文字と同じルールで作るのであれば、こうするのが自然だ。 デザイナーさんがニュアンスを加える為に、アレンジして作った文字なのだろうか。「A1
さいきょうのCode of Conductを求めて - ものがたり
こんど新しく勉強会を立ち上げるのだけど、2020年に新規コミュニティを立ち上げるのは、自分が今までやってきたような勉強会（Xamarin.Forms読書会とかmono meetingとか）を作ってきたようなのとはだいぶ状況が違うようだ。特に最近よく話題になるのはCommunity Code of Conduct（CCoC, CoC）に対する何かしらの意思決定を求められる、というところだろう。 今回いろいろ考えてCoCをまとめることにしたのだけど、一般的なCoCに比べてだいぶ大きな改善を施したので、それに至るまでにいろいろ検討したことを参考までにまとめておきたい。 目次 完成品 CoCの本質は何か CoCを策定することに対する批判的議論とそれらへの対応 他人の行為を「禁止」できる「コミュニティ」とは一体何者なのか? 参加者が合意していないものを強制できるのか? CoCに合意できない一部のメン
迷子のおばあちゃんをご自宅に送る ※トラバに追記しました
家の前の道路に、明らかに様子のおかしいおばあちゃんがいた。 身なりはとてもきれいで、小旅行みたいな大荷物。下着類の入った透明のポリ袋を持ってたのだけがちょっと変わった感じだった。 こんにちは、と声をかけてみたら、こんにちは、と返してくれたけど、なんだか不安げにおろおろしている。 どうかされましたか？ ときいたら「家に帰ろうと思うのに、わからなくなってしまいました」とはっきりした口調で言って、泣き出してしまった。 詳しく聞いたら、ちかくに団地があって、確かにそこに住んでるんだけど、何棟の何号か全然わからない、どうしても思い出せないと言う。 心細くてしかたないんだろう、それだけ言うととにかくしくしく泣くので、わあ、どうしようと思って、とっさに「大丈夫ですよ、おうちは絶対わかりますよ。おうちがわかるまで一緒にいますからね、必ず送っていきますからね」と言って、ちょっとだけハグした。（同性だからいい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ほとんど0円大学｜おとなも大学を使っちゃおう
GitHub - Tokyo-Metro-Gov/covid19: 東京都 新型コロナウイルス感染症対策サイト / Tokyo COVID-19 Task Force website
