(追記) 多くのコメントをいただきありがとうございます。 事業承継税制についてコメントしていただいている方が多いのですが、そもそも相続前に被相続人が当該会社の役員でないと適用できないとのことで断念した記憶があります。 また、そもそも相続対象の株が事業を行っている会社の株ではなく、その株を保有する資産管理会社の株になるので、その観点からも難しいのではないかという見解だった記憶があります。 ただ、我々の知識不足もあり勘違いの可能性もあるので、もう一度聞いてみるようにします。 その一方で、誰が事業を継ぐのか、という点が結局宙に浮いているので、仮に事業承継税制で相続税から逃れられたとしても、対処すべき問題はまだ多いだろうなとも思います。 いずれにしても親切に色々と教えていただき本当に助かっています、ありがとうございます。 (追記ここまで) 年の瀬に妻の父親が事故で亡くなった。 突然のことで何も準備
カゲワサビ @AoiKageyama お笑い好きな新人漫画家🖋 今は小学館ビッグコミックで読み切り制作中！ あと岡野陽一さんファン！ 読切掲載：ビッコミ「おカネしか勝たん」、ビッグコミックブロス「エレベーターにて」 お仕事のご依頼先や漫画・実績はURLから⏬ potofu.me/kagewasabi
組み込み端末のアプリケーションに Electron を採用し開発・運用を行っています。 継続的な機能追加やトラブルサポートを行いながら 3 年が経過したので、Electron を採用した経緯や結果を経験を交えながら共有したいと思います。 組み込み案件自体が初めてでしたのでその話も入っています。 約 700 台ほど導入されており、なかなか大きな案件での採用と思いますので参考になれば幸いです。 ※Electron の基本的な説明は割愛します。 システムについて 一般的に「受付精算機」などと呼ばれ、店頭に何台か並べて設置して自動で受付・精算を行うシステムです。 ホテルの受付端末のイメージです。ハード的にはセルフレジにも近いです。 筐体自体は他社が用意し、弊社はその上に載せる GUI アプリケーションのみを担当しました。 機能 主な機能として 来店受付・整理券発行 予約チェックイン チェックアウト
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載7回目となる本記事では「ウェブ業界で、2010年代から変化したもの」をテーマとしてアンケート結果を紹介します。 floatプロパティーは現役？ floatプロパティーは、CSSレイアウトのために2000年代中頃からテーブルレイアウトに代わって使われてきました。FlexboxやCSS Gridなど、他にレイアウト手法が存在する現在において、floatプロパティーはどれほど使われているのでしょうか。 1829票の回答があり「とてもよく使う」が5.7%、「たまに使う」が19.8%、「ほとんど使わない」が69%、「floatを知らない」が5.5%でした。 現在はfloatプロパティーを使う
木村浩康 @hiroccck 最近のスクロール芸極まりすぎててもうこれ以上先はないんじゃないかと思ってたけどめっちゃくちゃ王道でまっすぐ素直にど真ん中ぶち抜いて矛盾なく限界突破してる。。まだ先があったかー。すげー。。 pola.co.jp/wecaremore/ 2021-03-10 15:02:14
まだ使ってる？今は非推奨となったJavaScriptの書き方いつも何気なく使っていたコードをふと調べ直してみると、知らないうちに「Deprecated（非推奨）」と書かれている…なんてこともありますよね。今回はJavaScriptを書いていて出くわした非推奨となったものをいくつか紹介します。 document.write画面にテキストを表示する document.write 。JavaScript の勉強を始めて最初に書いたコードがこれだったという方もいるのではないでしょうか？これはブラウザーのレンダリングに悪影響が出たり、DOM への影響などを考慮して「強く非推奨」とされています。 これまでの記述例： document.write("やっほーい"); 解決策 1：textContent や innerHTML を使う代わりに文字列を書き換える textContent や、HTML も含め
5年前に亡くなった妻の骨の一欠けらを財布に入れている。 彼女が亡くなった時、俺は激しく取り乱していてずっと泣いてたと思う。 泣き止んだ後の記憶は曖昧で、周りが色々と尽くしてくれた。 情けないことに自分は夫な癖に妻の葬式の手配すらままならなかったのだ。 ほんと、情けない話だよ。 骨上げの際、俺は妻の骨をくすねた。 周りから気付かれないようにしたつもりだがバレバレだったと思う。 それでも誰も、なにも言ってこなかった。 何処の部位の何かも分からない小さな骨の欠片。それを今も財布に入れている。 あんなに好きな人はもう二度と現れないだろうと、本気でそう思っていたのだ。 少しずつ、ようやく妻がなくなったという事実を受け止められるようになってきたのは最近のことだ。 増田もそろそろ前を向いてもいいんじゃないか？そう声をかけてくれたのは友人だった。 いつまでも後ろを向いていたら彼女もきっと悲しむだろうから。
はじめに 今回はフロント学習で重宝できる教材をまとめました。 軽く自己紹介として、自分は新卒でフロントエンジニアとして入社し2022年で2年目になります。 実際に実務を通す中で「この教材のおかげで実装がスムーズにできた」「この教材をやってたおかげで理解ができた」といったような場面が2年の間で多々ありました。 今回紹介する教材は自分自身が実際に使ってよかったものかつ、そのほとんどが無料で学べるor低価格の教材になっています。 「フロントエンドを網羅的に学べかつ実務の基礎作り」という目的で教材を紹介します。 この記事の主な対象者 フロントエンドの学習をこれからしていきたい人 何を学べばよいのかがわからない人 HTMLとCSSはある程度かける人 この記事の目標 フロント学習の指針が立てられる 実務現場でも活用できるスキルを学べる教材を知れる JavaScript ドットインストールのJavaSc
母が亡くなって、1年ほどになりました。 時折ふとした瞬間に、そうだ、この世の中には、もうお母さんはいないのだなあ……、としみじみ思い出して寂しくなります。 母親が亡くなると、大げさにいえばそれ以前とそれ以降で、自分の心持ちががらっと変化してしまったような気がします。 抱えている寂しさや空しさの量が少し増えましたし、自分自身の死ということにも、よりリアリティを感じるようになってきています。 とはいえ、人生は続いていくわけで、時間が解決することもあるけれど、この寂しさや空しさを、当たり前にそこにあるものとして、これからは暮らしていくんだろうと思います。 ただ、今日この場で語りたいことは、現実的（で大切な）話、葬儀・供養についてのお金の話題です。 私、母以外にも肉親をもう2人、既に亡くしていまして、喪主の経験が3回あります（3回あれば、語る資格ありますよね？）。 さて皆さん、人がひとり亡くなると
※本記事は筆者styprが英語で執筆した記事を株式会社Flatt Security社内で日本語に翻訳したものになります。 TL;DR Node.jsのエコシステムで最も人気のあるMySQLパッケージの一つである mysqljs/mysql (https://github.com/mysqljs/mysql)において、クエリのエスケープ関数の予期せぬ動作がSQLインジェクションを引き起こす可能性があることが判明しました。 通常、クエリのエスケープ関数やプレースホルダはSQLインジェクションを防ぐことが知られています。しかし、mysqljs/mysql は、値の種類によってエスケープ方法が異なることが知られており、攻撃者が異なる値の種類でパラメータを渡すと、最終的に予期せぬ動作を引き起こす可能性があります。予期せぬ動作とは、バグのような動作やSQLインジェクションなどです。 ほぼすべてのオンラ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 逃げるプログラマー、避けられない壁 Web系アプリケーション開発をするとなると、React, Angular, Vueといったフレームワークの話題は避けて通れないのだけど、面倒にかまけてみて見ぬふりをしているデヴェロッパー諸君は多いと思う。 自分もそういうダメグラマーの一人でした。 だが、Nodeベースでバックエンドを開発していると、どうしてもフロント側が必要だし、使いたいライブラリーや機能、操作性を組み込むためには、フロント側のフレームワークからは逃げられず、立派なフルスタックデベロッパーになる為に、重いけつを上げ、学習することにした
1人暮らしの世帯が増加する中、ことし6月までの半年間に、全国の警察が遺体の検視や調査を行った10万人余りのうち、およそ3割が自宅で発見された1人暮らしの人で、死後1か月以上たって見つかった人も4000人近くにのぼっていたことが警察庁のまとめでわかりました。「孤独死」や「孤立死」の実態把握につなげていきたいととしています。 警察庁は、ことし1月から6月までの半年間に、全国の警察が遺体の検視や調査を行った10万2965人について、年齢や居住の状況を調べました。 およそ3割にあたる3万7227人が『自宅で発見された1人暮らしの人』で、 このうち年代別では ▽85歳以上が7498人でもっとも多く ▽75歳から79歳が5920人 ▽70歳から74歳が5635人 などと、65歳以上の高齢者が全体の7割以上を占めています。 また、死亡してから発見されるまでの経過日数では ▽1日以内が最も多かった一方、
ダイアログやハンバーガーメニューといったユーザーインタフェース（UI）は、多くのウェブサイトで利用されており頻繁に見かけます。どこでも見かけることから「簡単に作成できる」と思われがちですが、意外と実装が難しいUIです。たとえば、エンジニアでなくとも、以下のような現象に気付いたことはないでしょうか？ ダイアログを表示中に、裏側のコンテンツがスクロールできてしまった ダイアログを表示中に、Tabキーでキーボード操作を行うと裏側を操作できてしまった ▼裏側がスクロールできてしまう例 ▼裏側がキーボード操作できてしまう例 これらを解決するためには、実装で注意する必要があります。本記事では、ダイアログやハンバーガーメニュー等のモーダル系のUIに存在する気付きづらい問題点と、解決方法を紹介します。ダイアログとハンバーガーメニューはそれぞれ役割の異なるUIですが、画面全域を覆うUIという意味において同種
アルツハイマー病研究、失敗の構造 みすず書房Amazon認知症の一種であるアルツハイマー病は、誰もが老化と共におちいる可能性のある病気だ。記憶力が衰え、言語・思考などあらゆる知的能力がだんだん衰退し最終的には死に至る。体はそのままで人格が壊れていくことから本人の恐怖はもちろん、日常生活を単独で行うことが難しくなっていくので、介護負担・費用の問題も大きい。 がん治療が進歩し人々が長く生きるようになると、必然的にアルツハイマー病の患者は多くなる。厚生労働省が2022年6月に公表した患者調査(2020)では継続的に治療を受けているアルツハイマー病の患者数は79万人にものぼる。1996年には2万人であったことを考えると、増えているのは間違いない。それなのに、わずかに進行を遅らせる薬こそ存在するものの、症状を劇的に改善させる薬は作られていない。 最近も、米食品医薬品局(FDA)がアルツハイマー病治療
まず、新しいアイデアが提案されると、ステージ0の「Strawman」と呼ばれる段階に入ります。ステージ0のアイデアが価値のある提案として見なされ、大まかな形で問題点や解決策を説明できるようになると、ステージ1の「Proposal」と呼ばれる段階に進みます。そして、提案がある程度まとまって仕様の草案として認められると、ステージ2の「Draft」と呼ばれる段階に上がります。さらに細かいところまで練り上げられて、仕様がほぼ完成した状態になると、ステージ3の「Candidate」の段階になります。最後に、2つ以上のブラウザがその機能を実装していて、ECMAScript の編集者に承認されると、ステージ4の「Finished」と呼ばれる段階になります。 ステージ4に上がった提案は、毎年 6 月のタイミングで ECMAScript の新しいバージョンとしてリリースされます。リリースする際は、ECMAS
Screeps, LLCは、JavaScriptを使って戦う戦術ゲーム『Screeps: Arena』の配信を開始した。開発中のゲームを公開する「早期アクセス版」として販売中となっている。 対象プラットフォームはPC（Steam）。価格は税込2050円。4月15日まで税込1845円（10％オフ）のセールを実施している。 （画像はSteam『Screeps: Arena』より） 『Screeps: Arena』（スクリープ：アリーナ）は、プログラミング言語のひとつ「JavaScript」を実際に記述することで、ほかのプレイヤーと戦うオンラインのリアルタイムストラテジー。 ゲームはユニットを直接的に操作するのではなく、ゲーム上でプログラムを記述することによって動かしていく。プレイヤーが記述したプログラムは、ユニットのAIとしてゲーム内で自律的に実行されて戦っていく。 （画像はSteam『Scr
2021 年から React ベースのフレームワークである Next.js を本格的に学び始めました。 昨年 2020 年は Vue.js ベースのフレームワークである Nuxt.js にどっぷりと使った１年であり、昨年リリースした キカガク (kikagaku.ai) など、本運用に乗せるところまでプロダクト開発チームで学びながら進めていきました。 その昨年に１年間もかけて知見を貯めた Vue.js & Nuxt.js を離れて、React & Next.js へ移行した背景を紹介します。
Python早見帳は、プログラムと実行例をカタログ的に提示しながら、Pythonの言語仕様やライブラリを紹介しています。Pythonの基礎を素早く習得したり、ライブラリやオブジェクトの使い方を確認することができます。
マイクロソフト、Webブラウザで3Dゲームがびゅんびゅん動く「Babylon.js 5.0」正式リリース、WebGPUにフル対応、iOS/Androidなどクロスプラットフォーム展開も マイクロソフトは、JavaScriptで2Dや3Dモデルを高速に扱えるライブラリ「Babylon.js」の最新版「Babylon.js 5.0」正式版をリリースしました。 We'd like to formally introduce the next version of the Babylon Platform - #BabylonJS5 Blog: https://t.co/aMgjIIeIin Video: https://t.co/OMssjZZPPz#gamedev #gamedevelopment #indiedev #indiedeveloper #webdev #3D @WebGPU #w
皆さんこんにちは。京都開発室のLinです。仕事と個人的なプロジェクトでTypeScriptによる開発を始めて約2年が経ちましたので、 TypeScript導入時の経験を皆さんにお話ししたいと思います。 近年、TypeScriptはフロントエンド分野で最も注目を集める技術となっています。The State of JavaScriptの資料によれば、TypeScriptの使用を選択する開発者は増加を続けており、その評価も肯定的なものが多いようです。 「次のプロジェクトではTypeScriptにより開発を行うべきだ」「今あるJavaScriptプロジェクトをTypeScript仕様に変更すれば、プロジェクト品質の向上につながる」と考えているチームは数多くあるでしょう。 しかしながら、TypeScript導入のコストおよびメリットについては、極めて慎重に評価を行う必要があると、私は考えています。
個人的なJavaScriptの情報収集の方法についてまとめてみます。 JSer.infoなどをやっているので、JavaScriptの情報については色々な情報源を見るようにしています。 JSer.infoの範囲の中での情報源については、次の記事でまとめています。 JSer.info 13周年: JavaScriptの情報源を整理する - JSer.info この記事では、少しスコープを広げてJavaScriptの情報収集についてまとめてみます。 かなりスコープが広がってしまうので、万人向けの方法ではなく、個人的な情報収集方法としてまとめています。 この記事では、膨大な情報の中から見つけるというアプローチをとっているので、人によって向き不向きがあると思います。 情報収集の方法 情報の元となる情報源はさまざまなサイトや人になると思います。 しかし、そのサイトや人ごとに見ていくというのはかなり大変
TL;DR: jQueryはDrupalのバーター リニューアルするたびにWeb界隈の一斉レビューを受けることでお馴染のデジタル庁ポータルサイトがいつの間にかまたリニューアルされていて、フロントエンドがNext.jsからDrupalに変わって話題になっていたので1、私も旅券所持者として国政に関心を持ってゆく また、まわりのフロントエンドエンジニアの間でjQuery氏の入庁について「モダンブラウザ全盛の時代に必要か？」と疑念がとなえられていたので、これも追求してゆきたい どのような変更があったのか システム変更の経緯はプロジェクトの関係者であるHal Sekiさんの発言が正確なところだと思う Drupalが話題ですが、元々CMS側は2年前からずっとDrupalだったんです。設立当初はサイトもシンプルだったのでフロントエンド側はNextjsでヘッドレス構成だったのですが、構成が複雑になってきて
人気のJavaScriptバンドルツール「webpack」の開発はなぜ終わり、後継として「Turbopack」の開発が始まったのか。開発者がその理由を語る 複数のJavaScriptやTypeScriptの依存関係などを解決し、コードやフォント、画像などのリソースなどをまとめるバンドルツール（あるいはモジュールバンドラやビルドツールなどとも呼ばれます）は、多数のライブラリやコンポーネントなどを用いてチームで開発するWebアプリケーションの開発には欠かせないツールとなっています。 そのバンドルツールの代表がwebpackです。約4万人のITエンジニアによるアンケート結果が示された「State of JavaScript 2022」でもwebpackはGulpやViteなどを抑えて最も人気のあるバンドルツールとなっています。 参考：「State of JavaScript 2022」公開。利用
使ってわかる、Vueへの恨み、つらつらと（随時更新） コンポーネントのローカルスコープでコンポーネントを定義しようとするとJSXが必要 JSXが嫌でReactを使わないならSvelteがあり、SvelteはゼロオーバーヘッドでVueより速い React+JSXと違って、マークアップをJavaScriptの式として扱えないせいで、TypeScriptとの相性も悪い 後述するが、コンポーネントのプロパティの型をジェネリックにできないところなどは、これの例にあたる Vueの新しい機能が出て、新しい構文を必要とするたびにIDEのプラグインの対応が必要になる JSXも構文拡張だが、JS関数呼び出しのシンタックスシュガーでしかないので、関数と同じだけの表現力（汎用性）を持ち、ReactのAPI拡張のためにいちいちJSXまで拡張する必要はない JSX無しだと、マークアップ内でアクセスしたいコンポーネント
定時ダッシュちゃん @teiji_oriental 都内のマルイがコロナで軒並みガラガラなのに、どこも潰れないのが不思議で…IR情報見たら『エポスカード のリボ払い・キャッシングの手数料』と『家賃保証サービスの保証料』の利益が大きぎて顎外れそうになった…ビジネスモデルが華麗すぎて感動する一方、こんなにもリボ払いしてる人が多いなんて… 2021-10-10 23:10:03 定時ダッシュちゃん @teiji_oriental マーケター 恋愛・結婚を研究してます 元マッチングアプリ芸人👼 アプリで4ヶ月で結婚🕊←大手美容メーカー | 毎月 審査制パーティー「定ダナイト🌛」開催中 計8000名突破！| インスタのストーリーが1番活発👉https://t.co/1Z8C5IdPUI note.com/teigidash
89歳のおばあちゃんのお金を管理して分かった、老後の生活でお金よりも必要なもの #老いの準備お金 公開日 | 2021/06/18 更新日 | 2025/08/14 らくからちゃ こんにちは、らくからちゃです。 普段は「ゆとりずむ」というブログにて、お金や働き方などに関する統計データを眺めながら、つつましく生きていく中で気がついたことを書かせていただいております。 コロナ禍で皆様どうお過ごしでしょうか。どこにも遊びに行けないどころか、離れて暮らす家族にも長期間会えず、元気にやれているんだろうかと不安に思っている人も多いのではないでしょうか。 特にご高齢の家族のいる方は、健康のことはもちろん、お金のことについても心配に感じている人も多いでしょう。 家族の間であっても、いや家族だからこそ、お金の話はつい言い出しにくいもの。ですが、高齢者が健康で楽しく過ごすためには避けて通れない話です。 私自身
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
郵便局が新たに建ちそうな土地を、多くの郵便局長たちが物色している。郵便局を営む日本郵便に建てさせるためでなく、従業員である局長自身が長期安定の賃料収入を得るために――。これは昔話ではなく、同社が民営化したいまも漫然と続く異常な慣習だ。 【この記事の画像を見る】 ■農家から買った土地に郵便局が建設された 「畑の一角を売ってもらえませんか」 東海地方で果物農家を営む70代の男性のもとに数年前、地元の不動産業者がやってきた。ちょうど土地の整理を考えていた男性には好都合だったが、提示額は相場よりすこし安いように感じられた。 不動産業者から教えられた土地の買い手は、面識のない郵便局長だ。なぜ日本郵便ではなく、郵便局長が買うのか。不思議な気はしたが、業者からは「よくあることだから」と諭された。 その後、日本郵便東海支社の社員が訪ねてきた。局長と同じ勤め先なのに、社員は「日本郵便のほうに土地を譲らないか
はじめに 最近、Next.js、TypeScript、Tailwind CSSを使って技術ブログを立ち上げました。（まだあまり更新は進んでいませんが…） このプロジェクトを通じて構築した開発環境がわりと快適だったので、誰かの参考になるかもしれないと記事を書いてみることにしました。 できる限りわかりやすく詳細な説明を心がけましたが、その結果、記事のボリュームが大きくなってしまいました。長文ですが、興味のある方はぜひ読んでみてください🙏 また、この記事内で紹介した内容をセットアップしたリポジトリを公開しています。 Next.jsのボイラープレートとして活用可能ですので、興味のある方はぜひ覗いてみてください。
「オープンソース」は壊れている
christine.websiteのブログより。 または: お金を払わない限り、有用なソフトウェアを書かないのか? 最近、重要なJavaエコシステム・パッケージに大きな脆弱性が見つかりました。この脆弱性が完全に兵器化されると、攻撃者はLDAPサーバから取得した任意のコードを実行するよう、Javaサーバを強制することができます。 <マラ> もしこれがニュースで、あなたがJavaショップで働いているなら、残念ですが、あなたには2、3日が待っています。 私は、これが「オープンソース」ソフトウェアの主要なエコシステム問題の全ての完璧な縮図だと考えています。log4j2が、この問題の最悪のシナリオの1つの完璧な例であると思うので、このすべてについていくつか考えを持っています。この問題に関与したすべての人が、現実世界の問題に対する完全に妥当な解決策のためにこれらすべてを行ったことは完全に合理的であり、
僕が触り始めた頃のウェブフロントエンド開発はデバッガーもなく、ダイナミックHTMLと呼ばれて文字をチカチカさせたりするようなものでした。IE6という超安定ブラウザが出てきたり（Netscape 4.xも7.xも不安定だった）その後jQueryが登場したときは、天使が降臨したように思えたものです。 そこから長い年月が経ち、ウェブフロントエンドの比重が大きくなるにつれ、フロントエンドのコードはどんどん複雑化しました。OpenAPIなどのコードジェネレータなども普及した結果、通信というものが隠され、イベントの中でawaitや.then()で呼ばれる何か、みたいな理解をしているメンバーも今後増えていくのではないかという懸念があります。 現在ではウェブフロントエンド開発はReactやVueといったフレームワーク上で行われ、イベントというのはそのフレームワークの提供するライフサイクルイベントに対応付け
✨無料公開中✨ 業務ができる中級者になるためのJavaScript入門の第2弾となります。何度学んでも今一つ理解できないDOMに関して、できるだけわかりやすく説明しています。 業務ができる中級者になるためのJavaScript入門（文法編） https://zenn.dev/books/568dd4d86562a1/edit ✨開発環境に役立ててください✨ 👾 やっぱりwebpackがわからない（エピソード1） https://zenn.dev/antez/articles/58307946cf4f3e 👾 やっぱりwebpackがわからない（エピソード2） https://zenn.dev/antez/articles/638382faa06bd7 👾 そもそもnpmからわからない https://zenn.dev/antez/articles/a9d9d12178b7b2 ✨Wo
2024/01/15(月) 12:00 〜 13:00 t-wadaさんが後世に残したい、実録レガシーコード改善 https://findy.connpass.com/event/304101/ テストコードが無いコードを引き継いだところからはじまる、実際に2018年に行った受託開発案件のエ…
3年前、趣味で開発するウェブアプリ向けの安価なAWSアーキテクチャについて記事を書きました。当時流行りの話題だった記憶です。 趣味Webサービスをサーバーレスで作る ― 格安編 - maybe daily dev notes 最近はAWSにも新たに色々なサービスが出てきて、以前とは一味違う構成を取れるようになっています。この記事では、アップデートされた格安かつスケーラブルなウェブアプリ向けAWSアーキテクチャを紹介します。 コード 本記事で紹介するアーキテクチャのリファレンス実装は、以前と同じリポジトリに公開しています。 github.com 主な機能は下記です: Next.js App RouterをAWS Lambda上にデプロイ CloudFront + Lambda関数URLによるレスポンスストリーミング対応 クライアントからサーバー、DBまでの型安全性 Aurora Server
Developers Summit 2023 10-A-4 「フロントエンド開発のためのセキュリティ入門」の発表資料です。 https://event.shoeisha.jp/devsumi/20230209/session/4176/ 「HTTPS化」「CORS」「XSS」「脆弱なライブラリの…
対象読者と目的 非同期処理の実装方法は知っているが、仕組みを詳しく知らないのでベストプラクティスがわからないときがある 実行順序の保証がよくわからないので自信をもってデプロイできない変更がある より詳しい仕組みを理解することでより計画的な実装をできるようになりたい という動機で書かれた記事です。同様の課題を抱える人を対象読者として想定しています。 目次 実行モデルとタスクキュー Promise async/await AbortSignal, Event, Async Context WHATWG Streams / Node.js Streams (執筆中) 未定 入門記事へのリンク プロミスの使用 - JavaScript | MDN Promise, async/await (現代の JavaScript チュートリアル) JSの初心者にPromiseとasync/awaitの使い方
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
webpack is 何? webpack とは、一言で言うと JavaScript 向けのモジュールバンドラーです。 複数の JavaScript モジュールを一つ（またはいくつか）のファイルへバンドル（=bundle: 束にする、包む）してくれます。 複数の JS モジュールを（場合によっては CSS や画像などのアセット類も）一つにまとめる 使うメリットは何？ モジュールを 1 つ（もしくは少数）にまとめることでブラウザからのリクエスト数を減らし、ファイル転送の効率が向上します。 ES Modules や CommonJS 形式のモジュールなど、さまざまな形式のモジュールに対応しています。 上記の JS モジュールのみならず、CSS や画像ファイルもバンドルすることができます。 とりあえず webpack を使ってみる
ウェブ上でJavaScriptを実行してバグが発生した場合、ブラウザに内蔵されている開発者ツールを使ってデバッグすることがよくあります。そうしたブラウザでのデバッグにおいて役立つテクニックをNetflixでフロントエンドの開発に携わっているアラン・ノルバウアーさんがまとめています。 67 Weird Debugging Tricks Your Browser Doesn't Want You to Know | Alan Norbauer https://alan.norbauer.com/articles/browser-debugging-tricks ◆高度な条件付きブレークポイント 開発者ツールの「ソース」タブにはデバッガーが用意されており、JavaScriptの任意の行にブレークポイントを設定することで実行を一時停止して変数やコールスタックの中身を確認できます。ブレークポイントを
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
