並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 224件

新着順 人気順

jsの検索結果1 - 40 件 / 224件

  • 身近な人が亡くなった時の手続きと備えのすべて!?(必要書類の記入例付) – 遺品整理・生前整理・買取ならリサイクルジャパン

    もくじ 身内が亡くなった時に対応すること危篤から葬儀まで(なるべく早く)死亡診断書の受取から死亡届提出まで(2~7日以内)火葬許可申請書の提出(2~7日以内)通夜、葬儀・告別式について役所などの手続きについて世帯主変更届の手続き(14日以内)健康保険証の返却(14日以内)高額医療費の請求葬祭費・埋葬料の申請(2年以内)介護保険被保険者だった場合の手続き(14日以内)相続税の申告・納付(10カ月以内)相続税申告書の書き方ぜひ活用してほしい特例制度相続税の怖い罰則遺族が受け取ることができる年金(2年~5年以内)遺族年金の受給資格遺族年金の請求方法寡婦年金と死亡一時金の請求方法その他のおすすめ情報家族が亡くなったら解約するもの(なるべく早く)返却義務がないもの相談できるプロの専門家身内が亡くなった時に対応すること 身内が亡くなると、必ずさまざまな手続きを進めなければなりませんが、ほとんどの方にと

    • クレカ情報の流出があったタリーズオンラインストアのWebアーカイブから原因を特定した猛者が現れる→集まった有識者たちにより巧妙な手口が明らかに

      あらおじ @ojigunma すごい タリーズの原因発見してる人いる 確かにナンカある slick.min.js という画像をスライドするファイルの中に 難読化された悪意のあるコードが追記されてるっぽい 難読化は4段階ぐらいされてるらしい これブラウザとかセキュリティソフトで気づくのは無理なんだろか。。。 x.com/motikan2010/st… Niishi Kubo | GitLab,Limeboard @n11sh1_ クレカ情報漏洩の件、技術的な原因特定はこの投稿が一番分かりやすかった。 slick.min.js(画像切り替えのライブラリ)を改ざんされてマルウェアが仕込まれて、クレカ情報はサーバーに送信される前にフロントエンドから外部に送信されていたらしい。Content-Security-Policy がレスポンスヘッダーにきちんと設定されていれば悪意あるドメインに対しての通信

        クレカ情報の流出があったタリーズオンラインストアのWebアーカイブから原因を特定した猛者が現れる→集まった有識者たちにより巧妙な手口が明らかに
      • 親子げんかをして絶縁状態になった父が認知症に。介護と看取りを経て、今僕が思うこと|tayorini by LIFULL介護

        親子げんかをして絶縁状態になった父が認知症に。介護と看取りを経て、今僕が思うこと #親の介護 公開日 | 2024/10/03 更新日 | 2024/10/03 親子仲が良くない場合に親の「介護」とどう向き合っていくかは、難しい問題です。 認知症のお父さんを介護し看取った経験を持つライターの安藤昌教さんは、お父さんとけんかをして絶縁状態のまま介護に関わることになったそう。複雑な思いを抱えながら介護に向き合い、正解のない「家族との関わり方」について考え続けていたといいます。 今度は新たにお母さんの介護が始まろうとしているという安藤さんに、お父さんの介護を通じて感じたことを振り返りながら、これから介護に関わる人に伝えたいことについてつづっていただきました。 安藤昌教(あんどうまさのり)といいます。1975年に愛知県で生まれて、高校を卒業するまで愛知に住んでいました。当時は自転車のことを方言で「

          親子げんかをして絶縁状態になった父が認知症に。介護と看取りを経て、今僕が思うこと|tayorini by LIFULL介護
        • 「悪い葬儀屋にダマされないコツは、葬儀のコスト構造を理解すること」葬儀屋さんによる時系列に沿ったリアルな費用の解説がわかりやすい

          佐藤信顕@葬儀葬式ch 日本一の葬祭系Youtuberです+減税会 @satonobuaki 創業89年の佐藤葬祭代表、葬儀葬式ch運営Youtuberです。1級葬祭ディレクター。オトナンサー連載中(ヤフーニュース掲載)。二見書房「遺体と火葬の本当の話」増刷御礼。取材、執筆依頼、撮影協力などは御気軽にご連絡下さい。 メールは info@sato1976.com 電話0334680949 youtube.com/channel/UCuLJb…

            「悪い葬儀屋にダマされないコツは、葬儀のコスト構造を理解すること」葬儀屋さんによる時系列に沿ったリアルな費用の解説がわかりやすい
          • すぐ消えてしまう要素をDevToolsで確認するTips集

            はじめに こんばんは! 皆さんは以下のようなすぐ消えてしまう要素をDevToolsで確認したいときはどうしますか? 常に表示されるようにわざわざコードを修正してから、DevToolsで要素を確認したりしていませんか?DevToolsをうまく使うことで、わざわざコードの修正をせずとも簡単に要素の確認をできるのでそのちょっとしたTipsのご紹介です! ① CSSイベントでの確認方法 まずはCSSイベントで要素の表示制御を行っているパターンでの確認方法です。以下のようにCSSイベントのhoverで表示制御をしている要素を例にDevToolsで確認する方法を見ていきましょう! import "./style.css"; export const Index = () => { return ( <div> <button className="myButton">Button</button> <

              すぐ消えてしまう要素をDevToolsで確認するTips集
            • プログラマじゃない人でもAI対話用にJSONを学ぶのが最高効率という提案

              この文章はプログラマじゃない人向けに JSON を知ってもらうメリット、とくにAIとの効率的な対話方法を説明し、そしてあわよくばプログラマとも JSON の水準で会話してもらえたら嬉しい…というものです。 あなたは誰 UI を作るのが専門のエンジニアです。 エンジニア以外が使うノーコードのエディタを作ったりしてました プログラマじゃない人が JSON を知る利点 プログラマとして、プログラマじゃない人向けのノーコードなどを作っていたんですが、わかったことがあります。それは、「抽象的なロジックを記述するには訓練が必要だが、眼の前のデータとUIに対応したものは簡単に変更・記述できる」ということです。 自分の考える、もっとも成功したノーコードエディタこと Google Form JSON はよく知られているデータを記述する方法の一つです。特定の言語などとは関係ありません。 で、今現在 JSON

                プログラマじゃない人でもAI対話用にJSONを学ぶのが最高効率という提案
              • 「Rails vs Node.js」を観た|laiso

                このYouTubeライブはフロントエンドの最適化を専門にするmizchiさんがCloudflare Meet-up Tokyoで行った同タイトルのプレゼンを、RustやRDBの実装に詳しいkoba789さんを話し相手に語っていくというものだ。背景としては2人ともチーム開発の現場でのRailsが活発に利用されていた時期にウェブ開発を経験し、現在はNode.jsのサーバーサイドも実践している。 ライブは3時間半という長時間におよび、スライド外の周辺情報や持論や余談など多岐に渡るので、すでにこのプレゼンに触れた人でもさらに深掘りできるようなコンテンツになっている。 全体を大まかに1時間ごとの3パートに区切って視聴するとわかりやすい。前半はRailsからNext.jsに辿り着くまでのウェブ開発の変遷。ORMの話は主に後半戦で。最後の1時間はアフタートークになっている。 内容としてはRailsアプリ

                  「Rails vs Node.js」を観た|laiso
                • ChatGPT (o1-preview) にテストを渡してコードを実装させるとどうなるか試した

                  はじめに 前にも別のモデルでやってる ただ o1-preview は、やり取りを重ねるよりも一発で終わらせるほうがいいらしいので、最終的なテスト全体を渡すようにした。 情報の提示方法が異なると当然結果も変わるので、 gpt-4o でも同様なことを試した。 材料 プロンプトは以下。 基本的に最初にやったときと同じ。ペアプロではないのでその部分の調整をしている - 私がテストコードを提示するのでそのテストケースをパスする最小限の実装をしてください - Vue.js のバージョン 3 と Typescript で実装を行ってください - コードのみを示してくださいコードの解説などは必要ありません - スタイリングは必要ありません - テストケースに失敗したらその内容をチャットで送信するので最小限のコードの修正をしてください - テストのコードには vitest を利用しています jest と互換

                    ChatGPT (o1-preview) にテストを渡してコードを実装させるとどうなるか試した
                  • AIにフルスタックアプリの生成を指示、Webブラウザ上のNode.js環境でそのまま実行できる「bolt.new」、StackBlitzが公開

                    AIにフルスタックアプリの生成を指示、Webブラウザ上のNode.js環境でそのまま実行できる「bolt.new」、StackBlitzが公開 WebAssemblyを用いてWebブラウザ上でNode.js環境を実現する「WebContainer」などを提供するStackBlitzは、Webブラウザ上でAIにフルスタックアプリの生成を指示し、そのままWebブラウザ上のNode.js環境で実行やデバッグなどを行える新サービス「bolt.new」を公開しました。 bolt.newはGitHubでサインオンすることにより誰でも無料で試すことができます。 bolt.newの大きな特徴は3つあります。 1つ目は、AIがフルスタックアプリケーションの生成を、必要なパッケージやライブラリの導入からコードの生成、ビルドまで含めて最初から最後まで実行してくれる点。 2つ目は、AIが生成したフルスタックアプリ

                      AIにフルスタックアプリの生成を指示、Webブラウザ上のNode.js環境でそのまま実行できる「bolt.new」、StackBlitzが公開
                    • Rails vs Node.js

                      Previous slideNext slideToggle fullscreenOpen presenter view Rails vs Node.js 最終章 「Prisma」 @mizchi Cloudflare Meetup 2024/10/02 今日の Prisma + Cloudflare の様子 About https://x.com/mizchi Node.js とフロントエンドの専門家 100万円*達成率で御社のフロントエンドの高速化をやります 前書き フロントエンド/Node.js 視点のポジショントークです Railsに対するチャレンジャーとして Node.js を使ってきた話 Rubyの開発者やRubyのユーザーを否定する意図はありませんが、好き嫌いは否定しません。型が好きです 「Rails」は 2010年前後に流行っていた任意なWAFに置き換え可能 Symfony

                      • Computer Scienceの学位がなくてできる仕事・求められる仕事|string name; cin >> name;

                        現在、Computer Scienceの技術分野と前提知識をまとめた記事の学士版を書いてますが、割込みで前回の補足記事です。前回、IT業界マップとして知識と記憶を中心に書かせて頂きましたが、日本で主流なSI業界とWeb業界以外があまり見えてないから漏れ多そうと思ってたところ、Courseraに良い記事があったので、それを基に、その日本語版、として書かせて頂きます。前回書いたのは下記の記事です。 今回の元ネタの記事 今回の記事は前回の補足と下記の記事+αです。CSや近い専攻の方で元記事を英語で読める人はそっちを読んでここはそっと閉じて頂いても構いません。自分の利益になる方法で自分の出す情報は使ってください。 正直、インフルエンサーの発言に違和感がすごく多くて、記事を書いている中で少しずつ、この違和感の原因が見えてきました。まず、すごく思ってるのはWeb開発ってそんなに難しい仕事か?ということ

                          Computer Scienceの学位がなくてできる仕事・求められる仕事|string name; cin >> name;
                        • 無料でセルフホストも可能なオープンソースの地図「OpenFreeMap」

                          自身のウェブサイトやアプリケーションにカスタムマップを表示したい場合、サイトへの登録やユーザーデータベースの作成、使用料の支払いなど面倒な手順を踏む必要がある場合もあります。しかし、ソフトウェアエンジニアのZsolt Ero氏が提供する「OpenFreeMap」は、無料でカスタムマップを表示できるほか、セルフホストすることも可能です。 OpenFreeMap https://openfreemap.org/ 実際に表示されるマップの例が以下。白黒でシンプルに表示されるマップが「Positron」です。 「Bright」ではカラーでマップが表示されるほか、ビルなどの名称が表示されます。 「3D」はマップを鳥瞰(ちょうかん)で見ることが可能で、ビルなどが立体的に表現されているのが特徴です。右クリックでマップを回転・角度を変化させることも可能です。 もう一つのスタイル「Liberty」は「Bri

                            無料でセルフホストも可能なオープンソースの地図「OpenFreeMap」
                          • 輪島市長「孤立集落に物資が一切入ってない」 県の会議で発言:朝日新聞デジタル

                            輪島市の坂口茂市長は22日夕、県の災害対策本部員会議にオンラインで参加し、「今日、孤立集落にヘリと陸送で入ると言った物資が一切入っていないし、情報もない。どうなってるのか。期待している方もいる。急い…

                              輪島市長「孤立集落に物資が一切入ってない」 県の会議で発言:朝日新聞デジタル
                            • プログラマ vs AI 生存競争

                              Previous slideNext slideToggle fullscreenOpen presenter view プログラマ vs AI 生存競争 mizchi NextBeat 第一回プログラミング教育について語る会 About https://x.com/mizchi Node.js とフロントエンドの専門家 100万*達成率で御社のフロントエンドの高速化をやります 話したいこと 今一度、共同作業者・競争相手としてAIを見直す 「俺達はAIに勝てるのか?」 2024/09 (chatgpt o1-preview) の世界観 AI ≒ LLM 背景 機械学習はにわか。主にユーザー目線 前職: 非エンジニア向けコード生成パイプラインのR&D 大学の研究室で教育工学を少し(暗黙知記述、オントロジー) もう一度向き合う プログラマ vs AI プログラマ vs AI 建前 「AI は人

                              • Electron代替を目指す「Tauri 2.0」正式版に到達。デスクトップアプリとモバイルアプリ開発の両方に対応

                                Electron代替を目指す「Tauri 2.0」正式版に到達。デスクトップアプリとモバイルアプリ開発の両方に対応 Electronの代替を目指すRust製の軽量なアプリケーションフレームワーク「Tauri」の開発チームは、「Tauri 2.0」正式版の公開を発表しました。 Tauri 2.0 Stable. Out now. Read more:https://t.co/wbxWxFpUCj — Tauri (@TauriApps) October 2, 2024 Web技術を用いてアプリケーションを開発できるフレームワークとしては、Elecronが代表的な存在です。 ElectronはChromiumとNode.jsを用いている一方、Tauriは実行環境のOSが備えるWebViewを用い、Rustでバックエンドを記述することで、ChromiumもNode.jsも組み込むことなく軽量なフ

                                  Electron代替を目指す「Tauri 2.0」正式版に到達。デスクトップアプリとモバイルアプリ開発の両方に対応
                                • 税務署から相続税についてのお尋ねが届いた時の対応方法とポイント|相続大辞典|【相続税】専門の税理士60名以上|税理士法人チェスター

                                  ご家族が亡くなって数か月後に、税務署から「相続税についてのお尋ね」という文書が届く場合があります。 この税務署からの文書は、いったいどのようなものなのでしょうか? 返信の義務はあるのでしょうか? この記事では、「相続税についてのお尋ね」が届いても慌てないために必要な情報をご紹介します。 1.相続税についてのお尋ねは誰にいつ送られてくる?その基準とは?「相続税についてのお尋ね」は、亡くなった人の遺産を相続する相続人に対して送られます。 ご家族が亡くなって相続が発生してから6~8か月が経過した頃に送られてくる場合もあれば、相続が発生してから数年が経過した後に送られてくる場合もあります。 この章では、「相続税についてのお尋ね」が送られてくる時期に応じた対処法と、お尋ねが送られる基準をご紹介します。 1-1.相続発生後6~8か月経過後のお尋ねの場合相続が発生してから6~8か月後に「相続税についての

                                    税務署から相続税についてのお尋ねが届いた時の対応方法とポイント|相続大辞典|【相続税】専門の税理士60名以上|税理士法人チェスター
                                  • Kamal 2 を使い、インフラに詳しくない人でもNext.jsを296円のVPSにデプロイできるよう、説明してみる

                                    9月26, 27日に開催され、めちゃくちゃ盛り上がったRails World 2024でKamal 2が発表されました。Kamal 2はRuby on Railsを作った37signals社が、自社の人気サービスをデプロイするのに使用しているツールです。 37signals社はAWS等のクラウドに年間で$3,201,564を使った(2022年: 日本円で4.5億円ほど)らしく、一方でAWSを使ってもインフラ系人員の削減もほとんどできなかったので、全然割に合わないからもうクラウドはやめて自分たちのサーバを使うと宣言しています。Kamal 2はそのために作られた、本格的なデプロイツールです。 (ちなみに自分たちのサーバを使うと言ってもオンプレミスでサーバを運用するというのではなく、さくらの専用サーバに近いイメージです) Dockerベース Docker化されたアプリなら何にでも対応 (Rail

                                      Kamal 2 を使い、インフラに詳しくない人でもNext.jsを296円のVPSにデプロイできるよう、説明してみる
                                    • DHH氏がRails 8の新機能を解説。Redisなど不要になり、SQLite対応でよりシンプルな構成に。Rails World 2024

                                      DHH氏がRails 8の新機能を解説。Redisなど不要になり、SQLite対応でよりシンプルな構成に。Rails World 2024 9月26日と27日の2日間、カナダのトロントで開催されたRails World 2024の基調講演で、Ruby on Rails(以下Rails)の作者であるDHH(David Heinemeier Hansson)氏が「Rails 8」の主な新機能を紹介しました。 The #RailsWorld 2024 Opening Keynote with @dhh is now online. Rails 8 beta shipped with Authentication, Propshaft, Solid Cache, Solid Queue, Solid Cable, Kamal 2.0, and Thruster. #NoPaaS needed in

                                        DHH氏がRails 8の新機能を解説。Redisなど不要になり、SQLite対応でよりシンプルな構成に。Rails World 2024
                                      • 土地家屋調査士は昔の人の尻拭いをしている 〜庚申待・第二夜〜

                                        江戸時代に流行した徹夜イベント「庚申待」をやってみるという記事の二話目です。土地家屋調査士の仕事は昔と今をすり合わせるという話と、仙川という街の話。 庚申待というイベントをやってみている 庚申待(こうしんまち)は、60日に一度ある庚申の日にみんなで徹夜をするという江戸時代に流行したイベントだ。 それが楽しそうだということで、みんなでJOYSOUNDのVIPルームを借りて、庚申待と称して一人ずつ話をしようということになったというのが前回の記事だ。 平安時代から続く徹夜イベント「庚申待」をやってみた ここまでの話の内容はこんなふうだった。 ・庚申待ちってそもそも何? ・民俗学者によるお酒の話 ・珍しい庚申塔コレクション 今回は、土地家屋調査士の話、そして東京にある仙川という街の話だ。会場は引き続きJOYSOUND 品川港南口店のVIPルームである。 小金井さんによる土地家屋調査士の話 左が小金

                                          土地家屋調査士は昔の人の尻拭いをしている 〜庚申待・第二夜〜
                                        • FlyonUI - Free Tailwind CSS Components Library

                                          Tailwind CSS Components LibraryFlyonUI is an open-source Tailwind CSS Components Library with semantic classes and powerful JS plugins.

                                            FlyonUI - Free Tailwind CSS Components Library
                                          • Cloudflare PagesにそれなりにちゃんとBasic認証をかける | おそらくはそれさえも平凡な日々

                                            前回の、社内プライベートポッドキャスト実現方法で、ポッドキャストサイトを静的配信しつつBasic認証をかけるというアイデアを書いた。しかし、Basic認証などなかなか使わなくなり、ネイティブでサポートしている静的ホスティングサービスも少ない。今回はCloudflare PagesのFunctions機能でリクエストをラップするミドルウェアを書けば実現できることが分かり、その方式を採用することにした。多少実装必要になるのと、認証周りを自前で書くのはあまりやりたくはないが、廉価に比較的省力で実現できるので受け入れる。 ネット上にいくつかサンプルは見つかるが、今回実装するにあたっては以下の点を留意した。 コード内に認証情報を載せない 複数ユーザーのIDとパスワードを管理できるようにする パスワードは定数時間比較してタイミング攻撃を防ぐ これらを以下のように解決することとした。 認証情報は環境変数

                                              Cloudflare PagesにそれなりにちゃんとBasic認証をかける | おそらくはそれさえも平凡な日々
                                            • 社内システムのセキュリティ向上のため、Lambda + CloudFront + S3でインフラ基盤を再構築した話 - Uzabase for Engineers

                                              はじめに ソーシャル経済メディア「NewsPicks」SREチーム・新卒エンジニアの樋渡です。今回は、AWSサービスである「Lambda」「CloudFront」「S3」を用いて、弊社で使用している社内向けシステムの基盤を再構築し、開発者体験の向上やセキュリティ対策を行なったお話です。 お話の内容 弊社で使用している社内向けシステムの一つに「Watson」というシステムがあります。「Watson」とは簡単にいうと「NewsPicks」のユーザーIDをもとにユーザーごとの情報を検索・閲覧できるシステムで、お客様からの問い合わせ対応等に活用される重要なシステムです。「Watson」は構築されたのが8年前と歴史が古く、歴史が古い故に数々の問題を抱えていました。今回のお話では、歴史の古い社内システムのインフラとバックエンドを更改し抱えていた問題を解決したぜ!というお話となっています。 抱えていた課

                                                社内システムのセキュリティ向上のため、Lambda + CloudFront + S3でインフラ基盤を再構築した話 - Uzabase for Engineers
                                              • オラクルよ、 JavaScriptの商標を手放すときだ。Denoのライアン・ダール氏がオラクルに公開書簡

                                                主要なJavaScriptランタイムであるNode.jsの作者であり、現在もDenoの開発を進めているライアン・ダール氏は、JavaScriptの商標を所有しているオラクルに対して商標を手放すように要請する公開書簡「Oracle, it’s time to free JavaScript.」を公開しました。 オラクルへの要請は今回で2回目 同氏がオラクルにJavaScriptの商標を手放すように要請する試みは2回目です。1回目は2022年9月に行われています。 参考:Denoのライアン・ダール氏「親愛なるオラクル殿、どうかJavaScriptの商標を手放して」と呼びかけ JavaScriptはNetscapeがWebブラウザ用に開発したプログラミング言語であることはよく知られていますが、その名称はサン・マイクロシステムズが登録商標として所有し、同社がオラクルに買収されたことで現在はオラクル

                                                  オラクルよ、 JavaScriptの商標を手放すときだ。Denoのライアン・ダール氏がオラクルに公開書簡
                                                • 言語環境の管理は *env や *vm を超えて、 mise へ

                                                  mise はミーズと読みます。 mise とは *env や *vm が担っていた言語環境(コンパイラ・インタプリタ)のバージョンを管理するツールです。 rbenv や nvm のように単一言語に対するサポートではなく、標準で Go、 Node.js、 Python などの複数の言語に対応しています。 類似のソフトウェアに asdf が存在しますが、 mise はその精神的後継となっています。asdf が shell で書かれていたのに対し、 mise は rust で実装されており、起動速度も asdf と比べて格段に早くなっています。 mise は The front-end to your dev env. と自称しており、上記の言語環境のみならず、アウトオブボックスで使用できる複数の開発向けの機能を提供しているので、本稿で紹介します。 言語環境の用意 mise が提供する言語環境は

                                                    言語環境の管理は *env や *vm を超えて、 mise へ
                                                  • 万博の会場建設、追加費用52億~62億円計上へ 理事会で決定方針:朝日新聞デジタル

                                                    ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">

                                                      万博の会場建設、追加費用52億~62億円計上へ 理事会で決定方針:朝日新聞デジタル
                                                    • 【フルスタックエンジニアへの道!】ReactとTypeScriptの修行をした話 - Findy Tech Blog

                                                      こんにちは、ファインディでFindy Team+(以下Team+)を開発しているEND(@aiandrox)です。 普段はバックエンドの開発をメインで担当しているのですが、3ヶ月間フロントエンドの開発に挑戦する機会がありました。短い期間でしたが、フロントエンドテックリードから直接指導してもらいながら実装をすることで、フロントエンドの開発を一人でできるくらいに慣れることができました。 今回は、その経験と学びについて書いていきます。 フロントエンドに挑戦する前の自分について フロントエンドに挑戦することになった経緯 フロントエンドを学ぶ上で助けられたこと フロントエンドのノウハウが溜まった記事の充実 開発ツールが揃っている テックリードとマンツーマンでタスクをやっていく react.devの輪読会 つまづいた点 タスク粒度を適切に分割すること Team+のフロントエンドの責務の考え方 Type

                                                        【フルスタックエンジニアへの道!】ReactとTypeScriptの修行をした話 - Findy Tech Blog
                                                      • Next.js(App router)における開発しやすいディレクトリ構成の例 - TechDoctor開発者Blog

                                                        初めまして、テックドクターでフロントエンド開発を担当している大瀧です。 ディレクトリ構成はコードの可読性やスケーラビリティに関わる重要な要素であると思っています。 しかし、フロントエンドのディレクトリ構成はベストプラクティスが確立されておらず、わりと悩むポイントです。 そこで今回は、Next.jsのApp routerにおいて、弊社で採用しているディレクトリ構成を共有します。この記事がディレクトリ構成に悩む開発者の助けになれば幸いです。 ディレクトリ構成の自由度が高すぎる問題 さきほど「フロントエンドのディレクトリ構成はベストプラクティスが確立されていない」と書きましたが、特にApp routerのディレクトリ構成については、公式ドキュメントで以下のように記載されています。 There is no "right" or "wrong" way when it comes to organi

                                                          Next.js(App router)における開発しやすいディレクトリ構成の例 - TechDoctor開発者Blog
                                                        • Next.js のページ遷移を全力で止める

                                                          LX Frontend Night: Unleash Next.js https://github.com/LayerXcom/next-navigation-guard

                                                            Next.js のページ遷移を全力で止める
                                                          • 「悪い葬儀屋にダマされないコツは、葬儀のコスト構造を理解すること」葬儀屋さんによる時系列に沿ったリアルな費用の解説がわかりやすい (2ページ目)

                                                            佐藤信顕@葬儀葬式ch 日本一の葬祭系Youtuberです+減税会 @satonobuaki ほかにも火葬待ち日数とかあると、その間に遺体の管理(ドライアイスなど)があれば日数に合わせて保管料、ドライアイス代がかかります。 佐藤信顕@葬儀葬式ch 日本一の葬祭系Youtuberです+減税会 @satonobuaki そうそう、うっかりしていました。大切な棺のコストを入れ忘れていました。中の布団や詰め物、キレイに見えるための綿、白装束を合わせて原価2万円ぐらいかかります。というわけで現在原価21万円。 佐藤信顕@葬儀葬式ch 日本一の葬祭系Youtuberです+減税会 @satonobuaki それに見えないバックヤードでのコスト、現金持たせたり帰ってきて清算したり、請求書つくったりが延べで2~3時間かかるので、そこも人件費のコストです。というわけで2万×0.5で一万円。現在コスト合計22万

                                                              「悪い葬儀屋にダマされないコツは、葬儀のコスト構造を理解すること」葬儀屋さんによる時系列に沿ったリアルな費用の解説がわかりやすい (2ページ目)
                                                            • 高市氏「(旧姓でも)不動産登記できます」 発言は「不正確」:朝日新聞デジタル

                                                              ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">

                                                                高市氏「(旧姓でも)不動産登記できます」 発言は「不正確」:朝日新聞デジタル
                                                              • アキバ総研アーカイブ

                                                                アキバ総研( https://akiba-souken.com/ ) の記事一覧をアーカイブしたページです。このサイト内にアキバ総研の記事本文はありません。 アキバ総研は2024/08/01にサービス終了のアナウンスが行われ、2024/08/31に記事の更新が停止しました。 このアーカイブは2024/08/31~2024/09/30 の間に取得していますが、特定の瞬間のスナップショットではないので、データの不整合がある可能性があります。 アキバ総研は記事ページ内にドメインがakiba-souken.com でない場合にトップページにリダイレクトされるjavascriptが仕込まれていますので、InternetArchiveから閲覧する時はdevtool等でjsをオフにする必要があります。 このページはGithubActions&GithubPagesでデプロイされています。生データが欲しい

                                                                • 3万3000点もの音源を収録、100年の歴史を持つ英BBCの効果音ライブラリが無料公開中【やじうまWatch】

                                                                    3万3000点もの音源を収録、100年の歴史を持つ英BBCの効果音ライブラリが無料公開中【やじうまWatch】
                                                                  • Announcing VoidZero - Next Generation Toolchain for JavaScript | VoidZero

                                                                    October 1, 2024Announcing VoidZero - Next Generation Toolchain for JavaScript TL;DR: I have founded VoidZero Inc., a company dedicated to building an open-source, high-performance, and unified development toolchain for the JavaScript ecosystem. We have raised $4.6 million in seed funding, led by Accel. Fifteen years ago, when I started building apps with JavaScript, it was mostly a browser-based s

                                                                      Announcing VoidZero - Next Generation Toolchain for JavaScript | VoidZero
                                                                    • SREチーム発足と今期の取り組みについて - Findy Tech Blog

                                                                      はじめに 皆様、はじめまして。Findyでプロダクト開発部/SREとしてジョインしました安達(@adachin0817)と申します。今年の6月に入社し、ちょうど3ヶ月が経ちました。本日は、SREチームの立ち上げに関する0から1のプロセスと、今期の取り組みについてご紹介させていただきたいと思います。 SREチーム発足 2023年までは、バックエンドチームがインフラを担当していました。しかし、サービスの拡大に伴い、バックエンドチームのリソースが不足し、SRE的な改善が十分に行えない状況が続いていました。そこで、昨年からSREの大矢とチームリーダーの下司(@gessy0129)がジョインし、現在は3名体制で活動しております。 SREチームの位置づけとミッション SREチームは横断的なSRE活動をしており、これを「横断SRE」と指しています。一方で、各プロダクトにおいてSRE的な役割を担っていたメ

                                                                        SREチーム発足と今期の取り組みについて - Findy Tech Blog
                                                                      • AI-powered chat conversations with GitHub Copilot

                                                                        Version 1.93 is now available! Read about the new features and fixes from August. Using Copilot Chat in VS Code The GitHub Copilot Chat extension gives you a chat interface that lets you interact with GitHub Copilot and receive answers to coding-related questions directly within VS Code, without requiring you to navigate documentation or search online forums. Copilot Chat might use syntax highligh

                                                                          AI-powered chat conversations with GitHub Copilot
                                                                        • 【初学者向け】CSR / SSR / SSG / ISRとは?架空アプリでレンダリング手法の違いを理解しよう! - RAKUS Developers Blog | ラクス エンジニアブログ

                                                                          初めまして!新卒1年目のmochi_proteinと申します。 CSR / SSR / SSG / ISRがどのような概念か、 架空アプリを例として、それぞれの違いを初学者向けにやさしく解説していきます! 🔖目次は以下の通りです🔖 はじめに 架空アプリ「楽楽鮮魚」の仕様 前提知識 レンダリングとは? 動的にHTMLを生成するとは? CSR(クライアントサイドレンダリング)とは? 概要 「楽楽鮮魚」が CSR を採用したら? 初期画面(在庫一覧画面)表示までの流れ 詳細画面への遷移時の流れ CSRのメリット CSRのデメリット どのようなサービスに向いているか SSR(サーバーサイドレンダリング)とは? 概要 「楽楽鮮魚」が SSR を採用したら? 初期画面(在庫一覧画面)表示までの流れ 詳細画面への遷移時の流れ SSRのメリット SSRのデメリット どのようなサービスに向いているか S

                                                                            【初学者向け】CSR / SSR / SSG / ISRとは?架空アプリでレンダリング手法の違いを理解しよう! - RAKUS Developers Blog | ラクス エンジニアブログ
                                                                          • Storybook と Vitest の統合したコンポーネントテスト

                                                                            Note Storybook Vitest Plugin は 2024 年 10 月 5 日現在実験的な機能として提供されており、API が将来にわたって変更される可能性があります。 Storybook v8.3 より、ストーリーをテストするためのテストランナーとして Vitest を使用できるようになりました。今までも composeStories 関数で作成済みのストーリーを使いまわし、Jest などのテストランナーを用いてたテストを行うことができましたが、複雑なセットアップが必要でした。 また Vitest では ブラウザモード により、ヘッドレスブラウザ上で Storybook のテストを高速に実行できる点が特徴です。ヘッドレスブラウザ上でテストを実行することにより、例えば jsdom や happy-dom などのシミュレーションを使用する方法と比べて、実際のブラウザでの挙動をよ

                                                                              Storybook と Vitest の統合したコンポーネントテスト
                                                                            • Llama 3.2 の使い方|npaka

                                                                              以下の記事が面白かったので、簡単にまとめました。 ・Llama can now see and run on your device - welcome Llama 3.2 1. Llama 3.2 Vision 11B・90B1-1. Llama 3.2 Vision 11B・90B「Llama 3.2 Vision 11B・90B」は、Metaがリリースした最も強力なオープンマルチモーダルモデルです。画像+テキストのプロンプトでは英語のみ、テキストのみのプロンプトでは英語、ドイツ語、フランス語、イタリア語、ポルトガル語、ヒンディー語、スペイン語、タイ語をサポートしています。 コンテキスト長は128kトークンで、画像を含む可能性のある複数ターンの会話が可能です。ただし、モデルは単一の画像に注目する場合に最適に機能するため、transformers実装では入力で提供された最後の画像のみに注

                                                                                Llama 3.2 の使い方|npaka
                                                                              • 2024年9月 俺の eslint.config.js

                                                                                はじめに 「Flat Config が何かはわかったからサンプルをくれ!」という方向けの記事です。 筆者が普段使用している eslint.config.js をご紹介します。 Flat Config については良記事がたくさんあるため ↓ などを参照してください。 今回ご紹介する設定は、React × TypeScript を使用し、フォーマットは Prettier に任せる前提になっています。 しかし、Vue やサーバー Node.js でも使いまわせる箇所は多いと思います。 eslint.config.js まずは結論から。 // @ts-check import { fixupConfigRules } from '@eslint/compat'; import { FlatCompat } from '@eslint/eslintrc'; import eslint from '@

                                                                                  2024年9月 俺の eslint.config.js
                                                                                • プログラミング練習用のタイピングゲームを作った話。エンジニアなら4000点を超えたい! - Qiita

                                                                                  はじめに 少しキャッチーなタイトルにしました。すみません。 あくまで、お遊び程度として是非タイピングゲームを楽しんで頂ければと思います。 以下のプログラミング練習用のタイピングゲームを作成しました。 結構面白いです。ハマります。是非、一度プレイしてみて下さい。 4000 点を超えると、結構凄いです。 目指すべきスコア こちらのプログラミング練習用のタイピングゲームで、目標にすべきスコアを簡単にまとめました。社内で色々遊んでみて、大体こんな感じかなー、という感じで適当に書いてます。 8000 点以上 まだ誰も到達したことが無い未踏の地。自分はたどり着ける気がしません。 7000 点以上 かなりタイピングが速い人。寿司打で 20000 点以上は軽く出せる人が到達できるスコアです。 6000 点以上 寿司打で 20000 点を稀に超える人が到達できるスコア。 5000 点以上 タイピングのかなり

                                                                                    プログラミング練習用のタイピングゲームを作った話。エンジニアなら4000点を超えたい! - Qiita