並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 4426件

新着順 人気順

*JavaScriptの検索結果121 - 160 件 / 4426件

  • Google、ORMが生成するSQLが遅いときの調査を容易にする「sqlcommenter」をオープンソースで公開。Rails、Spring、Djangoなど主要なフレームワークに対応

    Google、ORMが生成するSQLが遅いときの調査を容易にする「sqlcommenter」をオープンソースで公開。Rails、Spring、Djangoなど主要なフレームワークに対応 SQL文を直接書かなくとも、自動的にSQL文を生成、実行してくれるORM(Object-Relational Mapper)は、プログラミングを容易にしてくれる技術としてRailsやHibernate、Springなどさまざまなフレームワークなどで活用されています。 一方で、ORMが生成するSQL文はときに複雑に、あるいは非効率なものとなり、データベース処理の遅さにつながることもあります。 このとき、SQL文の生成と実行を明示的にコードとして記述する必要がないというORMの特徴が、なぜデータベース処理が遅くなったのか、どのようなSQL文が生成され、そのどこに原因があるのか、といった調査を難しくている面があり

      Google、ORMが生成するSQLが遅いときの調査を容易にする「sqlcommenter」をオープンソースで公開。Rails、Spring、Djangoなど主要なフレームワークに対応
    • コナミが対サイゲームスの訴訟で使用した(と思われる)特許の分析(栗原潔) - エキスパート - Yahoo!ニュース

      「人気ゲーム”ウマ娘”の特許権巡り、コナミがサイゲームス提訴…損害賠償40億円求める」というインパクトのあるニュースが舞い込んできました。「コナミ側は、人気ゲーム”ウマ娘 プリティーダービー”の特許権を巡り、サイゲームスに40億円の損害賠償や提供の差し止めを求めている。サイゲームスによると、ゲームシステムとプログラムの一部について、コナミ側と特許権に関する協議を続けてきたが、折り合わなかった」とのことです。 ゲーム業界における特許権侵害訴訟といえば任天堂対コロプラの訴訟(和解金推定33億円で和解)に続く大型事案です。訴えられた側のサイゲームスはプレスリリースを出していますが、現時点では、コナミ側からは公式なリリースは出ていません。いずれにせよ、この訴訟に使用された特許の番号については明らかになっていません。単なる当事者どうしの契約の争いとは異なり、特許権の効力はあらゆる人に及びますので、特

        コナミが対サイゲームスの訴訟で使用した(と思われる)特許の分析(栗原潔) - エキスパート - Yahoo!ニュース
      • Micro Frontends Architecture Patterns

        本書は、Micro Frontends Architecture Patternsというタイトルを付けていますが、モノリスからJAMstack、Micro Frontendsまで、Webフロントエンドを包括した様々なアーキテクチャパターンの詳細を体系的に紹介しています。 ソフトウェアとしてのアーキテクチャ全体を俯瞰し、他のシステムとのやりとりを設計するような考え方が役に立つことは多いです。フロントエンド観点で、様々なアーキテクチャパターンをまとめることで、Web開発の助けになればと考えています。 また、アーキテクチャの歴史と変遷を知ることで「Micro Frontends」への理解を深めることができると筆者は考えました。Micro FrontendsはThoughtWorksのTechnology RadarではすでにADOPTとなり、海外で多くの事例が存在します。Micro Fronte

          Micro Frontends Architecture Patterns
        • 10 年前に JavaScript で Flash Player を開発し買収された話

          この記事は、JavaScript で Flash Player の実現を頑張った(もしくは現在進行系で頑張っている)人たちの集う Flash Advent Calendar 2020 に参加しております。 私は過去に自分が設立した会社で ExGame という HTML5 実装の Flash Player(正確には Flash Runtime Engine)を開発し、その会社ごと DeNA に買収(M&A)されました。あまり出来ない体験であるのは間違いないので、Flash が終了を迎える今、改めて振り返ってみようと思います。 Flash Player の開発 今から 10 年前の 2010 年、ちょうど iPhone が普及し始めてきてガラケーのシェアが 8 割から 6 割くらいに落ちようとしていた時期に、私は Flash Player を JavaScript で実装していました。以前この

          • 【個人開発】爆速な賃貸物件の検索サービスを作った - Qiita

            個人開発で 賃貸物件の検索サービス Comfy を作りました1。グラフや地図でサクサク絞り込める UI が特徴のサービスです。とにかく気持ち良い使い勝手を実現するために色々工夫しています。 既にリリースからは 4 ヶ月以上経っているのですが、改めてサービスの概要や、システム構成及び使用した技術・サービスをご紹介しようと思います。2。 サービスの概要 Comfy は日本全国の賃貸物件を検索できる Web サービス です。画面 UI は上の GIF 画像のような感じです。 こだわったポイントを色々書くよりも実際にさわって頂いた方が新感覚の UI や気持ちよさを体感頂けるかと思いますので、 実際のサービス をぜひお試し頂ければ幸いです! システム構成 図の通り、システムは大きく 3 つに分けられます。 フロントエンド バックエンド データ基盤 使用技術は図の通りではあるのですが、フロントエンドと

              【個人開発】爆速な賃貸物件の検索サービスを作った - Qiita
            • 特別インタビュー ザブングルさん

              謹慎中のザブングル。 ボランティア活動を通じて考える介護 現在、謹慎中のザブングルのお二人。現在は、熊本県の介護施設で介護ボランティアの活動に勤しんでいます。インタビューの経緯は、ボランティア活動の発表を拝見し、7月10日に取材を申し込んだことからスタートします。しかしながら、所属事務所ワタナベエンターテインメント側の意向として、「ボランティア活動は対外的に広報するべきではないと考えております。メディア取材は今までたくさんお問い合わせ頂いておりますが、すべてお断りさせて頂いていた」とのこと。このインタビューも同様に一度は「お断りさせて頂きます」とのお返事。ですが、介護業界からの注目度を繰り返しお話しさせて頂き、今回、介護をテーマに発信する「カイゴメディア」ならと、インタビューが実現しました。ボランティア活動を通して、介護に関する情報が世の中に少しでも広がってほしい、との思いを強くしたお二人

                特別インタビュー ザブングルさん
              • 満足して使っている有料サービスの一覧

                こちらにリクエストがあったので整理も兼ねてまとめておく。 (技術関連以外のサービスも含めたかったのでスクラップに書くことにした) TablePlus SQLクライアント MySQL、PostgreSQ、Redis、MongoDBなどに対応 UIが良い。見やすい。操作しやすい。複数の接続先を管理しやすい ときどき「有料プランに入らない?」的なポップアップが出るので課金。これを書いてる時点ではマシン1台ごとに約$60の課金 快適なので課金してよかった

                  満足して使っている有料サービスの一覧
                • 安楽死が合法化されたら日本は姥捨て山になる

                  『安楽死が合法の国で起こっていること』という本をご存じだろうか。 安楽死が合法の国で起こっていること (ちくま新書) 筆者の児玉真美さんは障害者やその家族の立場に立って活動しているベテランの著述家だ。その著者が、安楽死の議論と実践が進んでいるオランダやカナダなどの現状を伝え、議論のたたき台としてまとめたのが本書、ということになる。 安楽死・尊厳死・自殺幇助といったまぎらわしい語彙を理解するにも向いているだろう。 いわゆる人権先進国で安楽死が急増している 人の生死を扱う書籍だけに、『安楽死が合法の国で起こっていること』にはドキドキする話題やセンシティブな議論が多い。なかでも強い印象を受けたのは、カナダやベルギーやオランダやスイスで安楽死が合法化され、しかも急速に広がっているという話題だった。 たとえばカナダでは2016年に安楽死が合法化されたが、少なくとも当初、その条件は慎重に設定されていた

                    安楽死が合法化されたら日本は姥捨て山になる
                  • AI歌声合成は、もう人の歌声と区別できないレベルに。東北イタコも追加されたNEUTRINOの新バージョン、0.400が無料でリリース|DTMステーション

                    今年に入り、AI歌声合成の動きが激しく、その進化のすごさ、クオリティーの高さには驚くばかりです。中でも注目すべきは今年2月に彗星のように登場し、フリーウェアとして公開されたNEUTRINO(ニュートリノ)です。これはSHACHI(@SHACHI_NEUTRINO)さんが開発するフリーのソフトであり、これまで東北きりたん、謡子、そしてJSUT(いずれも学術的に公開されている歌声データベースを利用して開発している)の3つの歌声ライブラリが同梱されてました。そこに9月18日、新たに東北イタコが追加されたのです(9月18日現在、公開されている0.400には東北きりたん、東北イタコのみが同梱。それ以外については後日公開される模様です)。 先日、「AIきりたんに次ぐ第2のAIシンガー、東北イタコの歌唱データベース制作プロジェクトのクラウドファンディングスタート」という記事でも紹介し、無事にクラウドファ

                      AI歌声合成は、もう人の歌声と区別できないレベルに。東北イタコも追加されたNEUTRINOの新バージョン、0.400が無料でリリース|DTMステーション
                    • テストの学習へようこそ!  |  web.dev

                      テストの学習へようこそ! コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このコースでは、ウェブ用のテストの概要と探索について説明します。 このコースで学習する内容は次のとおりです。 テストの基礎 自動テストと手動テスト テストを実施する場所と方法 ベスト プラクティス 何をテストすべきか、誰に責任があるのか、目的そのものとしてではなく、目的を達成するために手段をテストすることを検討する方法など、テストの理念。 このコースには、学習に役立つ簡潔で実用的なサンプルコードも含まれています。 コースのスコープには、Node.js などの環境で実行される、フロントエンドの JavaScript とドキュメント モデル、バックエンドでのライブラリ テストが含まれます。テストの経験はありませんが、JavaScript の基礎知識と Node.js などに関する経験が必

                        テストの学習へようこそ!  |  web.dev
                      • 変死体搬送費用、神奈川県警だけ遺族負担 有識者「おかしい」 | 毎日新聞

                        変死体を警察署などに搬送する際、全国で神奈川県警だけが公用車を使わず、遺族に費用負担させるケースがあることが、毎日新聞の調査で判明した。同県では慣例的に遺族が自ら葬儀会社に連絡し、数万~十数万円の搬送費用を負担している。警察業務に詳しい有識者は「変死体の搬送は県警の業務で、遺族が費用負担するのはおかしい」と指摘している。 神奈川県警は2021年10月、変死体の搬送を巡る贈収賄事件を摘発し、知人の妻らが経営する葬儀会社を遺族に勧めた見返りに現金を受け取ったなどとして、警部補(懲戒免職)らが逮捕された。神奈川県警では遺族に搬送業者を選ばせる慣習が一部で続いており、警察官が特定の業者を恣意(しい)的に紹介する例も多いとされる。公判では元警部補が、葬儀会社が県警の警察官に商品券を渡す慣習があるとした上で「県内の54署全てでやっていると思う」と癒着の実態を明かした。 変死体を発生現場から警察署や医療

                          変死体搬送費用、神奈川県警だけ遺族負担 有識者「おかしい」 | 毎日新聞
                        • 2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita

                          以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界では、急速な変化に追いつくために新しい概念と言語・フレームワークを学び続けることが必要です。 たとえばFacebookが4年前にオープンソース化したReactは、既に世界中のJavaScript開発者にとって第一の選択肢になっています。 もちろんVueとAngularにも多くのフォロアーがついています。 さらにはSvelte、Next

                            2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita
                          • Webエンジニアが勉強できるGit Repository 10選 - Qiita

                            2021/02/21 10選 => 12選に更新 2021/04/12 おまけを追加 2022/01/04 おまけにThe Modern JavaScript Tutorialを追加 こんにちは、WEBエンジニアのhedrallです。 もう一歩踏み込んでプログラミングに関して勉強をしようと思った時、 世の中には学習のためのレポジトリが存在していて、しかも世界的にはものすごい数のStarを獲得しているものも少なくないことを知りました。 今回はピックアップしてご紹介いたします。 [⭐️ 96.6k]: javascript-algorithms プログラミングで使用されるデータ構造や、一般的なアルゴリズムがまとめられており、全てjsで実装が例示されています。 [⭐️ 149k]: developer-roadmap webやinfraなど各分野のエンジニアになるために知っておくべき技術がロード

                              Webエンジニアが勉強できるGit Repository 10選 - Qiita
                            • プログラミングを学ぶにあたって詰まったことと、そこから学んだこと - mizchi's blog

                              toyokeizai.net satoru-takeuchi.hatenablog.com 全然レイヤーが違うが、自分が何に悩んで、どういう風に理解したか、思い出しながら書き出してみる。 プログラミング歴 20歳からなので、現時点で10年ぐらいだが、中学生の時ちょっと触ったことがあった。 14 歳: 病気で入院したときに暇すぎて、2 週間ほど VBA を触った 大学 1 年: 大学の選択科目で Java, 夏休みに Python と Ubuntu の独習 大学 3 年: Python で自然言語処理のバイト 大学 4 年: Android アプリを作るバイト、就活ポートフォリオとして node/Websocket で MMO 一社目: Unity, ActionScript, Haskell, JavaScript 以降~: JavaScript/CoffeeScript/TypeScri

                                プログラミングを学ぶにあたって詰まったことと、そこから学んだこと - mizchi's blog
                              • フロントエンドのコーディング課題6選-このフロントエンドの課題、実装できますか? - Qiita

                                こちらの記事は、Indrek Lasn 氏により2019年 10月に公開された『 Here Are 6 Front-End Challenges to Code 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek フロントエンドの開発はストレスが多く難しい作業ですが、練習すれば技術をマスターすることができます。 自ら進んで鍛錬と努力をすれば、フロントエンド開発の場面で問題を解決することのエキスパートとなることができるでしょう。 優れたフロントエンド開発者になるために効果的な方法の1つは、単純にできるだけ多くの課題に取り組み、解決することです。 フロントエンド開発の達人になるために、今日から解き始めることができる6つの課題を紹介します。 ではさっそく、実装すべき6つの課題はこちら。 1. ク

                                  フロントエンドのコーディング課題6選-このフロントエンドの課題、実装できますか? - Qiita
                                • 「Python」×「株価データ」で学ぶデータ分析のいろは

                                  日々変動する株価データを題材にPythonにおけるデータ分析のいろはを学んでいく本連載。最終回はローソク足とともにこれまでに計算したオシレーターなど一式を1つのグラフで表示する方法や過去の株価データを基にした株価予測の方法を解説します。

                                    「Python」×「株価データ」で学ぶデータ分析のいろは
                                  • 【React+TypeScript】Netflixのクローンを作るチュートリアル

                                    【注意!】 2024年4月末にこちらの本の内容を大幅リニューアルしました! https://note.com/terry10/n/nf0674af97617 ※こちらのZennのBookも5/7を目安にリニューアル内容を反映する予定です 多くの人に手に取って欲しいので、リニューアル後は期間限定で無料配布も検討しています。 こちらのツイートで無料配布について告知しています! ↓ https://x.com/teriteri_code/status/1783358352447414464 --- React+TypeScriptを使ったNetflixの映画一覧を表示するアプリケーションのチュートリアルです。 学べる事 - ReactのFunctionComponent(関数コンポーネント)とTypeScriptの使用 - React Hooksによるstate管理 - TypeScriptで外

                                      【React+TypeScript】Netflixのクローンを作るチュートリアル
                                    • 「正直9年経ったいまでもfor文ググってる」 - Qiita

                                      「正直9年経ったいまでもfor文ググってる」 という議論記事があった。正直なところ私もググる方の人だ。私の感想: ポンとテキストエディタだけ渡された時に書けるか自信ないぞ...IDEがあればまあ大丈夫かなあ。 JavaScriptだけじゃない。言語色々扱うしという言い訳。正規表現とか毎度調べる。 だから世の中にチートシートというものがあるのだ。お気に入りチートシート多数。 実戦でどうしているか?結局周りのソースを見て馴染む書き方にしていますよ多分。 暗記するかしないかは受験勉強みたいなもので、コーディング面接に受かるなら必要。暗記そのものには意味はないとは思う。 競技プログラミングが使えないとかいう論もあったな。 ググり力も大事。 でも「最低限」もできないのはやはり恥ずかしい気持ちはある。 なんかこれ英語できるできないと似てるな。英語なんてGoogle翻訳、DeepL翻訳あればいいけど、実

                                        「正直9年経ったいまでもfor文ググってる」 - Qiita
                                      • 初心者プログラマーのための変数/関数/メソッドの英語命名規則 - Qiita

                                        はじめに 「なんか、レビューのたびに変数名を指摘されてる気がする...」 「日本人なんだから、英語で命名とか無理...」 こんなお悩みありませんか? この記事では、「プログラマーが英語の命名で悩んだ時にどうすれば良いか」をフローチャート形式で解説します! これであなたも駆け出しエンジニアを卒業できるかも!? ※本記事はLaravel,Vue.jsのプロジェクトで運用されているルールを元に解説しています。 プロジェクト内だけの内輪ルールも含まれていますので、ご了承ください。 対象者 この記事は下記のような人を対象にしています。 駆け出しエンジニア プログラミング初学者 PHP(Laravel),JavaScript(Vue.js)で英語のネーミングに苦戦中 前提知識 下記のような中学・高校で学ぶ内容については理解していること前提で解説します。悪しからず。 三単現のsって何? 5文型(SV/S

                                          初心者プログラマーのための変数/関数/メソッドの英語命名規則 - Qiita
                                        • Python自然言語処理テクニック集【基礎編】

                                          自分がよく使用する日本語自然言語処理のテンプレをまとめたものです。 主に自分でコピペして使う用にまとめたものですが、みなさんのお役に立てれば幸いです。 環境はPython3系、Google Colaboratory(Ubuntu)で動作確認しています。 Pythonの標準機能とpipで容易にインストールできるライブラリに限定しています。 機械学習、ディープラーニングは出てきません!テキストデータの前処理が中心です。 前処理系 大文字小文字 日本語のテキストにも英語が出てくることはあるので。 s = "Youmou" print(s.upper()) # YOUMOU print(s.lower()) # youmou 全角半角 日本語だとこちらのほうが大事。 全角半角変換のライブラリはいくつかありますが、自分はjaconv派。 MIT Licenseで利用可能です。 import jaco

                                          • Webフロントエンドパフォーマンスチューニング80選 - Qiita

                                            こんにちは、ぬこすけです。 近年、Webフロントエンドではサイトのパフォーマンスの重要性が高まっています。 例えば、GoogleはCore Web Vitalというパフォーマンスに指標を検索結果のランキング要因に組み込みました。 また、近年の某企業が「パフォーマンスの改善に取り組んだ結果、セッション数〇%アップ、CVR〇%アップ...」などの事例は枚挙にいとまがないでしょう。 パフォーマンスチューニングするためには、定量的に計測してボトルネックを探すようなトップダウンなアプローチもあります。 しかしながら、時には千本ノック的にハウツーを片っ端から試していくボトムアップなアプローチも有効になることもあったり、日々のコーディングでパフォーマンスを意識したコードを書くことは大切でしょう。 この記事ではパフォーマンス最適化のハウツーを紹介します。 パフォーマンス改善の施策が思い浮かばない時やフロン

                                              Webフロントエンドパフォーマンスチューニング80選 - Qiita
                                            • [JavaScript]初心者が初見で必ずthinking顔になるもの特集 - Qiita

                                              初心者が見た瞬間になるもの特集です。 小テクだったり、省略記法だったり、、 実際私も出会ってになりました! 追記 即時関数のところで説明にある 他には、+や-等でも動きます。 の"等"が気になった方に朗報です。こちらの記事で"等"を知ることができます!! [JavaScript] "!function() {}()"以外の即時関数を紹介するぜ よろしければ覗いてみてください! !! is 何 booleanへの型変換。 例 const obj = { hoge: "hoge" } function hasHoge() { return !!obj.hoge // => true } 論理否定(!)を二つ繋げて、boolean への型変換をしています。 !の結果を!で評価しているんですね〜。 JSON.parse(JSON.stringify(obj)) is 何 ディープコピー。 例

                                                [JavaScript]初心者が初見で必ずthinking顔になるもの特集 - Qiita
                                              • 【追記アリ】Kindle、買って一年経つと再ダウンロードが保証されない?買った本が読めなくなった人の声

                                                芹沢文書 @DocSeri Kindleで購入済みのコンテンツが一部出て来ない。購入履歴にはあるのにライブラリにもなく再ダウンロード候補にもなく、それどころか「コンテンツと端末の管理」で検索しても表示されない。どうなってんだ 2024-01-15 21:53:48 芹沢文書 @DocSeri この件、Amazonのサポートとやり取りした結果「購入から1年以上経過したコンテンツは端末から削除すると再ダウンロードが保証されない」とのこと。 以前から「電子書籍は所有でなくレンタル」とは言われていたが、はっきりと「購入から1年で消える」と言われては、紙書籍とほぼ同額で購入する意義は… 2024-01-15 22:39:11

                                                  【追記アリ】Kindle、買って一年経つと再ダウンロードが保証されない?買った本が読めなくなった人の声
                                                • 配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA

                                                  JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。 本記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた

                                                    配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
                                                  • 【JS/ Python両方OK!】「データ可視化」が歴史から実装まで体系的に学べるStanford講座の独習ノート - Qiita

                                                    【JS/ Python両方OK!】「データ可視化」が歴史から実装まで体系的に学べるStanford講座の独習ノートJavaScriptd3.jsデータ分析データサイエンスcolaboratory CS 448B Visualization (2020 Winter)は、Maneesh Agrawala氏による、Stanford大で行われた、データの可視化に関する体系的な講義です。 スタンフォード大の"CS 448B Visualization (2020 Winter)" がすごい。 データ可視化の体系的講義。どう図表に変換するかの理論、探索的データ分析、ネットワーク分析等の実践と盛り沢山。 スライドに加え、Observable(JavaScript), Colab(Python)どちらでも例を試せる。https://t.co/lGyPElrihg pic.twitter.com/mWZn

                                                      【JS/ Python両方OK!】「データ可視化」が歴史から実装まで体系的に学べるStanford講座の独習ノート - Qiita
                                                    • TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita

                                                      同じTypeScriptという言語を利用する場合においても、トランスパイラによってTypeScript自体の機能制限がかかったり、思わぬトラブルを招く場合があります。それぞれのトランスパイラの特徴を踏まえた上で、それにより生じる問題も見ていきましょう。 1-1. tsc TypeScriptの開発元であるMicrosoft純正のTypeScriptトランスパイラです。TypeScriptを利用する際に typescript パッケージをインストールする必要がありますが、それに同梱されています。 公式ツールなだけあって最も早く最新バージョンのTypeScriptに対応したり、言語すべての機能を利用することができる一方で、バンドラではないためminifyやchunkの設定はできません。また、Path Aliasesの未解決や旧ESへの互換性が不完全であることが欠点として挙げられます。 tsco

                                                        TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita
                                                      • 大幅にリニューアルされた Next.js のチュートリアルをどこよりも早く全編和訳しました - Qiita

                                                        数日前(4/21頃)に Next.js のチュートリアルが一新されました。 Next.js は 3 月頭に ver 9.3 がリリースされ、ビルド時に静的に HTML を生成する関数などが追加されるなど、今までよりもかなりパワフルになり、いわゆる JAMstack と呼ばれるようなアプリケーションを作りやすくなりました。 そのバージョンアップに対応するかたちで、チュートリアルも大幅に書き直されました。 参考(開発チームの @chibicode さんのツイッター) Next.jsの公式チュートリアルを最新版に沿ってゼロから書き直しました! 🎓英語ですが初心者向けです! ⚛️最近導入されたgetStaticProps等の関数や、 🎨CSS Modulesの解説をしています! 🗣ブログを作りながら学びます 🤗ご感想お待ちしております!https://t.co/R4j9vpAQoc — S

                                                          大幅にリニューアルされた Next.js のチュートリアルをどこよりも早く全編和訳しました - Qiita
                                                        • GA4がよくわからん。となってしまう5つの理由。

                                                          GA4、導入しないといけないと思っていても、さっぱりわからんからやる気がしなくてどうしよう?ってなる時がありますよね。私も数か月前まではそんな感じでした。正直なところギリギリまで逃げ回りたかったんですが、そうもいかなくなったので勉強することに。 ではなんで「わからん」となってしまうのでしょうか?そこがわかれば対応もできるので「わからん」理由と解消法をまとめてみました。 「Google アナリティクス」と名乗っているところ ここがわからなくしている一番の原因です。Google アナリティクスと名乗っているので、今までのGoogle アナリティクスの延長線上にあるものだと思ってしまうんですが、全くの別物で生まれも育ちも違っています。 今までのGoogle アナリティクス UrchinはGoogleアナリティクスの元となった製品。グーグルに買収されGoogleアナリティクスがリリースされた後も、

                                                            GA4がよくわからん。となってしまう5つの理由。
                                                          • 認知症の父が電車にはねられ死亡、高額賠償請求 遺族の苦闘、それを救った最高裁判決 <700万人時代 認知症とともに生きる>|文化・ライフ|地域のニュース|京都新聞

                                                            2007年12月に認知症の高齢男性が電車にはねられて亡くなり、遺族が鉄道会社から高額な損害賠償を請求された訴訟は、最高裁判決で遺族が逆転勝訴した。家族だけが責任を抱えなくてもいいとの初の司法判断で、地域で自分らしく暮らし続けたい認知症の人を勇気づけた。判決から3月で5年、その意義と課題を探った。 ■「はねられたらしい、急いで帰ってきて」 日が落ち、辺りは暗くなり始めていた。2007年12月7日午後5時ごろ、愛知県大府市。高井隆一さん(70)の父良雄さん=享年(91)=がデイサービスから帰宅して間もなく外へ出ていった。同居の母がうたた寝した、わずか6、7分の間だった。 隆一さんは東京都内の勤務先で、大府市に住む妻からの電話を受けた。取り乱した様子が伝わってきた。「(良雄さんが)JRの駅構内で電車にはねられたらしい。急いで帰ってきて」 ■一審名古屋地裁は、高額賠償を認める判決 良雄さんは認知症

                                                              認知症の父が電車にはねられ死亡、高額賠償請求 遺族の苦闘、それを救った最高裁判決 <700万人時代 認知症とともに生きる>|文化・ライフ|地域のニュース|京都新聞
                                                            • この TypeScript が Hello, world! のくせに慎重すぎる - Qiita

                                                              この記事は npm へ公開可能なパッケージを TypeScript で作成しながら、JS/TS 開発で良く使われるツールを紹介する記事です。 typescript-npm-starter という名前の Hello, world! パッケージを公開するという体で話を進めます。

                                                                この TypeScript が Hello, world! のくせに慎重すぎる - Qiita
                                                              • 【JS完全に理解した】JavaScript PrimerとプログラミングTypeScriptとレガシーフロントエンド安全改善ガイドを読んでみた - give IT a try

                                                                はじめに 僕は仕事でRuby on Railsを使ってWebアプリケーションを開発しているので、JavaScriptはそれなりに使えます。 ですが、サーバーサイドで使っているRubyに比べると、JavaScriptの習熟度はそれほど高くありません。 とくに、文法が一気にブラッシュアップされたES2015(ES6)以降の知識は「なんとなく把握はしているが、あくまでなんとなく」といった感じです。 また、最近よく名前を聞くようになったTypeScriptも「名前は知っているが使ったことはない」というのが現状です。 というわけで、「そろそろちゃんと勉強しておかないと」という思いから、以下の本を購入してみました。 JavaScript Primer 迷わないための入門書 (アスキードワンゴ) 作者:azu,Suguru Inatomi発売日: 2020/06/10メディア: Kindle版プログラミ

                                                                  【JS完全に理解した】JavaScript PrimerとプログラミングTypeScriptとレガシーフロントエンド安全改善ガイドを読んでみた - give IT a try
                                                                • 全ての開発者が知っておくべきUnicodeについての最低限の知識

                                                                  2003年には「プレーンテキストなんてものは全く存在しない」と言われ、テキストの解読には文字コードの情報が必須となっていました。しかし、2023年になるまでの20年の間に絵文字などのおかげでUnicodeの利用率は98%へと到達し、再び文字コードを気にせずにすむ時代がやってきています。そんな時代において、正しくUnicodeを使うために必要な知識をエンジニアのニキータ・プロコポフさんが解説しています。 The Absolute Minimum Every Software Developer Must Know About Unicode in 2023 (Still No Excuses!) @ tonsky.me https://tonsky.me/blog/unicode/ Unicodeの歴史と利用率の推移をまとめたグラフは下図の通り。2000年代後半から急速に普及が進んでいったこ

                                                                    全ての開発者が知っておくべきUnicodeについての最低限の知識
                                                                  • ITエンジニアが投票した「ITエンジニア本大賞2024」発表。単体テストの考え方/プログラマー脳/ プロジェクトマネジメントの基本が全部わかる、など

                                                                    ITエンジニアが投票した「ITエンジニア本大賞2024」発表。単体テストの考え方/プログラマー脳/ プロジェクトマネジメントの基本が全部わかる、など 「ITエンジニア本大賞」は、仕事の役に立った本、初学者におすすめの本、ずっと手元に置いておきたい本など、おすすめの本をITエンジニアがWeb投票で選ぶイベントです。 主催は翔泳社ですが、対象となる書籍は出版社を問わず技術書、ビジネス書全般となっています。刊行年も関係なく、これまで大賞に選出された書籍を除き、この1年を振り返っておすすめしたい書籍が対象となります。 今回発表されたのは技術書部門とビジネス書部門それぞれのベスト10です。現時点では50音順に並んでいます。 以下は選出された技術書部門とビジネス書部門それぞれのベスト10を、Amazon.co.jpへのリンクと画像、概要で紹介したものです(アフィリエイトリンクは含まれていません)。正式

                                                                      ITエンジニアが投票した「ITエンジニア本大賞2024」発表。単体テストの考え方/プログラマー脳/ プロジェクトマネジメントの基本が全部わかる、など
                                                                    • 上場したばかりの企業などの成長を確認する上で、社員数などが増えているのかを確認する上で便利な日本年金機構の厚生年金保険・健康保険 適用事業所検索システム - ねこぷろ

                                                                      今日は便利なHPの紹介です 上場したばかりの企業などの成長を確認する上で、四季報などの情報なども薄かったり少なかったりする中で、自分たちで情報を集めることは重要になってくると思います。 成長を確認する上で、社員数が増えるということは今後売上なども増えていくのではないかと推測できたりします。 社員数などが増えているのかを確認する上で便利な日本年金機構の厚生年金保険・健康保険 適用事業所検索システム www2.nenkin.go.jp 厚生年金保険・健康保険 適用事業所検索システム | 日本年金機構 ここで社名や住所などを入力すると 保険などがかけられているかが検索できます。 なので大まかな社員数などが確認できるので、投資する上で参考としているHPです。 www.nekopuro.com

                                                                        上場したばかりの企業などの成長を確認する上で、社員数などが増えているのかを確認する上で便利な日本年金機構の厚生年金保険・健康保険 適用事業所検索システム - ねこぷろ
                                                                      • Ajaxから始まった一つの時代の終わり

                                                                        最近の流れを見ていての感想文なので、ideaとして投稿します。筆者のバックグラウンドとしては、Remixの商業記事を書いたり、App Routerの商業記事を書いたりしている人です。 さて、筆者は2022年の秋から、社内システムではありますがRemixをプロダクション運用しています。また、Next.jsのApp Routerについても、パラダイムとしてはRemixにインスパイアされた部分が多い[1]おかげで、順調にキャッチアップできています。 RemixとApp Routerは、ルーティングとデータフェッチを高度に統合しており、Progressively Enhanced SPA(PESPA)と呼ばれることもあるそうです。PESPAについては、次の記事が話題になりましたね。 このPESPAであるRemixを実運用する中で、フレームワークの手触りが近年触ってきたものと大きく違っている点があっ

                                                                          Ajaxから始まった一つの時代の終わり
                                                                        • Web制作が面白いほどはかどる!便利な最新オンラインツール54個まとめ

                                                                          この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる!便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV

                                                                            Web制作が面白いほどはかどる!便利な最新オンラインツール54個まとめ
                                                                          • JSの非同期処理を理解するために必要だった知識と学習ロードマップ

                                                                            はじめに JavaScript の非同期処理を学習してみて「ある程度自信を持って理解できたと言える」状態に到達したので、その感想とまとめの学習ロードマップとその中でどのような知識が必要になるかを紹介したいと思います。 あるいは、自分が実際に学習してきた道筋に基づいているのでショートカットとして参考にしてもらったり、使えるリソースなどの情報が共有できると思います。もしくは「JavaScript 初心者が非同期処理を理解できるようになるまでの道筋」というストーリーで1つのサンプルとして見ていただけるといいかもしれません。 ChangeLog 大きな変更のみをトラッキングしています。 2022-11-16 本の内容を反映させた追記・修正を追加 2022-05-21 構成を修正 「V8 エンジンから考える」の項目を追加 2022-04-30 「イベントループの共通性質」の項目を追加 「ロードマップ

                                                                              JSの非同期処理を理解するために必要だった知識と学習ロードマップ
                                                                            • 管理画面用のレイアウトやUIコンポーネントがほとんどすべて揃った、商用利用無料のHTMLテンプレート -Stisla

                                                                              商用のプロジェクトでも無料で利用できる、管理画面・ダッシュボードのレイアウトやUIコンポーネントが揃ったテンプレートを紹介します。 このテンプレートを使用すると、管理画面・ダッシュボードで必要なコンテンツを簡単に作成できます。 Stisla 管理画面・ダッシュボードに特化されたUIコンポーネントがほとんどすべて揃ったテンプレート。 30以上のサードパーティのライブラリと統合、多くのコンポーネントを簡単に利用できます。 HTML5とCSS3で記述されており、すべてのモダンブラウザでサポートされています。 Bootstrap 4をベースに、Flexboxでレイアウトされています。 一部のコンポーネントにはより簡単にやり取りするために、JavaScript APIを使用。 MITライセンスで、商用プロジェクトでも無料で利用できます。

                                                                                管理画面用のレイアウトやUIコンポーネントがほとんどすべて揃った、商用利用無料のHTMLテンプレート -Stisla
                                                                              • 更地にした土地の固定資産税が、意外な金額だった - 薬指のブログ

                                                                                令和5年度の固定資産税(義実家分)の通知書がきました。昨年5月、広島県にある義実家を解体し(母屋と納屋)土地を更地にしています。 世間では空き家を放置していることが多いですね。理由は、建物を解体し更地にすると、土地にかかる固定資産税が6倍になってしまうからです。では何故6倍になる? これは「小規模住宅用地の特例」といって、住宅を建てると「住宅一戸あたりの面積200㎡までの部分」を対象に、固定資産税が6分の1になってることから起こります。さらに200㎡を超える部分も3分の1になっています。(一般住宅用地の場合)住宅を撤去すると特例からはずれ元に戻ります。 ややこしい話はさておき・・・ 心配でした!固定資産税があがってしまうのが。 親族からは、「大変よ、税金が6倍になるのよ!」と言われました。果たして本当にそうなるのでしょうか? 4月になり答えがでました。 令和4年分 固定資産税 建物 30,

                                                                                  更地にした土地の固定資産税が、意外な金額だった - 薬指のブログ
                                                                                • jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA

                                                                                  Vite(ヴィート=フランス語で「速い」の意味)は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript(バニラJS)からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツールです。 位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。この記事では、Viteを導入してプレーンなJavaScriptから、TypeScript+Vue.js・Reactといったフレームワークまで、快適な開発環境を手に入れる方法を紹介します。 この記事で紹介すること: Viteの特徴と基本の仕組み 基本の使い方 Vite + SCSS Vite +

                                                                                    jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA