フロントエンド用語を100秒で解説するチャンネルを作りました！ よかったらチェックしてみてください！ はじめに 以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」で ブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。 全体図 レンダリングの大まかな流れです。 HTMLのダウンロード サーバから送られてきたHTMLをダウンロードします。 HTMLの解析 サーバから送られてきたHTMLファイルは、「0」と「1」でできたデータになっています。 ブラウザは、サーバから受け取ったデータをそのままHTMLとして解釈することはできないので、自分で扱うことができる形、つまりDOMに変換する必要があります。この作業を 解析 ( Parse ) と言います。 HTMLをダウンロードしたら、すぐにこの解析作業に入ります。作業は以下のようなステッ

ウェブブラウザはネットワークから様々なリソースを集め、それらを処理して組み合わせてウェブページをレンダリングします。リソースが揃わないとレンダリングできないので、この一連の処理のどこかが遅れるとページの表示も遅くなります。レンダリングをすみやかに開始できるようにウェブブラウザはリソースの取得やその処理を最適化するための API を提供しています。本記事ではそれらを網羅的に紹介し、ウェブアプリの性能改善を図る上でどのようなブラウザ機能が使えるのかを知ってもらうことを目的としています。各機能の具体的な適用事例については他の記事に委ねます。 本記事の内容は記事公開時点での情報に基づいており、閲覧時点では既に古くなっている可能性があります。最新の正確な情報は一次情報源を参照してください。また特定のブラウザ実装について言及する場合は、断りがない限り Chrome を想定しています。誤りや補足、質問な

大阪府は7日、府内で新たに1005人が新型コロナウイルスに感染したことが確認されたと発表しました。 1日に確認された感染者が1000人を超えるのは今月2日以来です。 これで、大阪府内の感染者は8万7650人になりました。 また、1日としては過去最多となる50人の死亡が発表され、大阪府内で亡くなった人は1655人になりました。

こんにちは。徒然なるままにTweetを眺めていたら、Tanakaさんがこのようなことを呟いていました。 そういやRustのStringにreverseメソッドないなと思ったけど、まあよく考えたらUTF-8で文字逆転させるとか地獄のような話になるしそもそも長さが変わるケースとかあったりしそうで怖いわな･･･(´･_･`) — Hideyuki Tanaka (@tanakh) May 1, 2021 背景等はよくわからないですが、文字列の反転というのは確かに難しい問題ですし、どう難しいのかというのを、ちょっと真面目に考えて解説してみました。というノートです。 本文での表記についてこれから文字とそのバイト表現の話をしていきます。文字のエンコードの方式で同じ数値でも色々意味が分かれてしまいますので、本文では以下のように表記することにします。 Unicodeコードポイント（以下、単にコードポイント

「9割のプレイヤーが離脱する過酷な宇宙MMO」で企業連合の元会長が初心者に転生しようとしたら速攻身バレして艦隊司令官になった件【『EVE Online』転生】 ■『EVE Online』転生 第1回：「9割のプレイヤーが離脱する過酷な宇宙MMO」で企業連合の元会長が初心者に転生しようとしたら速攻身バレして艦隊司令官になった件 第2回：数が圧倒的正義の宇宙戦争が繰り広げられるMMOで「七機のサムライ同士が御前試合のように死狂う銀河一武道会」に参戦した件 第3回：PR企画の展開にどんづまって酒に酔っ払い前世の貯金を使って宇宙艦隊戦を始めてみたら帝国軍と国連軍に挟撃されて全滅してしまった件 昨年12月8日にめでたく完全日本語化されたMMORPG『Eve Online』の日本語コミュニティは、日々押し寄せてくる入門者たちを華麗な手つきで捌ききり、ニューエデン──同作の舞台となる架空の銀河系──にお

おれはこんな記事を書いた。 goldhead.hatenablog.com くるりのニューアルバム『天才の愛』から、「野球」という曲に出てくる選手について羅列しただけのエントリーである。「野球」はTokyo FMの「スカイロケットカンパニー」でマンボウやしろが「他に先駆けて」流した曲でもある。 して、日本プロ野球史上に残る選手に混じって、「なぜ戸柱？」と思った。そのことを書いた。そうしたら、ツイッターで反応があった。 戸柱、譜割りフロウ的にハマり良かったので抜擢しましたが、好きな捕手のひとりですよ。https://t.co/MQbok52EuM — 岸田繁 (@Kishida_Qrl) April 29, 2021 き、岸田繁本人……。いや、おれは著名人、偉人に対しては敬称をつけいないことが敬意だと思っているので呼び捨てになってしまうのだが、おい、これすごいな。ちょっとよくわからないけど、

父が亡くなった。84歳だった。 ものが食べられなくなり、胃瘻や延命措置も断ったので、老衰といってもいいと思う。 慌ただしいながら滞りなく葬儀が過ぎ、四十九日の法要も終わり、私の手元には父の腕時計がある。 私が初任給で買ってプレゼントした国産の腕時計。値段は1万円ほど。 もう30年も前の話だ。 海が好きで、よく日に焼けた腕にいつもはめていた銀色の時計。 よくお酒を飲んでは、「これは○○にもらったやつで、水に濡らそうがびくともしない、電池も変えることもなくいつまでもちゃんと動いているいい時計だ」（単に防水でソーラーだっただけだが） と自慢げに満足そうに笑っていた。 形見としてもらった時はもう動いていなくて寂しかったのだが、陽にあててしばらくするとまた、動き出した。 なんだ。まだ動くんだ。 国産の質実剛健な性能に驚き称賛すると同時に、なんだか父が笑っている気がした。 「そらぁ○○からもらった時計

東京・銀座にある昭和後期の名建築の中銀（なかぎん）カプセルタワービルだが、1972年の竣工から半世紀を目前に老朽化との厳しい戦いが続いている。 この3～4月を節目に管理組合が売却を決議し、住人の退去も続いている。保存・再生に取り組む渦中の人に現状を聞いた。 戦後名建築の一つ 1972年竣工の中銀カプセルタワービルは、故・黒川紀章氏が設計した集合住宅。最大の特徴は、カプセルタワーの名前通り部屋を1室ごとに独立して交換できる構造にある。都市の発展に合わせて建物のユニットを細胞の新陳代謝のように取り換えていくという当時の建築思想「メタボリズム」が結実した代表的なビルだ。 デザイン性と建築思想から名建築として評価が高い中銀カプセルタワーだが、結果的には完成以来カプセル交換はなされず大規模修繕も35年前に行われただけで、近年は老朽化が大きな課題であった。 2021年3月、カプセルのオーナーで構成され

Googleにはいつもお世話になっています。アカウントは複数所有しておりメインアカウント、趣味用アカウントなど。主に5種類のアカウントを利用していますがそのうちメインで利用しているアカウントが、今朝方に何の前触れもなく、突然、BANをされました。 「Google 春のBAN祭り」などと揶揄されてSNS界隈で毎年話題にあがる話しですが、まさか自分が当事者になるとは夢にも思いませんでした。特にSNSなどに利用することなく大切にしてきたアカウントだけにショックも大きいです。 これは普段使いしている皆さんにも起こりうる事態だと思いますし、今回起こっていることをご紹介するとともに、これまで安全対策として備えをしてきた内容とその評価、今後の予定などを書きたいと思います。 かなり動揺している状態で記事を書いています。誤字脱字はご勘弁いただきひとりでも同じような被害者が出ないことを祈りつつ公開いたします。

スクリーンショット これはなに 会社で「PR用の文章を人力でチェックする工数が重くて、めっちゃ残業が発生している。なんとか自動化できないか」との依頼を受け、Word等のファイルをGUIでそのままtextlintできるツールをちゃちゃっと作って社内公開しました。その結果、いい感じに社内で有効利用してもらうことができたので、外部公開に踏み切ることにしました。 github.com インストール＆設定 1. インストーラーでツールをインストールする GitHub上で配布しています。 https://github.com/gecko655/proofreading-tool/releases Mac版で「開発元が未確認のため開けません」が出た方へ https://support.apple.com/ja-jp/guide/mac-help/mh40616/mac を参考に、アプリケーションをセキュ

ベルギーの農家の男性が、うっかりフランスとの国境を変更して、ベルギー領土を「拡大」させたと話題になっている。 ベルギー・エルクリンヌ村の歴史愛好家がベルギーとフランスの国境をまたいで広がる森を散歩していたところ、国境の位置を確定する標石が2.29メートル移動していることに気づいた。

ホットクックとは シャープが販売する自動調理鍋「ホットクック」。食べたい料理の具材と調味料を鍋に入れてスイッチを押すだけで美味しい料理が出来上がる素晴らしい道具です。 低温調理の代名詞、ローストビーフはもちろん、蒸し物や焼き物、カレーやシチューなど、火加減やかき混ぜが面倒な調理も自動でホットクックが火加減を調整し、かき混ぜて作ってくれます。本当に具材を入れてほったらかしでOK、というわけです。 普段から自炊は好きで、よくするのですが煮込み系は火加減を見たり、かき混ぜる必要があり、その間キッチンから離れられなかったり、通話をしていて吹きこぼれに気づかなかったり、とやや非効率だな～～と思っていました。 でもホットクックなら、材料切って入れて終わりだからその時間で別の作業やゲームが進められる！と、時間を効率的に使えるわけです。 本体デザインは「ザ・日本」 外観を軽く紹介します。見た目はいかにも日

最近、未経験からWebエンジニアを目指そうと思っているんだけどどうだろう？ という相談を受けることがあったので文章としてまとめておきます。 この文章はプログラミングを学んでWebエンジニアになろうとしている人に向けています 既にこの業界で働いている人にとっては常識的な内容しか書かれていません Webエンジニアになるには そもそもの読者の方達がどのような状況にいるのかによって方針が変わります。 新卒採用 新卒採用の場合は企業が未経験者を積極的に採用をして教育をしてくれるルートがあります。 この点は普通の就職活動をしてエンジニア職として採用されるようにがんばりましょう。 ただし、最近は新卒であっても小学生や中学生の頃からプログラミングの経験を積んできたスーパープログラマーがいます。また、そういった早熟な方達以外にも、大学や高専、専門学校などでプログラミングを専門的に学んできた人たちと就職活動で

※この旧版になります。完全版は無料でnoteで公開中ですので、是非そちらの方をご覧下さい。 https://note.com/syosin_kai/n/nb97f2a0a193a ちょっとゲームの歴史をかじったことがある人なら聞いたことがあるだろう言葉『初心会』。 とにかくこの言葉へのイメージは最悪だ。「真っ黒組織」「ゲームヤクザ」「歴史の闇」「悪の秘密結社」etcetc。 そんな初心会だが、はたしてどれだけの人が正確に初心会とはなんなのか、どのような悪どいことをしてきたのか、そして最後はどういうふうに消えていったかを語ることができるだろうか？　おそらく、ほとんどいないのではないだろうか。 この初心会について、私が調べたことをゲームの流通の歴史を絡めてまとめて書き出すぞ。これで君も初心会マスターだ！　ちょっと長いけど勘弁な！ まずは初心会そのものについての解説だ。 もともとの任天堂は花札屋

ジンジャーエール。なぜ生姜でなければならないのだろう。スパイシーな薬味であれば他にも選択肢があるはずだ。 今まで食材の脇役だった薬味たちよ、その底力を見せてくれ！！ 試行錯誤の末、ついにおいしいレシピが完成した。 長年気になっていたことがある。「ジンジャーエール」とは一体何なのか。 スーパーの飲料棚にも、ドリンクバーにもジンジャーエールはある。居酒屋やカラオケのソフトドリンクメニューにも必ずある。 今や「飲み会で酒が飲めない人はとりあえずこれ頼んどけ」というポジションすら獲得しているジンジャーエールだが、よく考えてみてほしい。ジンジャーとは、生姜なのだ。そしてビールでもないのに「エール」と名がついている。ノンアルコール生姜ビールとでもいったところか。 シュワシュワの生姜ジュースが日本全国でこれほど浸透しているのは、考えれば考えるほど奇妙なことだ。 きっと大葉や大根おろしはこう思っているはず

これは、とある「エーペックス」のプロプレイヤーのネットワーク経路（レイテンシーを表示しています）です。彼のインターネットモデムから、私たちのサーバーへと到達しています。インターネット接続の本当の状態を判断するため、私たちは何度も調査を行います。最善の状態であれば、彼は31msのレイテンシーでゲームを楽しめていることが見て取れますね。ですが最悪の場合だと、522ms付近です。つまりこの場合だと、接続に500msもの振れ幅があるため、ゲームの遊び心地はかなり悪いということです。彼のローカルISPネットワークの接続は不安定ですが、平均を見てみると非常に稀なケースであることがわかります（平均が31mで、最低値が264ms。たまたま起きたのでしょう）。しかしその後、ローカルのISPとISP1の間でレイテンシーが急増しています。これはプレイヤーとゲームサーバーの間のノードの一つです。この二つの間でパケ

いま話題のツイートまとめが読めるTwitterまとめに特化したまとめサイト。人気のツイートやTwitterトレンド、写真やマンガといった話題の画像から、さまざまなニュースの反応まで、みんなであつめる国内最大級のメディアプラットフォームです。

どうしてこうなった。 何の話？ WindowsでのSSH-AGENTとSSHの話です。 この記事での用語: SSHとssh, SSH-AGENTとssh-agent この記事では、SSH-AGENTと書いたときにはカテゴリとしてのSSHエージェントを意味します。 ssh-agentと書いたときには、実行プログラムとしてのssh-agentコマンドを意味します。 同様に、SSHと書いたときにはカテゴリとしてのSSHクライアントを意味します。 sshと書いたときには、実行プログラムとしてのsshコマンドを意味します。 SSH-AGENTって？ SSH-AGENTは、秘密鍵での署名を代行1してくれるツールです。 SSH-AGENT に秘密鍵をロードしてしまえば、あとはパスワード(パスフレーズ)入力なしでSSH認証できる agent forward機能を使うことで、SSHした先でさらにSSHすると

押井徳馬 @osito_kuma @gedoslime 平成10年までに携帶電話の番号（010,020,030,040,080,090で始まる）を取得した人は、翌年の11桁化でみんな090になったので、確実に090の番号を持ってるはず youtube.com/watch?v=PQEI-b… 2021-05-05 23:39:40

Twitterが他のユーザーにお金を送れる“投げ銭”機能をテストしていることを明らかにしました。 同社は「Tip Jar」機能をテストしていると発表。「Twitter上でお金を送ったり受け取ったりする新たな方法」と説明しています。詳細は今後明らかにするとのこと。 同社の公開したデモ動画では、プロフィール画面のアイコンをクリックし、送金に使うサービスを選択してお金を送る様子が描かれています。デモでは、BandcampやCash、Paypalなどの送金サービスが並んでいます。 アイコンをクリック 送金サービスを選択 選んだサービスから送金 テスト対象になった人からの報告など advertisement 関連記事 Twitterが広告非表示サービスのScrollを買収　サブスクリプションサービスに統合へ Scrollは、約5ドルの月額料金を払うと提携ニュースサイトの広告が非表示になるサービス。

4月18日のばんえい競馬能検（帯広市）で、鈴木恵介騎手が馬の頭部をけったとして批判を浴びている。市ばんえい振興課は「いかなる理由であれ認められない」として、同騎手は戒告処分。騎乗自粛中だ。 ことはそう単純ではない。砂地に突っ込んだ馬の頭部を一刻も早く起こすための行動だった。鈴木騎手はソリを下りるまでに長手綱を散々引いている。砂地に鼻が突っ込むと、馬は非常に危険だ。口呼吸はできず、砂が肺に入るのを放置するのはむしろ虐待である。