検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで

361 - 400 件 / 4357件

新着順 人気順

*JavaScriptの検索結果361 - 400 件 / 4357件

  • Gormが本番テーブルの数億件のデータを消そうとした話 - keroxpのScrapbox

    MySQLの場合、--safe-updatesオプションを利用することでこういった不慮のUPDATE/DELETEを防げるようです

      Gormが本番テーブルの数億件のデータを消そうとした話 - keroxpのScrapbox

    • React Server Components はウェブ開発を変えるゲームチェンジングな技術である


      去年末に Facebook の人達が出した React Server Components というものが、React 界隈に激震を及ぼしていますが、速報以外でこの技術について言及している国内のブログが見当たらないため、この記事で解説してみます。間違いや分かりづらい部分があればぜひツッコミをお願いします。 React Server Components は、ただのサーバーサイドレンダリングではありません。クライアントサイドレンダリング︵SPA︶とサーバーサイドレンダリングを、ギアを切り替えずにいいとこ取りする仕組みです。これまでに存在した様々な技術よりも踏み込んで、フロントエンドとバックエンドの境目を曖昧にしてしまうユニバーサルな技術です。 勝手な造語としていうなら﹁コンポーネント指向ユニバーサルウェブ開発﹂とでも呼ぶべきものでしょう。 そして、これはただのユニバーサルなだけの仕組みではあり
        React Server Components はウェブ開発を変えるゲームチェンジングな技術である

      • 無料とは思えない多機能っぷりなWikiインフラ「Wiki.js」レビュー、自前でホスト＆外部サービスと連携可能

        社内のノウハウ蓄積やソフトウェアの説明書としてWikiを導入する場合、Confluenceなどの有料サービスが第一候補としてあげられますが、決して安くはないライセンス料金を支払う必要があります。無料で利用できるオープンソースソフトウェア「Wiki.js」は、Dockerで手軽に構築でき、権限管理や外部サービスの連携も可能な、無料とは思えないほど多機能なWikiシステムです。 Wiki.js https://wiki.js.org/ Wiki.jsはDockerイメージが公開されているので、今回はLinux上のDockerでWiki.jsを構築してみます。まずは下記コマンドを実行してDockerとDocker Composeを導入。 curl -fsSL get.docker.com -o get-docker.sh sudo sh get-docker.sh sudo curl -L "h

          無料とは思えない多機能っぷりなWikiインフラ「Wiki.js」レビュー、自前でホスト＆外部サービスと連携可能

        • 僕らを縛る Node.js という呪いについて


          これ僕らの物語であり、僕と君の物語であるかもしれない。 数日前、友人が言った。﹁久しぶりに Rails を書いたけれど、Node.js の良さに敵わない﹂と。 その言葉に同意しながらも、他方で少し不思議に思う。 いつから僕らは Node.js しか使わなくなったのか。あれだけ話していた Rails などの多くの Web 技術にときめかなくなったのか。と。 もちろん、使えないというわけではない。寧ろ今現役で十分な活躍をしているフロントエンドの人間は、等しく皆﹁主役であるバックエンドのサブとして存在するフロントエンド﹂を経験してきている。 書こうと思えば書ける。だがその中で、敢えてフロントエンドとその技術を選んできた。 だけど今はどうだろう。フロントエンドエンジニアはもはや﹁JavaScript を扱うソフトウェアエンジニア﹂となり、一般的なバックエンドは勿論、Node.jsが一級市民として存
            僕らを縛る Node.js という呪いについて

          • Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか｜ハイクラス転職・求人情報サイト AMBI（アンビ）


            Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか Reactを取り巻く状態管理のアプローチは変化を続けていますが、いま知っておくべき手法とはどのようなものでしょうか。小林 徹︵@koba04︶さんに、現在、そしてこの先の状態管理について執筆いただきました。 こんにちは、小林︵@koba04︶です。 2019年5月に﹃SPAにおける状態管理:関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷﹄という記事を書きましたが、そこから2年以上が経過し、Reactを用いた状態管理は大きく変わりました。本記事ではReactを取り巻く状態管理の変遷について解説します。 広がるReduxの採用 Hooksの登場 コンポーネントツリーから独立した状態管理 Concurrent Featuresによる新しいユーザー体験 状態とキャ
              Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか｜ハイクラス転職・求人情報サイト AMBI（アンビ）

            • サンプル付コピペOK！すごいCSSアニメーションライブラリ30選【2022年版】

              ウェブサイトの印象を大きく左右する「動き」。 現役Webデザイナーがこれは外せない！というCSSアニメーションライブラリをまとめてご紹介。 任意の要素にクラスを付与するだけで、用途に応じたアニメーションを実装できる便利なライブラリを整理しています。 フワフワやユラユラ、ポヨンといった弾む系の動きから、背景アニメーションなどWebサイトの印象づくりに欠かせない動きが揃います。GitHubレポジトリのスター数が多いものを中心にセレクト。 コンテンツ目次 1. 万能CSSアニメーション 2. 文字エフェクト向け 3. ホバーエフェクト向け 4. 画像、背景向け 5. ふわふわ、ゆらゆら、面白系 6. ハンバーガーメニュー向け 7. クリエイティブなアニメーション 8. よりなめらかな動きを表現するには 9. アニメーションの参考リソース一覧 万能CSSアニメーション Animista 基本となる

                サンプル付コピペOK！すごいCSSアニメーションライブラリ30選【2022年版】

              • 2019年5月時点　JavaScript初心者が参考にしていいモダンJavaScript解説サイト2つ - Qiita


                初心者向け解説によくある例です。 これが現時点︵2019年5月時点︶で非推奨な書き方だと、初心者は気付くことができない。つらい。 ︻JavaScript初心者のつらいところ︼ 初心者向け解説︵チュートリアル︶のvarをconstやletに置き換えなきゃいけない 何も知らずvarで写経すると悪癖がつく 他にも﹁今は覚えなくていい書き方﹂がどうやらたくさんある ﹁歴戦のJavaScripterがモダンJavaScipt知識をアップデートするためのまとめ﹂を読むには、そもそも必要とされる前提知識を持ってない ﹁何が正解かわからない→ググる﹂と、正しい情報探しに時間が消える 解説途中でググらなくても良い、チュートリアル的に読み通せるサイトってどこ！？！？ そんな私のニーズを満たせそうなサイトにたどり着いたので、記事にしてみます。 ︻js-primer︼ js-primer これからJavaScri
                  2019年5月時点　JavaScript初心者が参考にしていいモダンJavaScript解説サイト2つ - Qiita

                • TypeScriptの設定の良し悪し

                  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

                    TypeScriptの設定の良し悪し

                  • 法務局の地図データをネットで無料公開へ…不動産取引で使用、これまでは有償（読売新聞オンライン） - Yahoo!ニュース

                    斎藤法相は２０日の記者会見で、全国の法務局にある地図データを２３日からネット上で無料公開すると発表した。国や自治体が調査した正確なデータの一般利用を促進し、民間事業者のコスト削減やスマート農業への利用などにつなげたい考えだ。 日本郵政、デジタル地図事業に参入へ…変化を随時反映する「生きた地図」作り 各法務局の地図は、土地の位置や区画が記されており、不動産取引の際に使われている。これまでは法務局やネット上で有償で限られた区域の地図を一つ一つ取得する必要があった。

                      法務局の地図データをネットで無料公開へ…不動産取引で使用、これまでは有償（読売新聞オンライン） - Yahoo!ニュース

                    • Node.jsの後悔から生まれた新しい実行環境・Deno入門 〜簡単なアプリケーション作成ハンズオン付き〜 | さくらのナレッジ


                      こんにちは！小田島です。ウェブ業界に来る前は手品業界で働いていました。最近は外出自粛で手品をやる機会がないので家でひたすら練習しています。 前回の記事﹁いまさら聞けないNode.js﹂は、﹁わかりやすい﹂﹁いい記事﹂﹁背景の説明が丁寧﹂といった好意的な反応が多くて安心しました。 ﹁Denoについては後日記事を書きます﹂と前回宣言したので、今回はDenoについての入門記事を書きます。よろしくおねがいします！ 対象者 今回は、こんな人が対象です。 Denoって何？ Node.jsとどう違うの？ 全然触ったことないけど何か簡単で応用が効くものを作ってみたい 前回と違い、ハンズオンも含まれています。ぜひ読みながら実際に動かしてみてください。 Denoとは？ 前回同様に超ざっくりと説明すると、JavaScriptとTypeScriptの動作環境です。作者はNode.jsと同じライアン・ダールです。D
                        Node.jsの後悔から生まれた新しい実行環境・Deno入門 〜簡単なアプリケーション作成ハンズオン付き〜 | さくらのナレッジ

                      • jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita

                        はじめに 私は長い間レガシーコードと共に仕事をしてきましたが、jQueryの重要性は依然として頻繁に話題に上がるトピックの一つです。ライブラリ自体は便利なままですが、それは別の時代のニーズを完璧に満たしていました。 現在、私たちは既にES2023について話していますが、過去にjQueryがカバーしていたほとんどの機能は、すでに2015年にリリースされたES6に取り込まれています。 ES6の標準は既に広範にサポートされており、96％のレベルに達しています（出典：caniuse.com）。そのため、特に要素の選択、スタイリング、アニメーション、データの取得などの基本的なタスクについては、ライブラリの使用を見直す良いタイミングかもしれません。 以下のトピックは、いくつかの標準的なjQueryのパターンと、それに相当するバニラJavaScriptでの手法を示す参考資料として役立つと思います。 要素

                          jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita

                        • TypeScriptを雰囲気で使っていたので勉強し直したら知らなかったこと


                          は同義である。JSでいうところのobjectを定義すると{ name: string }という型が暗黙的に定義されたことになる。 リテラル型 値を指定する型のこと。決まった値しか使わせたくない場合に使用する。
                            TypeScriptを雰囲気で使っていたので勉強し直したら知らなかったこと

                          • 個人開発で参考になるNext.jsリポジトリ10選

                            OpenStatus - ステータスページ App Router Turborepo Drizzle Clerk tRPC Tailwind shadcn/ui LLM Report - OpenAI モニタリング App Router Prisma NextAuth shadcn/ui Stripe Dub - URL 短縮 App Router Turborepo Prisma NextAuth Tailwind Stripe slug - URL 短縮 Prisma NextAuth tRPC Tailwind Cal.com - 日程調整 Turborepo Prisma NextAuth tRPC Tailwind Taxonomy - ブログ App Router Prisma NextAuth Tailwind Rowy - ローコード GUI Firebase Dorf -

                              個人開発で参考になるNext.jsリポジトリ10選

                            • なぜ我々は頑なにforを避けるのか - Qiita

                              動機 前回の記事を投稿したことを某SNSで通知したところ、そのSNSでこんなコメントをいただいた。転記する許可を取ったわけでは無いので私なりに要約させていただくと、 なぜそんなトリッキーな書き方をしてまでforを使うのを避けるのか そんな書き方をして可読性を下げるくらいなら素直にforを使う方が良い ということだと理解している。 なるほど、一理ありそうだ。しかし一方で、前回貼ったStackOverflowのQ&Aはなかなかの人気記事（質問に1243ポイント、回答に最大で1559ポイント）なので「多少トリッキーなことをしてでもforを書きたくない！！」という意見をもつプログラマも一定以上いるのだろう。当然私もその1人だ。 ということで、この記事で「なぜそこまで意固地になってまでforを書きたくないのか」を説明することにする。 尚、今回は前回の記事つながりで言語はJavaScriptを使うが、

                                なぜ我々は頑なにforを避けるのか - Qiita

                              • JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD


                                筆者はES6以前のVanilla JSがあまり好きではありませんでした。 そこで、バニラJavaScriptをなるべく書かなくていいように、2000年代を通じてさまざまなアプローチを追求してきました。最初はRJS︵Ruby-to-JavaScript︶、次はCoffeeScriptでした。どちらのアプローチも、バニラJavaScriptより楽しく書けるソースコードを、ブラウザが実行できるバージョンのJavaScriptへトランスパイルするものです。ある程度は、うまくいっていました。 とはいえ、これは明らかにその場しのぎの手段に過ぎず、ブラウザがより洗練されたJavaScriptを理解できる日を待ちわびていたのです。ただ、そんな日が来ることはなく、永久にその場しのぎでやり過ごすのかと思われる時期がしばらく続きました。 しかし、幸いなことにJavaScriptは改善を続け、2015年にはES6
                                  JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD

                                • 本当に倒すべきだったのは jQuery ではなくテンプレートエンジンだった - fsubal

                                  そうはっきり言ったほうが良かった。いや言わなくても伝わる現場は良かったんだけど、伝わらないままごく一部だけをコンポーネントに移行、それ以外はただ生 DOM API に変えて終わり（あるいは他は jQuery のまま）みたいな「モダン化」で済ます余地を与えたのは発信の失敗だった……という10年代の振り返り。 テンプレートエンジンはなぜ倒された方が（…といって悪ければ、変わったほうが）良いのかは端的に指摘できて、それは初回レンダリングしか考慮してないからだということになる。 Web の UI には状態変化がつきもの（になったのは実は最近の話）だが、テンプレートエンジンは1回目のレンダリングだけを担当し、変化した後の2回目以降の見え方は JavaScript が担当するというパラダイムを構成する。

                                    本当に倒すべきだったのは jQuery ではなくテンプレートエンジンだった - fsubal

                                  • 時系列予測で使えるpythonライブラリ一覧 - ざこぷろのメモ

                                    本記事では、時系列予測に利用できるpythonのライブラリの使い方について説明をします。 パッとライブラリを使うことを目指すため具体的なアルゴリズムの説明は省きます。 ※説明が間違えている場合があればご指摘いただけると助かります。 目次 利用データ ライブラリ Prophet PyFlux Pyro Pytorch Lightgbm 補足:Darts まとめ ソースコード このブログで記載されているソースコードはGitHubに上げておいたのでもしよろしければ参考にしてください。 github.com 利用データ 今回用いるデータはkaggleのM5 Forecasting - Accuracyと呼ばれるコンペティションで利用されたデータを用います。 作成したランダムなデータよりも実データのほうが予測をしている感があるからです。 予測に使うデータはwalmartの売上データです。 下図はその

                                      時系列予測で使えるpythonライブラリ一覧 - ざこぷろのメモ

                                    • フロントエンドを100倍速くした（ ＾ω＾） - Qiita


                                      おはようございます、なのくろです。年の瀬ですね。 この記事は ABEJA Advent Calendar 2020 の最終日です。 追記‥おかげさまで Qiita LGTM賞 を受賞いたしました、ありがとうございます！ 私は2020年01月にABEJAへ入社しました。チームではフロントエンド開発全般を任されています。 参入してちょうど1年が経過しましたので、今年取り組んだことをまとめました。 ﹁フロントエンドを100倍速く﹂というタイトルは誇張気味なのですが、難しいことはせず、基本的なパフォーマンス改善を素直に実践したという話を書きます。 本稿では事例とやったことを紹介するのみですが、何かしらの知見や改善のきっかけに役立てば幸いです。 サービスについて 話をする前に、どんなサービスを開発しているかについて少しだけ触れます。 ABEJA社では﹁Insight for Retail﹂という、小
                                        フロントエンドを100倍速くした（ ＾ω＾） - Qiita

                                      • Reactを学ぶときに役立つ情報・本など

                                        React公式ドキュメントのチュートリアルは古くなっているので、TypeScriptやReact Hooksで開発することも考えて参照するときにおすすめできるサイトを置いておく。 ほかにも有益な情報はあると思うが、あまり多すぎても大変なので、被りがなさそうかつ有益だと思っているリンクに絞っている。 2021年11月30日に編集 React公式ドキュメントのリニューアルが公開されるまでの繋ぎ。 New React Docs · Issue #3308 · reactjs/reactjs.org https://github.com/reactjs/reactjs.org/issues/3308 React公式ドキュメントがBeta版で公開されています。まずはこちらを参照するといいと思います！

                                          Reactを学ぶときに役立つ情報・本など

                                        • ホームページ- EY-Office


                                          小ネタです、JavaScriptで本日の日付をYYYY-MM-DD形式で得るコードは案外面倒です。 本日2023年4月17日なら 2023-04-17 という文字列を得るコードはRubyならTime.now.strftime("%Y-%m-%d")、Pythonならdatetime.today().strftime("%Y-%m-%d")︵importは省略しました︶と簡単に書けますが、JavaScriptでは案外面倒なのです。 追記‥ いくつかの間違いのご指摘がありましたので修正しました︵2023-04-19︶。 DeepAIが生成した画像です いっけん正しいようで間違ったコード new Date().toISOString().slice(0,10) new Date()で本日の日時を取得します toISOString()メソッドは日時データをISO形式の文字列に変換します、例えば2
                                            ホームページ- EY-Office

                                          • rsyncの悲劇 〜本番環境を消し飛ばす前に覚えておきたいこと〜


                                            この記事は本番環境でやらかしちゃった人 Advent Calendar 2019 17日目の記事です。 はじめまして、ダーシノ(@bc_rikko)です。 突然ですが、懺悔します。 私は転職して10ヶ月で2回も本番環境をぶっ飛ばしました。お客様をはじめ、関係各位には多大なるご迷惑をおかけしたことを、ここでお詫び申し上げます。1回目は2015年11月27日、入社27日目のこと。 gitの設定ミスにより壊れたブランチをmasterにforce pushしてしまい、CIが流れて本番環境が壊れた。原因はpush.defaultなのだが、詳しくはすでに記事を書いているのでそちらを読んでほしい。2回目は翌年9月1日、入社してちょうど10ヶ月たった日のことだ。 またしても本番環境をぶっ飛ばした。しかも、前回より盛大に……。 タイトルにもあるようにrsyncコマンドが原因だ。 当記事では、この﹁rsy
                                              rsyncの悲劇 〜本番環境を消し飛ばす前に覚えておきたいこと〜

                                            • setTimeout を完璧に理解する


                                              setTimeout は、指定された時間以降に指定されたコードを実行する JavaScript の API です。ブラウザでも Node.js でも広く使われているのですが、実装はまちまちで、色々と特殊な条件も多く、挙動を完璧に理解している人は少ないと思います。この記事では、そんな setTimeout を可能な限り深堀りしてみようと思います。 先に書いておきますが、ものすごくニッチで細かい話ばかり並びます。突然私が、ただ純粋に setTimeout について調べたくなったので、その結果をまとめただけのものです。普通に開発している人には必要のない情報が多くなるでしょう。この記事は基礎から setTimeout を学ぼう、という方には全然向かないと思います。 また、JavaScript のイベントループについてある程度理解していることを前提とします。その詳しい理解には、@PADAone さん

                                              • Vue___Vuex_のアーキテクチャ完全に理解した.pdf

                                                [RubyKaigi 2024] Ruby Mixology 101: adding shots of PHP, Elixir, and more

                                                  Vue___Vuex_のアーキテクチャ完全に理解した.pdf

                                                • React、過剰に複雑な代物。 - Qiita


                                                  はいさい！ちゅらデータぬオースティンやいびーん！ 今回の記事は筆者に珍しく、技術紹介ではなく、僕の個人的な意見を書きます。あくまでも、自説です。 React自体は画期的で、プログラミング界に貢献したプロジェクトだと思っていますし、完全に否定したいわけではありません。 Reactに対する違和感＝芽生えては大きく育った種 筆者はReactがとても好きでした。JavaScriptが好きになったきっかけもReactでした。何から何までもReactで書き直して、Custom Hooksを作って、refを子部品に渡したり、バリバリ満喫していました。 Vueも仕事の関係で習得せざるを得なくなったのですが、Vueは最高に大嫌いでした。これならReactで書き直してやるぅ！と思ったりも。 Reactについて社内でも導入を推進したり、React入門の勉強会を開いたりもしています。 しかし、そんな筆者は、最近に
                                                    React、過剰に複雑な代物。 - Qiita

                                                  • CSSフレームワークBulmaについて - 一休.com Developers Blog

                                                    フロントエンドエンジニアのid:ninjinkunです。この記事は一休.comアドベントカレンダーの1日目の記事です。 一休.coｍレストランの管理画面リニューアルプロジェクトにおいて、CSSフレームワークのBulmaを導入しました。結論としては、採用して良かったと思っています。 このエントリではBulmaを選定した理由と、採用後に見えたPros / Consについて述べたいと思います。 なお今回リニューアルした一休.comレストランの管理画面の概要は以下の通りです。 レストラン店舗向けの管理画面 店舗の方と一休スタッフの両方が使う DAUは数千の規模 主な用途は在庫の管理と、プラン（コース）や席の管理 現在は店舗を限定してリリース済み 具体的には以下のような画面で構成されています。 UIフレームワークは必要か？ まずそもそもUIフレームワークは必要かという議論があります。 今回のプロジェ

                                                      CSSフレームワークBulmaについて - 一休.com Developers Blog

                                                    • 5年かけて作ったウェブアプリを Hacker News に投稿し、最初の1ドルを得た話


                                                      これは5年かけて JavaScript の技術スタックの間をうろつき、無駄な時間を過ごし、迷い、そしてなんとかローンチにこぎつけた体験の記録です。 自己紹介 初めまして。私は小さなモバイルアプリ開発会社を運営しているエンジニアです。 プログラミングを始めたのと同じくらいのときから、趣味で作曲活動をしています。 今日の作曲は DAW と呼ばれる大型のソフトウェアを利用することがスタンダードになっています。しかしたくさんのプラグインをマシンにインストールしなければならないことや、すぐに立ち上がる作曲ソフトが無いことにフラストレーションを覚え、軽量な MIDI シーケンサーアプリを好んで使っていました。 しかしそれらの多くは Windows2000 の時代から存在し、アップデートされず、その上 Windows 10 以降 MIDI の再生はまともにサポートされなくなりました。 その問題を解決する
                                                        5年かけて作ったウェブアプリを Hacker News に投稿し、最初の1ドルを得た話

                                                      • JavaScriptを大きく変えうる Dataflow Proposals の概要と論点(Call-this, Pipe Operator)

                                                        Dataflow Proposals とは 以下の5つのプロポーザルをまとめて Dataflow Proposals と呼んでいる。 Stage 2: Pipe operator Stage 1: Call-this operator Stage 1: Partial application(PFA) Stage 1: Extensions Stage 0: Function.pipe and flow 例えば Pipe operator, Call-this operator, Partial application を組み合わせると、以下のように書けるようになる。（提案段階なので変わる可能性アリ） import { getAuth, getIdToken } from "firebase/auth"; function isPublic(article) { return articl

                                                          JavaScriptを大きく変えうる Dataflow Proposals の概要と論点(Call-this, Pipe Operator)

                                                        • JavaScriptでconsole.logを使用してませんか？

                                                          はじめに Webフロントエンド開発の学習において、多くの人がまず最初にconsole.logの使い方を学びます。 console.logはデバッグの際に非常に便利なツールですが、JavaScriptにはこれ以外にも多彩なデバッグ機能が存在します。 通常のconsole.logだけでなく、さまざまなconsoleのメソッドを活用することで、デバッグ作業をより効率的に、かつ迅速に進めることができます。 console.log ブラウザの開発者ツールやNode.jsのコンソール上に、渡された引数を表示します

                                                            JavaScriptでconsole.logを使用してませんか？

                                                          • Reactの環境構築 — 仕事ですぐに使えるTypeScript ドキュメント

                                                            TypeScriptの世界を知る 前書き Node.jsエコシステムを体験しよう TypeScriptの書き方 変数 プリミティブ型 複合型 基本的な構文 基本的な型付け 関数 その他の組み込み型・関数 クラス 非同期処理 例外処理 モジュール console.logによるログ出力 中級のテクニック ジェネリクス 関数型指向のプログラミング クラス上級編 リアクティブ 高度なテクニック 環境ごとのTips（共通環境・ブラウザ以外） ソフトウェア開発の環境を考える 基本の環境構築 ライブラリ開発のための環境設定 CLIツール・ウェブサーバー作成のための環境設定 CI（継続的インテグレーション）環境の構築 成果物のデプロイ 使用ライブラリのバージョン管理 環境ごとのTips（ブラウザ環境） ブラウザ環境 ブラウザ関連の組み込み型 Reactの環境構築 create-react-appによる環境

                                                            • 使いやすさを重視したHTMLスクレイピングライブラリを作った - 純粋関数型雑記帳

                                                              TL:DR レポジトリ https://github.com/tanakh/easy-scraper ドキュメント 背景 このところ訳あってRustでHTMLからデータを抽出するコードを書いていたのですが、 既存のスクレイピングライブラリが（個人的には）どれもいまいち使いやすくないなあと思っていました。 HTMLから望みのデータを取り出すのはいろいろやり方があるかと思いますが、 ツリーを自力でトラバースするのはさすがにあまりにも面倒です。 近頃人気のライブラリを見てみますと、CSSセレクターで目的のノードを選択して、 その周辺のノードをたどるコードを書いて、 欲しい情報を取り出すという感じのものが多いようです。 RustにもHTMLのDOMツリーをCSSセレクターで検索して見つかったノードをイテレーターで返してくれたりする、 scraperというライブラリがあります。 例えば、<li>要素

                                                                使いやすさを重視したHTMLスクレイピングライブラリを作った - 純粋関数型雑記帳

                                                              • トレンドウェブサイトから学べ！　JavaScriptで作る本格スクロール演出 - ICS MEDIA

                                                                「かっこいいウェブサイト」とはどのようなものでしょう？　ICS MEDIAを見てくださるみなさんであれば、ダイナミックなアニメーションや3次元的な動きがあるウェブサイトに「おっ」と惹きつけられた経験は一度や二度ではないかと思います。たとえば、スクロールに連動したインタラクティブな動きは冒険するようなワクワクした気持ち、没入感を与えてくれます。 『ポーラ2029年ビジョン』 本記事の前半では、話題になったウェブサイトからかっこいいスクロール演出の事例を取り上げ、それらを分析します。 さらに記事の後半では、「自分でも作ってみたいなぁ、でもどうやって実装しているんだろう？」と悩むみなさんに向け、オリジナルのデモを用いて実装を紹介します。 本記事を読んだ後には、「どうやって実装しているんだろう？」と未知の技術に感じていたスクロールアニメーションも、「こうやっていたのか！」と身近に感じられるようにな

                                                                  トレンドウェブサイトから学べ！　JavaScriptで作る本格スクロール演出 - ICS MEDIA

                                                                • 【超必見】必要な福祉制度を”一発で全検索”できる神のようなサイトが見つかる : 凹凸ちゃんねる　発達障害・生きにくい人のまとめ

                                                                  福祉制度まとめサイト「お悩みハンドブック」が凄い 世の中には困ってる人を助ける制度がたくさんあるのに何が使えるかを教えてくれないっていう理不尽仕様なんだが、そんな世界をなんとかしようとしてる人たちがいて、そのためのWebページがこの前リリースされたってことを僕はフォロワーさんに知っておいて欲しいと思ったんよhttps://t.co/C9sHSVhfCK pic.twitter.com/NhGGF8wSmg — Aqua (@AquaLamp) February 11, 2022 ↓ ↓ お悩みハンドブック ちなみに開発元のGrafferさんは自治体向けのソリューションをガチで提供してるガチな企業なのでこれはほんとにガチです pic.twitter.com/ZW3e6buon5 — Aqua (@AquaLamp) February 11, 2022 企画開発をされてる方も壮絶な体験を経てこ

                                                                    【超必見】必要な福祉制度を”一発で全検索”できる神のようなサイトが見つかる : 凹凸ちゃんねる　発達障害・生きにくい人のまとめ

                                                                  • あらためて「.NET」について整理する (1/2)

                                                                    そのときの文脈から何を指すか判断する必要がある 「.NET」という言葉 前回Project Reunionの話をしたので（「UWPとデスクトップアプリの統合を試みる「Project Reunion」のプレビュー版が登場する」）、ここであらためて「.NET」についてまとめておきたい。 .NET Coreのマスコット「dotnet bot」。ちょっと「かわいさ」が足りない感じだが、githubの登録ユーザーでコードをコミットしている（https://github.com/dotnet-bot より引用） Windows関係で「.NETなんとか」という言葉を聞いたことがあるだろう。「.NET」とは、Microsoftが開発・提唱した「アプリケーションの実行環境」である。実行環境とは少し抽象的だが、API（Application Programming Interface）やライブラリなどと呼ばれ

                                                                      あらためて「.NET」について整理する (1/2)

                                                                    • You Don't Need Next.js | ドクセル

                                                                      [beta] Next.jsクイズ2 • <p>にはなにが表示されるでしょうか？ /app/page.tsx "use client"; import { useCallback, useEffect, useState } from "react"; export default function Home() { const [date, setDate] = useState(); const fetchDate = useCallback(async () => { const response = await fetch("/api"); const data = await response.json(); setDate(data.date); }, []); useEffect(() => { fetchDate(); }, [fetchDate]); return ( <

                                                                        You Don't Need Next.js | ドクセル

                                                                      • JavaScript ベスト・オブ・ザ・イヤー 2020 - Qiita

                                                                        2021 / 2020 / 2019 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2020年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は現在のスター数ではなく、『2020年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに2016年の総合ランキング1位はVue.js、2017年の総合ランキング1位はVue.js、2018年の総合ランキング1位はVue.js、2019年の総合ランキング1位はVue.jsです。 以下は2020年のランキング、2020 JavaScript Rising Starsの日本語訳です。 JavaScript ライジングスター 2020 5回目のJavaScript ライジングスターにようこそ！ こ

                                                                          JavaScript ベスト・オブ・ザ・イヤー 2020 - Qiita

                                                                        • JavaScriptで壮大なハッキング体験を実現するWebゲーム「Bitburner」で遊んでみた！ - paiza times


                                                                          どうも、まさとらん︵@0310lan︶です！ 今回は、ブラウザ上からリアルなハッカー気分を疑似体験できるユニークな無料Webゲームをご紹介します！PCゲームとしてSteamからもリリースされていますが、今回ご紹介するブラウザ版は手軽に遊べるのでオススメです。ターミナル風のゲーム画面が特徴で、実際にJavaScriptを使ってプログラミングもできます。 ハッキングやセキュリティなどにご興味ある方も含めて、ぜひ参考にしてください！ ︻ Bitburner ︼ ■﹁Bitburner﹂の遊び方 ﹁Bitburner﹂は、西暦2077年のサイバーパンクをテーマにしたディストピアな世界を舞台にしています。 ゲーム画面は3Dグラフィックや派手な演出があるわけではなく、世界観にピッタリなCLIベースのターミナルを忠実に再現しているのが大きな特徴です。 遊び方ですが、面倒なユーザー登録などは必要ありませ
                                                                            JavaScriptで壮大なハッキング体験を実現するWebゲーム「Bitburner」で遊んでみた！ - paiza times

                                                                          • AWS Amplify と Vue.js を使って、基本的な認証と CRUD 操作ができる Web アプリケーションを作る- builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS

                                                                            こんにちは、JAWS-UG 浜松支部の松井です。 普段からモノリシックな環境やそれに準じる環境での Web アプリケーションの開発、保守に取り組んでいますが、継続的にサービスを運用していく上では様々な悩みが尽きません。 OS のバージョンアップ、セキュリティパッチはどうするか ? 言語やミドルウェアのバージョンはどうするか ? ステージング、本番等の環境のデプロイはどうするか ? コスト最適化はどうするか ? etc・・・ そこで、サーバーレスアーキテクチャを採用することにより、こう言ったホストマシンやネットワークの管理に起因する悩みを軽減することができます。 とはいえ、いきなりサーバーレスに着手するとしても、 本当にちゃんと動くのか ? 設計、構築が難しいのではないか ? コストはどのくらいかかるのか ? まずどこから手をつければ良いのか ? と言った疑問があると思います。 今回はそう言

                                                                              AWS Amplify と Vue.js を使って、基本的な認証と CRUD 操作ができる Web アプリケーションを作る- builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS

                                                                            • 「葬式にお坊さんを呼ばない人」が増えている理由


                                                                              おおたけ・すすむ／1974年岐阜県生まれ。筑波大学卒業、筑波大学大学院哲学・思想研究科修了。博士︵文学︶。京都大学人文科学研究所や花園大学などの非常勤講師を経て、現在、宗教評論家、仏典翻訳家。著書に﹃宗祖に訊く﹄﹃大乗起信論成立問題の研究﹄﹃大乗非仏説をこえて﹄﹃セルフ授戒で仏教徒﹄︵以上、国書刊行会︶、﹃唯識説を中心とした初期華厳教学の研究﹄﹃元魏漢訳ヴァスバンドゥ釈経論群の研究﹄︵以上、大蔵出版︶、﹃﹁悟り体験﹂を読む﹄︵新潮社︶、﹃仏のなりかた﹄︵春秋社︶など。訳書に﹃現代語訳　最澄全集︵全4巻︶﹄︵国書刊行会︶など。 ニュースな本 ビジネス・経済から、エンタメに教育、政治まで…。世の中には山のように書籍が存在する。その中から﹁読んでためになる﹂﹁成長できる﹂﹁思わずうなる﹂ような書籍を厳選し、その一部をお届けする連載。話題の新刊から埋もれた名著まで、きっと素敵な発見があるはずだ。気
                                                                                「葬式にお坊さんを呼ばない人」が増えている理由

                                                                              • Vue開発者のためのVue.jsベストプラクティス集15選 - Qiita


                                                                                はじめに みなさん、Vue使ってますかー！・・・・・・・︵へんじがない。ただのしかばねのようだ。︶ 私は毎日使ってます。が、正しい使い方というのがいまいちわかっていません。ということで、ネットで拾ってきた情報を元にVueで開発する上でのベストプラクティス集15選をまとめてみました。 ﹁ふんふんそうだよね〜﹂といったものから﹁えー！？そうなのー！？﹂となるものまで集めています。皆さんの開発の手助けになる情報が入っていると幸いです。 また、間違っている内容やさらに良い方法等あれば、コメント欄にて︵優しく︶ご指摘いただけるととても嬉しいです。 1. v-for内では必ず:keyを使う v-forディレクティブでkey属性を使うと、データを操作するのに役立ちます。さらに、Vueがコンポーネントの状態を追跡し、それぞれのエレメントに対し継続的に参照ができるようになります。 特に、アニメーションやVu
                                                                                  Vue開発者のためのVue.jsベストプラクティス集15選 - Qiita

                                                                                • 【2024年】React, Tailwind CSSでメルカリクローンサイトを作ろう【入門】

                                                                                  メルカリのクローンサイトを作りながら、React・Tailwind CSSが学べる本です。

                                                                                    【2024年】React, Tailwind CSSでメルカリクローンサイトを作ろう【入門】
                                                                                  前のページ 6 7 8 9 10 11 12 13 14 15 次のページ

                                                                                  はてなブックマーク

                                                                                  公式Twitter

                                                                                  はてなのサービス

                                                                                  • App Storeからダウンロード
                                                                                  • Google Playで手に入れよう
                                                                                  Copyright © 2005-2024 Hatena. All Rights Reserved.