検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで
tempに関するエントリは5534件あります。 訃報歴史国際 などが関連タグです。 最新エントリには 『SPAセキュリティ超入門 | ドクセル』などがあります。

tempの検索結果(絞り込み: 3 users 以上)5534 件中 1 - 40 件目

  • SPAセキュリティ超入門 | ドクセル

    SPA(Single Page Application)の普及が一層進んでおり、従来型のMPAを知らないウェブ開発者も生まれつつあるようです。SPA対応のフレームワークでは基本的な脆弱性については対策機能が用意されていますが、それにも関わらず、脆弱性診断等で基本的な脆弱性が指摘されるケースはむしろ増えつつあります。 本セッションでは、LaravelとReactで開発したアプリケーションをモデルとして、SQLインジェクション、クロスサイトスクリプティング、認可制御不備等の脆弱性の実例を紹介しながら、現実的な対策について紹介します。LaravelやReact以外のフレームワーク利用者にも役立つ説明を心がけます。 PHPカンファレンス2022での講演資料です。 PHPカンファレンスでの動画URL https://www.youtube.com/watch?v=XNYejxQfFYw&t=1770

    SPAセキュリティ超入門 | ドクセル
    • いまどきな JavaScript に入門しよう!『流麗な JavaScript』を読んで(上) - 虎の穴開発室ブログ

      こんにちは。虎の穴ラボの古賀です。 9 月の連休で社内の技術書購入を支援する制度を利用して購入した『流麗(ELOQUENT)な JavaScript 第 3 版 現代のプログラミング入門』を読みました。 流麗なJavaScriptの書影 良い本でしたので、本書の前半部分の概要とその中で良かったところや気になったところをご紹介します。 どんな本か 基本情報 オススメする読者層 著者、訳者について 構成について Chapter1〜3:プログラムの基礎的なところから、制御フロー、関数など Chapter1 Chapter2 Chapter3 Chapter4 Chapter5 Chapter6 Chapter7 Chapter8 Chapter10 Chapter11〜22:未読 良かったところ サンプルコードの実行環境や練習問題がある 初心者がつまづきがちなところについて説明がある 気になった

      いまどきな JavaScript に入門しよう!『流麗な JavaScript』を読んで(上) - 虎の穴開発室ブログ
      • エリザベス英女王の埋葬式、棺から王権の象徴が下ろされ - BBCニュース

        各国首脳や政府要人、女王が支援した慈善団体の関係者ら約2000人が参列した国葬の後、棺はロンドン近郊のウィンザー城へ運ばれた。 城内にある聖ジョージ聖堂での埋葬式には、約800人が参列。女王が1953年の戴冠式で受け取った、王権を象徴する王冠、宝玉、王杖(おうじょう)が、女王の棺の上から下ろされる儀式も行われた。

        エリザベス英女王の埋葬式、棺から王権の象徴が下ろされ - BBCニュース
        • 毎朝9時にエリザベス女王を起こしたバグパイプ奏者。最後に奏でたのは安らかな眠りを願う曲だった

          エリザベス女王を目覚めさせるために、毎朝バグパイプを演奏していた奏者が最後に奏でたのは、女王の安らかな眠りを願う曲だった。 「君主のバグパイプ奏者(Piper to the Sovereign)」であるロイヤル・スコットランド連隊のポール・バーンズさんは、エリザベス女王を目覚めさせるために、毎朝9時に女王の部屋の窓の下で15分バグパイプを演奏してきた。

          毎朝9時にエリザベス女王を起こしたバグパイプ奏者。最後に奏でたのは安らかな眠りを願う曲だった
          • 【写真で見る】 英女王エリザベス2世の葬儀、歴史的な1日を振り返る - BBCニュース

            8日に死去したイギリスの女王エリザベス2世の国葬が、19日に行われた。女王の棺(ひつぎ)は、公開安置されていたウェストミンスター宮殿から徒歩の葬列でウェストミンスター寺院に運ばれた。葬儀には王室メンバーや政府関係者、各国の元首・首脳など約2000人が参加した。 女王の棺はその後、ウィンザーへと運ばれ、ウィンザー城内の聖ジョージ聖堂で埋葬式が執り行われる。女王の棺は聖堂内の納棺堂に、昨年亡くなったフィリップ殿下の棺と共に納められる予定だ。

            【写真で見る】 英女王エリザベス2世の葬儀、歴史的な1日を振り返る - BBCニュース
            • 英エリザベス女王の国葬、執り行われる 奉仕の生涯を追悼 - BBCニュース

              イギリスで史上最も長く君主を務めた、女王エリザベス2世の国葬が19日、ロンドンのウェストミンスター寺院で執り行われた。参列者や国内外の多くの人々が、生涯にわたって強い使命感をもち続けた女王をしのんだ。

              英エリザベス女王の国葬、執り行われる 奉仕の生涯を追悼 - BBCニュース
              • memlab を使って Web サイトのメモリリークを検出しよう

                概要 本記事は、メタ社(旧 FaceBook) が開発した OSS であるメモリリーク検知ツールである [memlab] をさっそく試してみた記録になります。 公式ドキュメント以上の付加価値はあまりありませんが、ざっくりと雰囲気を掴んでもらって使用を検討して頂ければ幸いです。 memlabについて memlab は、 Puppeteer API を用いたシナリオを作成することで、そのシナリオ実行によって発生するメモリリークの検出及びヒープ領域の分析を補助してくれるツールです。 ざっくり言うと、 memlab では以下のことが行なえます。 Puppeteer ベースでの宣言的なシナリオの作成 ヒープ領域とメモリリークの可視化 シナリオ内でのヒープのスナップショットの自動取得 スナップショットの解析とメモリリークのフィルタリング 同種のメモリリークのグルーピングと集約 メモリリーク発生に至るま

                memlab を使って Web サイトのメモリリークを検出しよう
                • 英女王の棺、バッキンガム宮殿に到着 家族が出迎え - BBCニュース

                  英エリザベス女王の棺(ひつぎ)が13日夜、ロンドンのバッキンガム宮殿に到着し、女王の子どもや孫たちが出迎えた。

                  英女王の棺、バッキンガム宮殿に到着 家族が出迎え - BBCニュース
                  • 【解説】 エリザベス英女王、葬儀はどこでどのように - BBCニュース

                    イギリスのエリザベス女王が8日、滞在先のスコットランド・バルモラル城で、家族に囲まれて亡くなった。96歳だった。国葬は19日に、ロンドンのウェストミンスター寺院で行われる。 イギリスは19日の国葬が終わるまで国全体で喪に服している。国葬当日は休日になる。今後どのように葬儀が行われるのか、その予定を説明する(日時はすべてイギリス時間。日本との時差は現在8時間で、日本が8時間先行している)。

                    【解説】 エリザベス英女王、葬儀はどこでどのように - BBCニュース
                    • エリザベス女王の国葬はいつ、どう執り行われる?個人を国葬するイギリスの基準とは:朝日新聞GLOBE+

                      9月8日に96歳で死去したイギリスのエリザベス女王。歴代国王で最長の70年の在位期間を誇り、多くの国民に敬愛された。その国葬は9月19日午前11時(日本時間午後7時)からロンドンのウェストミンスター寺院で執り行われることが発表された。この日は月曜だが、英国全土が休日となる。 国葬前の日から4日間、女王の遺体はウェストミンスター宮殿のホールに安置され、一般の人が追悼する期間が設けられる。 エリザベス女王の国葬までの日程 (出典:イギリス王室公式サイトなど) 【9月11日】 8日の死去後、静養先の北部スコットランドのバルモラル城内に安置されていたエリザベス女王の棺は11日、スコットランドの中心都市エディンバラへ約6時間かけて霊柩車で運ばれた。 エディンバラ市内のホリールードハウス宮殿に到着したエリザベス女王の棺=2022年9月11日、イギリス北部スコットランド、ロイター 【9月12日】 12日

                      エリザベス女王の国葬はいつ、どう執り行われる?個人を国葬するイギリスの基準とは:朝日新聞GLOBE+
                      • エリザベス女王、10代で経験した「第2次大戦」 96年の生涯をたどる

                        英国のエリザベス女王(エリザベス2世)が2022年9月8日、亡くなった。96歳だった。女王は国民に深く敬愛され、世界各国の君主の中でも別格の存在だった。今年6月には在位70年を祝う式典が開かれていた。 英国内はもちろん世界中から追悼の言葉が寄せられている。 「大英帝国」の残影を背負う 女王は1926年、ヨーク公(のちの君主ジョージ6世、在位1936~52年)の長女として生まれた。47年、エディンバラ公爵フィリップと結婚。52年、父の急逝で即位した。英国だけでなく、カナダやオーストラリア、ニュージーランドなどで構成する英連邦王国および王室属領・海外領土の君主を兼ねており、イングランド国教会の首長でもあった。 欧州の王室では、高齢になると、国王が退位するケースが多いが、女王は生涯現役を貫き、約70年にわたって「エリザベス2世」として公務をまっとうした。英国並びに英連邦の精神的な支柱でもあり、2

                        エリザベス女王、10代で経験した「第2次大戦」 96年の生涯をたどる
                        • エリザベス女王、英国への「奉仕」にささげた96年 21歳の演説体現 | 毎日新聞

                          1952年に即位して以来、在位70年を通じて英国民に敬愛されたエリザベス女王が死去した。女王の96年は、英国への「奉仕」にささげられた人生だった。 女王には有名なラジオ演説がある。47年4月21日、即位前の女王は21歳の誕生日を外遊先の南アフリカで迎え、ここでラジオを通じて国民に語りかけたのだ。「私の人生、長くても短くても(大英)帝国という大きな家族への奉仕にささげます」 英国の国王は「君臨すれども統治せず」と言われる。政治的言動は控えるものの、若き日のこの演説の通り、国家への奉仕という決意は終生変わらなかった。第二次世界大戦中、彼女は自ら「国のために何かをしたい」と親に頼み、軍の訓練所に入所した。仕事は軍用車の整備で、自らトラックを運転した。英メディアは「運転だけでなく、彼女は修理も上手だった」と伝えている。 女王の影響力は英国だけにとどまらなかった。女王は旧植民地諸国を中心とした連合体

                          エリザベス女王、英国への「奉仕」にささげた96年 21歳の演説体現 | 毎日新聞
                          • エリザベス女王、若き日の決意「死ぬまで奉仕」 70年の威厳 | 毎日新聞

                            プラチナジュビリーに際し、バッキンガム宮殿のバルコニーに立つエリザベス女王(左から2人目)と英王室のメンバー=英ロンドンで2022年6月2日、ロイター 70年という英国史上最長の在位期間を誇ったエリザベス女王は、国民に最も信頼され慕われた国王だった。だがその信頼感、尊敬心を得るには、いくつもの英王室の危機を乗り越えなければならなかった。 最初の危機は、伯父で独身の国王、エドワード8世が、2度の離婚歴のあるシンプソン夫人と結婚しようとして、首相、カンタベリー大主教らの大反対にあい、1936年に退位したときだ。弟君がジョージ6世として即位したとき、長女エリザベス王女が次の国王になることが確定した。エドワード8世の“王冠をかけた恋”によって英王室の権威はいたく傷ついた。エリザベスが、死ぬまで女王として働く決意をしたのは、この退位事件からである。 第二の危機は、52年、妹君マーガレット王女が離婚歴

                            エリザベス女王、若き日の決意「死ぬまで奉仕」 70年の威厳 | 毎日新聞
                            • 「英国人の模範」国民に慕われた君主 激変見守ったエリザベス女王:朝日新聞デジタル

                              激動期の英国を70年以上見守ってきたエリザベス女王が、96年の生涯を終えた。英国国教会の長で英軍の統率者、英連邦のうち十数カ国の元首――。大きな影響力を持つ君主ながら、勤勉で控えめ、いつも笑顔を絶やさず、国民の4人に3人が「好き」と慕う名君主だった。 1952年2月、父ジョージ6世の死去により、わずか25歳で王位を継いだ。大英帝国は崩壊し、植民地は次々に独立。英国は経済的にも斜陽をたどり、米国に超大国の地位を明け渡した。国を二分する国民投票を経て、2年前には英国が欧州連合(EU)から離脱した。 「喪失の女王(クイーン・オブ・ロス)」とも称されたエリザベス2世の最大の功績は、伝統ある王室の改革だった。 パーティー廃止、宮殿公開… 数々の王室改革 貴族の娘をお披露目するバッ…

                              「英国人の模範」国民に慕われた君主 激変見守ったエリザベス女王:朝日新聞デジタル
                              • エリザベス女王が死去、96歳 在位70年、英国君主として歴代最長:朝日新聞デジタル

                                【動画】エリザベス女王は日本の皇室とも交流があった。献身的に公務にあたった姿は多くの人から親しまれた。 英国のエリザベス女王が8日、死去した。96歳だった。大英帝国の終わりや欧州連合(EU)からの離脱など激動期の英国を生き、君主を70年以上務めた。約千年の歴史を誇る王室の近代化にも努め、勤勉で気品ある君主として国民に深く慕われた。次の国王には、長男で王位継承順位1位のチャールズ皇太子(73)がついた。 英王室は8日、「女王が本日午後、バルモラル城で安らかに亡くなりました」と発表した。バルモラル城は北部スコットランドにある女王の静養先。 女王は6日、バルモラル城でトラス首相と面会。前日に保守党党首に選出されたトラス氏を新首相に任命したばかりだった。女王は通常、ロンドンのバッキンガム宮殿で新首相を任命するが、女王の歩行が困難になっているため、同城で実施された。 7日に予定されていた公務は「医師

                                エリザベス女王が死去、96歳 在位70年、英国君主として歴代最長:朝日新聞デジタル
                                • 英エリザベス女王、死去 英王室発表 - BBCニュース

                                  英王室は8日夕、エリザベス女王が滞在中のスコットランド・バルモラル城で亡くなったと発表した。96歳だった。 王室は声明で、「女王は本日午後、バルモラルで穏やかに亡くなった」と発表。「国王と王妃は今晩、バルモラルにとどまり、明日ロンドンに戻る」と発表した。

                                  英エリザベス女王、死去 英王室発表 - BBCニュース
                                  • 英エリザベス女王死去 96歳 在位70年 | 毎日新聞

                                    英国の女王エリザベス2世が8日夕(日本時間9日未明)、滞在先の英北部スコットランドのバルモラル城で死去した。96歳だった。死因は明らかにされていないが、英王室は「安らかに息を引き取った」と発表した。1952年から70年と約7カ月に及んだ在任期間は、英国の歴代君主として最長。世界の君主としてはフランスのルイ14世(在位1643~1715年)の72年と110日に次ぎ、史上2番目の長さだった。 女王死去を受け、王位継承権1位の長男チャールズ皇太子(73)が新国王「チャールズ3世」として即位した。新国王は「慈しまれた君主であり、多くの人々に愛された母の死を深く悼む。英国民、そして世界の人々が喪失を感じるだろう」との声明を発表した。 女王は6日、バルモラル城でトラス新首相を任命したばかりだった。7日には医師の勧告に従って休養を取り、オンライン会合などを欠席。8日には医師の診察を受けていたが、容体悪化

                                    英エリザベス女王死去 96歳 在位70年 | 毎日新聞
                                    • エリザベス女王死去 世界から追悼の声相次ぐ【詳しく】 | NHK

                                      イギリスの君主として歴代最長となる70年にわたって在位してきたエリザベス女王が8日、96歳で亡くなりました。 女王の死去を受けて即位したチャールズ国王は、ロンドンのバッキンガム宮殿に戻り、多くの人が出迎えました。 国際社会からは女王の功績をたたえ、追悼する声が相次いでいます。 国内外の反応や動きを詳しくお伝えします。 エリザベス女王死去後初の週末 宮殿前で大勢の市民が追悼 イギリスのエリザベス女王の死去から初めての週末を迎え、ロンドンのバッキンガム宮殿の前には、家族連れなど大勢の市民が集まり、追悼する姿が見られました。 9月8日にエリザベス女王が亡くなってから、初めての週末となる10日、ロンドン中心部のバッキンガム宮殿の前には、朝から花束を手にした大勢の市民が集まっていました。 そして宮殿の門の前や宮殿の近くの街路樹のもとに、花束を手向けたり、「私たちの女王、愛しています」など書かれたメッ

                                      エリザベス女王死去 世界から追悼の声相次ぐ【詳しく】 | NHK
                                      • ちょうどいいWebデザインギャラリー

                                        カラー カラフル (206) スカイブルー (204) ホワイト (1119) ベージュ (371) グレー (398) ブルー (305) パープル (51) ピンク (111) レッド (188) オレンジ (98) イエロー (190) グリーン (274) ブラウン (133) ブラック (494) ゴールド (47) 業種 スポーツ (24) 旅行・ホテル・観光 (133) 美容 (93) エンタメ・趣味・娯楽 (147) 製品・工業・素材 (111) 金融・保険・会計・法律 (35) ファッション・アクセサリー (60) 就職・人材サービス (31) インフラ (23) 不動産・建築・空間・施設 (129) アート (31) 車・バイク他 (14) 事業・組織 (64) 暮らし商品・サービス (122) 飲食・食品・飲料 (423) 行政・NPO・団体・協会 (47) 出版・メ

                                        ちょうどいいWebデザインギャラリー
                                        • 園の元運転手が証言「車内に子供がいれば必ず分かる」出欠確認はどのように…3歳女児送迎バス置き去り(FNNプライムオンライン) - Yahoo!ニュース

                                          9月5日、静岡県牧之原市にある認定こども園・川崎幼稚園で、帰りの準備をしていた送迎バスの車内から、園に通う河本千奈(かわもと・ちな)ちゃん(3)が倒れているのが見つかり、その後病院で死亡が確認されました。死因は熱中症とみられています。 【画像】女児が発見された送迎バス(川崎幼稚園HPより) なぜ、事故は起きてしまったのか?めざまし8は、数年前までこの園で送迎バスを運転していた男性を取材しました。 30℃越えの真夏日 バスに残された幼い命送迎バスは、5日午前8時50分に川崎幼稚園に到着。車内には園児6人が乗っていましたが、千奈ちゃんだけがそのまま車内に取り残されたとみられ、約5時間にわたり放置された可能性があります。 千奈ちゃんが取り残されていたとみられる5日の昼に、送迎バスのそばを通ったという近所の人は、当時「痛さを感じるような暑さ」だったと話します。 5日の牧之原市の最高気温は30.5℃

                                          園の元運転手が証言「車内に子供がいれば必ず分かる」出欠確認はどのように…3歳女児送迎バス置き去り(FNNプライムオンライン) - Yahoo!ニュース
                                          • リリース用のpull requestを自動作成し、マージされたら自動でタグを打つtagpr | おそらくはそれさえも平凡な日々

                                            常々GitHubにtag requestが欲しいと言ってきましたが、それを実現するツールを作りました。OSSなど、バージョニングとリリースが伴うソフトウェア開発のリリースエンジニアリングをとにかく楽にしたいという動機です。既に自分が管理している幾つかのOSSでは導入して便利に利用しています。 https://github.com/Songmu/tagpr アイデア 基本の発想は以下のようにシンプルです。 リリース用のpull requestがGitHub Actionsで自動で作られる バージョン番号が書かれたファイルやCHANGELOG.mdを自動更新 そのpull requestをマージするとマージコミットに自動でバージョンtagが打たれる semver前提 リリース用のpull requestを自動で作りマージボタンを以てリリースと為す、というのは、みんな(僕が)大好き git-pr

                                            リリース用のpull requestを自動作成し、マージされたら自動でタグを打つtagpr | おそらくはそれさえも平凡な日々
                                            • パキスタン洪水 被害拡大の原因に…多発する「山津波」の脅威(テレビ朝日系(ANN)) - Yahoo!ニュース

                                              パキスタンでは、洪水により国土の3分の1が水没。これは、本州と四国を合わせたほどの面積です。3300万人が被災し、死者は1200人を超えました。6月からの雨量は、例年同時期の5倍以上となっています。NASAの衛星写真を見ると、インダス川下流に幅100キロほどの大きな湖が確認できます。 なぜ、洪水被害は拡大したのでしょうか。 パキスタン気候変動相 シェリー・レーマン氏: 「通常よりも3倍の氷河湖決壊洪水が発生しました。300%まで増加したのです」 氷河湖決壊洪水、別名、山津波。山の上にある氷河が溶け、まるで津波のように流れだします。 パキスタン政府関係者は、山津波の被害を訴えるため、SNSに幾つもの動画を投稿しています。地元メディアによると山津波は今年に入って、30件以上発生。原因は「前例のない猛暑」としています。 先月28日に投稿された映像では、川の水位が橋まで達しています。2010年の洪

                                              パキスタン洪水 被害拡大の原因に…多発する「山津波」の脅威(テレビ朝日系(ANN)) - Yahoo!ニュース
                                              • 「国土3分の1が水没」パキスタン“史上最悪”洪水…日本も輸入している綿花が壊滅状態 パキスタン大臣「温暖化の結果」 | TBS NEWS DIG

                                                雨季を迎えた6月以降、平年の雨量を大幅に上回る大雨が続き、各地で洪水に見舞われているパキスタン。国土は日本の約2倍ですが、その3分の1が水没しています。これまで3300万人が被災し、1200人以上が死亡しました…

                                                「国土3分の1が水没」パキスタン“史上最悪”洪水…日本も輸入している綿花が壊滅状態 パキスタン大臣「温暖化の結果」 | TBS NEWS DIG
                                                • techに薦めている書籍|ばんくし|note

                                                  お久しぶりです。CADDiの河合、もとい@vaaaaanquishです。 数ヶ月前、CADDi社内で「オススメ書籍」というものを書きました。 社内にも公開し読み会などを開いています私は前職の上司の影響でビジネス書を多く読むようになったのですが、ゴリゴリの技術書でない書籍というのはどうしてもエンジニアにとって読みにくい物も多いなと思っています(悪いと言っている訳ではなく飲み込みのために行動や知識を求められるよねという意です)。 また、エンジニア向けの書籍でも、少し概念的に古く、現代に適応しにくいものもあったりします(名著は名著である事には変わりないですがエンジニアリングもIT分野も年々進化し続けているので一部現代で扱いづらい概念が出てくるのは当たり前だよねとも思います)。 なので、なるべく「エンジニアが読みやすく」「比較的新しい環境で使える」をテーマに書籍を選び、比較的本を読む数の多くないエ

                                                  techに薦めている書籍|ばんくし|note
                                                  • 技術文書の書き方

                                                    howto-tech-docs.md 技術文書の書き方 このメモは、私(@ymmt2005)が長年にわたってソフトウェアプロダクト開発に関わってきて 2022年現在こうしたほうが良いと考えているベストプラクティスです。 科学的な分析等に基づくわけではない経験則であるため、今後も随時見直すことがありますし、 ここに書いてあることが常に正しいわけでもあらゆるソフトウェア開発に適するわけでもありません。 しかしながら、実務経験が豊富で、モダンな技術スタックに明るいエンジニアの経験則は一定の 役に立つのではないかと考えて記します。 技術文書とは ここでは、ソフトウェア開発で技術者が書くべき文書ということにします。 ソフトウェアエンジニアにも役割がいろいろあり、アーキテクトと independent contributor では書く文書が違うということはあるでしょうけれど、ここではごっちゃにします。

                                                    技術文書の書き方
                                                    • トップ5%社員がファシリテートする「会議」の特徴 参加者に決定事項を「実行」してもらうために必要なこと

                                                      働き方が多様化した時代にも柔軟に対応し、最短距離で成果を最大化する「チームマネジメント」について、3回にわけて特集した株式会社SmartMeetingと株式会社SmartHRのセミナー。 本記事では、「成果を上げるための会議」をテーマに、『超・会議術~テレワーク時代の新しい働き方』の著者・越川慎司氏が登壇した、3回目のセミナーの模様をお届けします。一番成功しやすい社内会議の時間設定や、オンライン会議の内職率、そして会議で参加者の記憶に残る時間帯など、さまざまなトピックが語られました。 数値でわかる、会議冒頭の「雑談」の効果 越川慎司氏:先ほど、一般的な企業800社の社内会議は「①情報共有」「②意思決定」「③アイデア出し」の3種類と言いましたね。 これらが実際にどれくらいの比率で行われているかというと、①番の共有会議が65パーセント、②番の意思決定が13パーセント、③番のアイデア出しが22パ

                                                      トップ5%社員がファシリテートする「会議」の特徴 参加者に決定事項を「実行」してもらうために必要なこと
                                                      • CSS Modulesの歴史、現在、これから - Hatena Developer Blog

                                                        マンガメディア開発チームの id:mizdra です。半年ほど前から「フロントエンドエキスパート」という肩書きをもらい、社内でフロントエンドの啓蒙活動をしています。具体的にどんな活動をしているかについては、社内のポッドキャストで少し話しましたので、興味があれば聞いてみてください。 developer.hatenastaff.com 最近、私はReactを採用する社内プロダクトでのCSSの書き方を検討していました。最終的にそのプロダクトでは、CSS Modulesを採用するに至りました。しかしその過程で、CSS Modulesのメンテナンス体制に対して懸念があり、将来的な存続を危ぶむ声が界隈にあることを知りました。 ただし、実際にメンテナンス体制について調べてみたところ、万全ではないものの引き続きメンテナンスがされていて、使用もできることが分かりました。そこで、今回はCSS Modulesに

                                                        CSS Modulesの歴史、現在、これから - Hatena Developer Blog
                                                        • Pakistan floods: Map and satellite photos show extent of devastation

                                                          Monsoon rains have caused devastating floods in Pakistan, leaving millions homeless, destroying buildings, bridges and roads and leaving vast swathes of the country under water. Flash floods and landslides along the Indus and Kabul rivers have left more than 1,000 dead and 1,600 injured - with the southern districts of Balochistan and Sindh worst-affected.

                                                          Pakistan floods: Map and satellite photos show extent of devastation
                                                          • 実装例から見る React のテストの書き方 - Cybozu Inside Out | サイボウズエンジニアのブログ

                                                            こんにちは!フロントエンドエキスパートチームの@nus3_です。 kintone のフロントエンド刷新プロジェクト(フロリア)では、品質を保ったまま開発を加速させるためにフロントエンドのテストを積極的に行っています。 今回はそんなフロントエンドのテストの実装例をいくつか紹介します。この記事がフロントエンドのテストを行う上での参考になれば幸いです。 テストに使用する主なパッケージ コンポーネントのテスト 補足: Testing Library の記法をチェックしてくれるeslint-plugin-testing-library カスタムフックのテスト 補足: React v18 では @testing-library/react の renderHook を使う 参考リンク 色々なテスト事例 setTimeout を使うコンポーネントのテスト 補足: Storybook の story を使

                                                            実装例から見る React のテストの書き方 - Cybozu Inside Out | サイボウズエンジニアのブログ
                                                            • 正規表現の先読み・後読み

                                                              正規表現の「先読み(lookahead)」「後読み(lookbehind)」について紹介します。 正規表現の「位置へのマッチ」 正規表現は、文字列のパターンマッチに使われます。例えば [0-9]{4} は数字4つが並ぶ文字列にマッチする表現です。 多くの正規表現は「文字列」にマッチしますが、「文字列」ではなく「位置」にマッチする表現があります。これは、アンカーと呼ばれます。また、長さ0の文字列にマッチすると考えて、ゼロ幅アサーションとも呼ばれます。 アンカーの例として、^(先頭)$(末尾)\b(単語の境界)などがあります。 この例では、cat にはマッチします。一方、category や concat は cat を含みますが前後が単語の境界になっていないためマッチしません。 先読み 先読み(lookahead)は、位置にマッチする記法の一種です。位置の指定に正規表現を使います。(?= と

                                                              正規表現の先読み・後読み
                                                              • Alphredo — Alpha colors generator

                                                                Create translucent versions of your colors Alphredo generates translucent (alpha) colors looking the same as their opaque counterparts when placed against the same background.

                                                                Alphredo — Alpha colors generator
                                                                • 大谷翔平【随時更新】104年ぶり偉業達成 2桁勝利 2桁本塁打 | NHK | 大谷翔平

                                                                  大リーグ、エンジェルスの大谷翔平選手が、9日のアスレティックス戦で、今シーズン10勝目をあげ、同じシーズンでの「2桁勝利、2桁ホームラン」を達成しました。 これは、大リーグでは「野球の神様」と言われるベーブ・ルースが1918年に達成して以来、104年ぶり2人目の快挙です。 試合後、大谷選手は「単純に投打で2つやっている人がいなかったというだけかと思う。それが当たり前になってくればもしかしたら普通の数字かもしれないし、単純にやっている人が少ないということかと思う」と冷静でした。 【試合経過 イニングごとの詳細あり】 試合経過 経過 |123|456|789|計H E エ |0 0 1| 0 3 0 |1 0 0 |5 10 1 ア |0 0 0| 0 0 0 |0 0 1 |1 6 1 大谷 今季の投手成績 10勝7敗に 大谷選手は9日、相手の本拠地オークランドで行われたアスレティックス戦に

                                                                  大谷翔平【随時更新】104年ぶり偉業達成 2桁勝利 2桁本塁打 | NHK | 大谷翔平
                                                                  • VercelのMiddlewareを使って非Next.jsプロジェクトにBasic認証をかける

                                                                    プロトタイピングしたツールを、身内へ気軽に公開したくなることってありますよね。Cloudflare Accessみたいなちゃんとしたソリューションをイチから導入するほどのモチベーションはなくて、Basic 認証が付いてればまあいっか、くらいの気軽さのやつです。 近頃だと、筆者はフロントエンドプロジェクトを Vercel にデプロイすることが多いので、Vercel について調べてみました。 Vercel には、主に Next.js から使うことを前提とした、Edge Middleware という仕組みがあります。これはページの表示前に割り込む形で通信結果に介入できるので、Basic 認証を実装できそうです。 Next.js を使う場合はこれでいいのですが、目的次第ではCreate React AppやViteのような、小さめのツールチェインでプロトタイピングをしたいケースもありますよね。そう

                                                                    VercelのMiddlewareを使って非Next.jsプロジェクトにBasic認証をかける
                                                                    • AWS、自社製品のために開発したデザインシステム「Cloudscape」オープンソースで公開。UIコンポーネント、デザインパターンなど

                                                                      AWSは、マネジメントコンソールなど同社が提供する製品やサービスのWebアプリケーション画面を構築するために開発したデザインシステム「Cloudscape」をオープンソースで公開しました。 Cloudscape Design System, an AWS solution for building intuitive user experiences, is now open source! Cloudscape consists of guidelines to create web applications, along with the design resources and front-end components to streamline implementation.https://t.co/M8wKGqzH5E pic.twitter.com/9JOtkMF8Bi — A

                                                                      AWS、自社製品のために開発したデザインシステム「Cloudscape」オープンソースで公開。UIコンポーネント、デザインパターンなど
                                                                      • マイクロソフト、ビルド時にソフトウェアの部品表(SBOM)を自動生成する「SBOM Tool」、オープンソースで公開

                                                                        マイクロソフト、ビルド時にソフトウェアの部品表(SBOM)を自動生成する「SBOM Tool」、オープンソースで公開 マイクロソフトは、ビルド時にそのソフトウェアがどのようなソフトウェア部品から構成されているかを示すデータ「SBOM」を生成してくれるツール「SBOM Tool」を、オープンソースで公開しました。 SBOMによるサプライチェーンリスクの解決 SBOMとはSoftware Bill Of Materialsの頭文字をとったもので、日本語では「ソフトウェア部品表」とされます。あるソフトウェアがどのようなソフトウェア部品によって構成されているのかを示す情報がまとまったデータのことです。 ほとんどのソフトウェアは単独で成立しているわけではなく、多数のライブラリやコンポーネントなどのソフトウェア部品に依存しています。そのなかのいずれかに脆弱性が発見されればドミノ倒しのように他のさまざま

                                                                        マイクロソフト、ビルド時にソフトウェアの部品表(SBOM)を自動生成する「SBOM Tool」、オープンソースで公開
                                                                        • はじめに - NestJSの強化書 βversion

                                                                          本書の目標は、本読者がNestJSをすぐに実務で利用できる(具体的に言えばNestJSで簡単なプロダクトを開発できる)ように、最短ルートに読者を導く一冊になることです。本書は、NestJSの網羅的なドキュメントではありません。取り扱う内容は頻出する機能に絞って、「実務でNestJSを扱うなら、最低限ここだけは理解しておこう」「これさえ押さえておけば実務でも安心できる」という観点で執筆しています。 本書はNestJSを中心に取り扱いますが、実務上、必要になる知識としてJavaScriptやTypeScriptの仕様やフロントエンドフレームワークのReactやVueについても扱います。

                                                                          • 第1章 進化するHTTPの歩み ~ HTTP/1.1とHTTP/2をおさらいし、HTTP/3の基本を知る | gihyo.jp

                                                                            HTTP/3入門 第1章進化するHTTPの歩み ~ HTTP/1.1とHTTP/2をおさらいし、HTTP/3の基本を知る この特集記事は2021年6月24日に発売されたWEB+DB PRESS Vol.123に掲載された特集1「HTTP/3入門」を再掲したものです。 先日2022年6月にHTTP/3を含むHTTP関連の仕様が正式なRFCとなりました。ここではRFCの正式リリースに伴い、いち早く変更点を抑え、囲みボックスを用いた加筆解説でわかりやすくお伝えしております。 特集のはじめに HTTP(Hypertext Transfer Protocol)の最新版であるHTTP/3が登場しました。HTTP/3では、より安全で速い通信が行えます。本特集では、今までのHTTPにあった課題と、HTTP/3で課題をどのように解決し、改善が行われたかを解説します。 本章では、HTTPそのものと各バージョン

                                                                            第1章 進化するHTTPの歩み ~ HTTP/1.1とHTTP/2をおさらいし、HTTP/3の基本を知る | gihyo.jp
                                                                            • これだけデザイン on Twitter: "資料作成の勉強にも、ビジネスのマクロ情報の収集にもおすすめな「委託調査報告書」 経産省が調査や分析を依頼している内容が全て公開されているしってます? マッキンゼーやボストンコンサルティング、アクセンチュアなどの戦コンや日経のコ… https://t.co/OSCfnq3T9u"

                                                                              資料作成の勉強にも、ビジネスのマクロ情報の収集にもおすすめな「委託調査報告書」 経産省が調査や分析を依頼している内容が全て公開されているしってます? マッキンゼーやボストンコンサルティング、アクセンチュアなどの戦コンや日経のコ… https://t.co/OSCfnq3T9u

                                                                              これだけデザイン on Twitter: "資料作成の勉強にも、ビジネスのマクロ情報の収集にもおすすめな「委託調査報告書」 経産省が調査や分析を依頼している内容が全て公開されているしってます? マッキンゼーやボストンコンサルティング、アクセンチュアなどの戦コンや日経のコ… https://t.co/OSCfnq3T9u"
                                                                              • 障害報告書を書こう! - Qiita

                                                                                担当しているITサービスなどに何かしらのインシデントや障害が発生した時に、対処後のアクションとして報告書を提出して事象の内容を報告(レポート)する場合がある。 提出先は会社の偉い人だったりクライアントだったり。場合によってはユーザー向けに発表したり。事の顛末を報告して「今後同様のことを起こさないように努力します、ごめんなさい」をするのだ。どのように再発防止の努力するのかを書くものでもある。 主にクライアント向けのビジネス内容ではあるが、自分が使っているテンプレパターンを共有するので参考にしてもらえればと思う。1 全般的なポイント 心得のようなもの。次の点は留意してて欲しい。 淡々と冷静な説明をこころがける 当然のことながら事実は脚色しない。無駄な修飾も要らない。客観的な事実を簡潔に述べる。 例: ❌「一生懸命頑張って対応したが…」 ❌「寝ないで対応したが…」 ❌「本当の原因は…」 できるだ

                                                                                障害報告書を書こう! - Qiita
                                                                                • Webブラウザのレンダリングの仕組みを理解する

                                                                                  参考:https://ja.wikipedia.org/wiki/HTMLレンダリングエンジン 2 レンダリングの仕組み レンダリングの大きな流れは下記のようになります。Webブラウザは、サーバーなどからHTML等のリソースを受け取り①〜⑥の処理を経て、レンダリングを実行します。それでは各処理の概要を見ていきます。 ※点線は、HTML内にCSSやJavaScriptの記載があった場合に、HTML内からリソースを取得する流れです。 2-1 ①DOM Tree構築 DOMとは、Document Object Modelの略で、 HTML(またXML)をツリー状のデータ構造として、JavaScriptなど外部プログラムから操作する方法を定義したインターフェイス(API) になります。 DOMはツリー状のデータ構造をしているため、DOM Treeとも呼ばれます。DOM Tree構築までの全体像は下

                                                                                  Webブラウザのレンダリングの仕組みを理解する