街女子診断結果はいつも吉祥寺女子の @did0es です。2023年度振り返りです。 今、昨日来たばかりの犬が寝ているようで寝ておらず、鼻をスンスン言わせてて気が散っているので、そういう姿勢の文章になります。 あと、普通に飲酒しながら書いているので冴えてます。 1月Muddy Web #4Preactの差分検出の実装をスタンドアロンで動くようにし、それをEditor.jsというライブラリに移植する話をしました。 https://speakerdeck.com/shuta13/technologies-for-developing-editors 新卒時から関わっていたエディタライブラリ開発の1つの集大成となりました。 初コロ富士急に遊びに行くためチケットを取った際、陰性証明が必要だったので最寄りのPCR検査場に出向いたところ大当たりでした。 帰りに一緒に検査した彼女が、いつも通っている道が

■追記 続き https://anond.hatelabo.jp/20240830173230 ■ここから本文 ホームレス関連の投稿がバズっているので、ホームレス経験者の俺が思い出を語るぞ！！ https://anond.hatelabo.jp/20221120222034 「ホームレス？今は福祉が充実しているから好きでやってるんじゃないの？」 「結局ドヤ(安宿)で寝れるからそんなにつらくないんじゃない？」 「実際気楽なんでしょ？」 という声を聞くので、全部答えるぞ！！！ ではまず睡眠編！！ ダンボールが快適なのはガチ。「家電製品に使われるダンボールは二重になっているからより快適」という情報が一部であるが、それはウソ。無尽蔵にあるダンボールを重ねれば良いだけなので、元から二重なのかどうかはほとんど関係がない。たまにペラペラのダンボールだと重ねても地面の冷たさが伝わってくるが、より重ねてダン

昨年の11月からやめてみて、無事1年継続できている。 20歳ごろからちょっとずつ飲んでいたのが、和民に行くと用もなく飲み続けられるぞ、とか、人の家に上がりこんでスーパーマリオ64をやりながら飲み続ける、とか、真冬にウイスキーを求めて雪の中自転車ででかけたりとか、だんだん酒量が増えてきて、友達とおしゃべりすることと酒を飲み続けることの違いがよくわからなくなっていた。 どんなときでも酒があればうれしいので、夜行バスで友達が朝京都にやってきたら、朝から熱燗を出し、もし家に来られない、外で会いましょうとなったら、朝からやよい軒で飲む、という暮らし。 勉強会のあとの懇親会とかで調子よくおしゃべりしているとだんだん知人が増えてきたのは良かった。いまの交流関係のある人たちはほとんど酒の力とパソコンテクニックの力で手に入れたと思う。 ただ、飲み続けていると判断力が低下して飲み続けるという最悪のループに突入

こんばんは. 気がつけばもうずいぶんと涼しくなってきました. 勢い余って凍ってしまったりせぬよう, くれぐれも普段の言動にはお気をつけください. はじめに さて, 我々人類にはどうしても二つの文字列 (あるいは行ごとに区切られたテキスト) 間の差分を求めなければいけない瞬間が発生します. 先人たちはそういった時のために diff のようなツールを開発し, それを利用することで文明はめざましい発展を遂げてきました. しかしながら, 使用するアルゴリズムを比較検討したい場合, 「差分」の定義を変えるなどして既存のアルゴリズムに変更を加えたい場合, diff のない異世界に飛ばされて自分で実装しなければいけない時などにおいては, 差分検出アルゴリズムについての理解が必要不可欠です. というわけで, この記事では文字列間の差分検出とは何かということと, 差分を求める三種類のアルゴリズムの紹介・解説

AWS AmplifyといえばAWSが提供しているフロントエンド開発者向けのライブラリやツールセットです。今回はそんなAWS Amplifyについてです。 はじめに おさらい AWS Amplifyはフロントエンド開発者にとっての銀の弾なのか 無理して使わなくてもいいケース バックエンド側のライフサイクルや開発部隊が分かれてる場合 AWSのリソースに直接アクセスしない場合 認証・認可の手段としてCognito使わない場合 Server Side Rendering（SSR）の場合 AWS WAF使いたい場合 Amplify CLIに対応していないバックエンドを利用したい場合 AWS Amplifyがおすすめのケース まとめ はじめに この投稿は2020年10月22の21時から開催予定のイベント（ライブストリーミング）で話す内容です。 serverless-newworld.connpass

これはなにか あらためて振り返るとマーケットプレイス型のサービスを提供する仕事を始めてから5年が経過して、その間にタイプの異なるマーケットプレイスの立ち上げも経験した。 それらのマーケットプレイス型のサービスを展開するにあたってよくある問いに「売り手が先か、買い手が先か」という問いがある。本ポストはこの問いについての考えをまとめたものである。 マーケットプレイスとはなにか ここで言うマーケットプレイスとは、Two-Sided Marketplaceと呼ばれる、「ある商品・商材の取引において、売り手と買い手の両方を集めマッチングさせるプラットフォーム」と定義する。 よく知られた新興サービスでいえば日本ではメルカリ、グローバルではUberやAirbnbなどが該当するだろうし、古くからある商いの形で言えば、魚河岸や青果市場などもこの括りに該当する。 この章では一般的に知られているマーケットプレイ

2021年、日本サッカー界最大のジャイアントキリングは、天皇杯2回戦で起きた“おこしやすの奇跡”だった。関西1部リーグ所属のおこしやす京都ACが、J1の強豪サンフレッチェ広島を5対1で破ったのだ。その舞台裏には、「まともにボールを蹴ったことがない」と語るサッカー未経験の分析官がいた。（全2回の１回目／後編へ） 学生時代、部活に所属していなかった“サッカー店長”こと龍岡歩は、サッカーを見ることに多くの時間を費やした。高校卒業後は、9年間の海外放浪を経てサッカーショップに就職。並行して書いていた戦術ブログが関係者の目に留まり、サッカー素人でありながらJ3の藤枝MYFCに分析官として加入することなる。その後、おこしやす京都ACに活躍の場を移した龍岡は、先述したジャイアントキリングの当事者となった。 「試合前に『この試合勝てるよ』って言ったら、チームのみんなに笑われました（笑）。監督ですら10回に

タイムリープTypeScript 〜TypeScript始めたてのあの頃に知っておきたかったこと〜 アドベントカレンダー1日目の記事になります。 よろしくお願いします。 3行で TypeScript で安全に型を扱う勘所は以下2点だと思いました。 最初から最後まで型が壊れていないことを保証する 型が壊れる可能性があるものは壊れている前提で扱う 個人的背景と前提 もともと C# での開発をメインとしていました。 Web開発は、JavaScript歴 ≒ TypeScript歴くらいの型付依存者です。 そのため、型付けのゆるい言語に対する耐性がなく、本内容もそういうポジションからの見解になります。 本記事内のサンプルコードは TypeScript V4.4 で挙動を確認しています。 最近のバージョンで変更のあった点は脚注を入れています。 最初から最後まで型を壊さない C# という静的型付け言語

こんにちは。小川です。 今日はvimのコマンドでも紹介しようかなと思います。 僕はテキストエディタは大体vimを使っています。 執筆をしたときもvimでやっていましたし、PHPもvimで書いています。 vimって色々コマンドがあって便利ですよね。友達とvimのコマンドを教えあったりして、度々「こんな便利なコマンドがあるのか！」と驚かされます。 今日はそんなvimのコマンドの中から普段使っていて便利だなーと思うものをいくつか紹介していきます。 ちなみにShiftを押しながらのコマンドは、アルファベットキーの場合は大文字で表記します。 エンターやエスケープを押下する必要がある場合はエンターやエスケープと記述します。「:」ではじまるコマンドモードはエンターを押さないと意味がないので、そこは省略します。 同時押しは+でつなげて表記し、基本的には1文字ずつ順番に押下します。 ■ページ移動 「ggで」

70 万くらいかかる計算ですね、泣きたい。 とはいえ、これらを全て払う必要はありませんし、逆に人によってはもっとかかる場合もあります。 例えば、敷金・礼金は物件によっては無料です。その場合 20 万円浮きます。 また、仲介手数料も半月分に抑えられる場合もあります。これらを合わせると、70 万円が 45 万円まで下がります。 他にも、単身パック等を利用すれば引っ越し費用を抑えられます。 その分、新たに買う家具・家電が増えると思いますが。 私の引っ越しでは敷礼ともに 1 ヶ月の物件を契約したので、この試算とほぼほぼこの額同じくらいの金額がかかりました。 上京に合わせて引っ越し前の物件よりも条件が良い物件に住みたいと以前から思っており、1 年以上かけて 100 万くらい貯金していたので乗り切れました。 みんながみんなこの方法を取るのは難しいと感じています。 周りの友人は親に引っ越し費用を借りたり

プレゼン自分ではすべったことないから得意だと思ってるのでいつも気をつけてることをシェアします。これさえ守ればすべらないのだから楽。 目次 目次 最初にめちゃくちゃおもしろい話をする 箇条書きせず一行ずつページを分ける 絵をでかくする 新しいページ作ったらデフォルトのパーツを全部消す 先に言う 意見や疑問を述べる スターウォーズエピソード4を見る 最初にめちゃくちゃおもしろい話をする 聴衆は懇親会のことしか考えてないので、とりあえず最初におもしろい話をして、注意を引きつけるとよい。つかみはこれでオッケーだって言えればよいくらいの面白い話をしましょう。よくある技術ブログとか、技術雑誌だと、こんにちは、最近温泉に行って心身共にリフレッシュしました、ヒトデです、とか書いてあるけど、そんなの読んで喜ぶ人が本人と家族と親類以外にこの世にいたらおかしいから、そういうのじゃないとよい。 箇条書きせず一行ず

はじめに こんにちは！Air メイト開発エンジニアの@sadnessOjisanです。 Air メイトでは、サービス検討から 2 年ほど、PMF (Product Market Fit) を達成するために、次々と新機能を開発していました。 PMF が少しずつ見えて来て、開発も少しずつ落ち着いてきたため、2 ヶ月ほど前から機能開発だけでなく、コードの品質を見直すべくテストや型を書きはじめました。 ただ私は、Web デザインの延長で JavaScript を書き始めたエンジニアで、型にあまり馴染みがない開発者でした。 そこで型を書くために、「JavaScript 型 書き方」で検索しましたが、当時の私が理解できるような丁寧な記事や、実務で型をつけるためのプラクティス集が見当たらなくて困っていた。たまたま、バックエンドチームにとても型について詳しい方がいらっしゃったので、その方に色々と教えてもら

Sassの@importルールは、廃止されることが予定されています。 @useや@forwardといったルールに置き換わるのですが、これらは全く新しいシステムです。 これらの知見が溜まってきたのでご紹介します。 @import と 新しいモジュールシステム Sassの初期の方から実装されていた@importは、テキスト形式でSassファイルを読み込むための機能です。便利な機能ですが、CSSの@importと重複しているため、SassなのかCSSなのか一見してわかりにくい側面がありました。 新しいモジュールシステムは、この問題を解消し、Sassをより柔軟に使用できるようにします。 @importではグローバルに指定されていた変数などは、ファイルごとにカプセル化され、ファイルの内容に基づいて解決できるようになりました。 現在、Dart Sassしか新しいモジュールシステムは使えませんが、Lib

シーズン１０終了時に彗星のように飛来したハムスター。 レッキングボール その姿はまさしく”鉄球”であり、自動車のようにマップを走り回り敵を引き倒して行く高機動荒らしキャラなわけだが、 この「自動車のように」ってのが曲者で、グラップリングクロウの扱いには多少の慣れが必要。 そんなときはオアシスサーキットでの走り込みなんてどうでしょう。 というグラップリングクロウの基本的な使い方と個人的な練習方法の提案です。 キャラの基本的な使い方や立ち回りはキャラ別記事参照 www.citrussin.com レッキングボールのダッシュ練習 レッキングボールの加速状態について オアシスのマップを開こう。 レッキングボールのオプションについて 最速切り離し練習 立体機動の基礎練習 基本的なグラップリングの仕様 障害物乗り越え練習と高台上り練習 飛び上がり練習 振り回し練習 水平振り回し練習 垂直振り回し NP

When does react component re-render? What can cause the re-render, and how to prevent unnecessary renders? Here is a quick cheat sheet you can refer to whenever you find yourself asking these questions. This article serves as a table of contents for a Visual Guide to React Rendering series. Every section of the cheat sheet links to the correspondent chapter of the guide that explores a topic in de

AwwwardsやFWAに掲載されているサイトでよく見かける、ゆったりした慣性スクロール。 http://madies.mx http://www.amandabraga.com http://56k.studiovoila.com 見覚えがある人もいると思いますが、スクロールの反応が気持ち遅れて来る、自前の慣性スクロールっぽいやつです。これのやり方の参考が少なく実装に手間取ったので、実装例をまとめました。他にも色々なアプローチがありそうですが、参考のひとつとして。 最初に断っておきますが、かなり邪悪な実装です。ブラウザの本来の機能を上書きする実装の多くは、ユーザーの利益にはならないので、ご利用は計画的に。。 デモ https://codepen.io/nishinoshake/full/dyowbyr 採用する利点と欠点 利点があまり浮かばない・・・ 利点 このスクロールに心地よさを感じ

September 15, 2021 @ iCARE Dev Meetup #25

やりたいこと 巨大なコードベースに対して、 .js をとりあえず .ts に書き換えてしまいたい。 だが、素朴な拡張子の書き換えで型違反が出ると jest やその他ツールが止まりはじめて面倒。 なので、エラー行には // @ts-expect-error を自動で付与しながら書き換えたい。@ts-ignore ではなく、@ts-expect-error なのは、型エラーを修正した際に、それが伝搬するようにするため。 方法 ファイルの拡張子を .js から .ts に書き換える typescript service 経由で型を検査し、エラー行を集める エラーが出た行に // @ts-expect-error を付与する コード 書き捨てなので汚いです import * as ts from "typescript"; import { uniq } from "lodash"; import

課題 redux を引っ張り出すと大仰になる。Context 下に共有ステートを持ってそこに setState できるだけでよい。 なので、次の 2 つを用意する 現在の state を参照する const appState = useAppState() 現在の state を更新する関数を返す const setAppState = useSetAppState() React.useState() と違って分割している理由は、主にパフォーマンス上の理由 大域な参照なので、可能な限りステートを参照したくない setState() の API は (prevState: State) => State も取れるので、状態更新用途に限ってはそもそも useAppState() せずに済むことが多い でも毎回書いてるけどボイラープレート感強い上に忘れるのでここにメモする 毎回書いてるボイラー