並び順

ブックマーク数

期間指定

  • から
  • まで

3321 - 3360 件 / 3569件

新着順 人気順

*JavaScriptの検索結果3321 - 3360 件 / 3569件

  • Python pathlib Cookbook: 57+ Examples to Master It (2022)

    A mega tutorial with dozens of examples on how to use the pathlib module in Python 3 When I started learning Python, there was one thing I always had trouble with: dealing with directories and file paths! I remember the struggle to manipulate paths as strings using the os module. I was constantly looking up error messages related to improper path manipulation. The os module never felt intuitive an

      Python pathlib Cookbook: 57+ Examples to Master It (2022)
    • LLMとのコミュニケーションをより効率化するPythonライブラリ「PromptoGen」をリリースしました🎉

      TL;DR Pythonライブラリ 「PromptoGen」 をリリースしました 🎉 PromptoGenは、「LLMとPythonの間のギャップをシームレスに繋ぐことで、効率的で未来を見据えたコミュニケーションを実現する。」 というビジョンの元、 あえて具体的なLLM実装への依存性をなくし、抽象化を行う ことで、 今後のLLM進化について行きやすい基盤を作る OSSプロジェクトです。 この記事では、PromptoGen プロジェクトの紹介やライブラリの使い方を紹介します。 ドキュメント: https://promptogen.zawakin.dev/ja ソースコード: 実際にライブラリの内容を紹介していきます。 📚 PromptoGen: LLMとの効率的で拡張可能なコミュニケーションを実現 🚀 ビジョン "LLMとPythonの間のギャップをシームレスに繋ぐことで、効率的で未来

        LLMとのコミュニケーションをより効率化するPythonライブラリ「PromptoGen」をリリースしました🎉
      • GitHub - haruiz/RiggingJs: Tensorflow.js and Three.js skeletal animation tool

        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

          GitHub - haruiz/RiggingJs: Tensorflow.js and Three.js skeletal animation tool
        • コンテンツ量が少ない時、フッターを画像下部に表示させるには?

          突然ですが、ホームページなどのコーディング中に下の画像のような状況になった覚えがある方って結構いるんじゃないでしょうか。 例えばお知らせ一覧ページなど、ホームページ公開直後などは記事数が足りずコンテンツ量がまだ少なかったりします。 “コンテンツ量が少ない=ブラウザ全体の高さに対してコンテンツの高さが足りない”という状態のため、フッターの下に余白ができてしまうわけです。 フッターが浮いた感じもしますし、ほかのページとのレイアウトと同じく画面下部に表示されるようにしたいですよね。 そこで今回は、フッターの表示方法について記事を書いていきたいと思います。 「position:fixed」で固定しちゃえば即解決? 要素を固定する方法として「position:fixed」を指定するという方法があります。 フッター領域に「position:fixed」を指定すれば即解決するんじゃ?という案もひとつあり

            コンテンツ量が少ない時、フッターを画像下部に表示させるには?
          • HTMXを試してみたいのでWebSocketでSymbolの新規ブロックをリアルタイムで表示してみる - Qiita

            Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

              HTMXを試してみたいのでWebSocketでSymbolの新規ブロックをリアルタイムで表示してみる - Qiita
            • スクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプト・「PushIn.js」

              PushIn.jsはスクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプトです。ES5に準拠した全てのブラウザに対応しており、非依存で動作も軽く使い方も簡単です。 JavaScriptとCSSを使って、ユーザーがページをスクロールした際にオブジェクトのスケールを操作することでオブジェクトが前方や後方に移動するような錯覚を生み出す、というシンプルな仕様となっています。 各ブラウザに組み込まれたrequestAnimationFrameメソッドでクロスブラウザに対応したパフォーマンスの高いエクスペリエンスを提供しています。シンプル故に応用も効くのが良いですね。特にCSSが得意な方ならいろいろ作れそうです。ライセンスはMITです。 PushIn.js

                スクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプト・「PushIn.js」
              • https://programmagick.com/blogs/react_apollo/

                • 法務省:不動産を相続した方へ ~相続登記・遺産分割を進めましょう~

                  ・なぜ早期に遺産分割を行うことが大切なのでしょうか 相続が発生すると、原則として、遺産は法律で定められた相続分(法定相続分)の割合で相続人らが共有することになります。共有状態になった財産の管理・処分は、相続人同士で決めなければならず、不便なことが多くなります。また、時間が経つと更に次の世代の相続が発生(数次相続)して権利関係が複雑になってしまいますので、早期に遺産分割を行うことが大切です。 しかし、これまでは遺産分割に関する期間制限がなかったため、遺産分割がされずに長期間が経過してしまうケースがありました。 そこで、令和3年の民法改正において、早期の遺産分割を促すための新たなルールが導入されることになりました(令和5年4月1日開始)。詳細は上部の資料をご覧ください。 ◎ 相続に関する手続を行う方へ(法定相続情報証明制度について) ・ 法定相続情報証明制度について 亡くなった方とその相続人と

                  • jQueryで指定した要素にclass,idを追加する

                    jQueryで指定した要素にclass,idを追加する 要素にclassやidを割り当てるにはhtmlで直接指定するのが確実ですが、大量の要素やクリックイベント後に処理したい場合は、プラグラムで割り当てる必要があります。 この記事ではjQueryを使用して、さまざまな状況下で各要素にclassやidを追加してみます。 投稿日2010年12月24日 更新日2011年04月02日 id、classを割り当てるためのメソッド 次のような構造のhtmlがあるとします。 html <ul> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> <li>リスト4</li> <li>リスト5</li> </ul> たとえば、ulに「style-ul」というidを、liには「style-li」というclassを割り当てるとします。 「attr」メソッドを使用すれば、属性の追加

                      jQueryで指定した要素にclass,idを追加する
                    • [GA4]ライブラリ機能-おすすめレポート | アユダンテ株式会社

                      アユダンテのコラムでは、GA4のライブラリ機能について解説を行ってきました。今回のコラムはデータ探索でしか選択できないディメンションを標準レポートへ追加する方法を紹介します。 ライブラリ機能の概要や操作方法は過去のコラムを参照してください。 GA4のレポートをカスタマイズできる「ライブラリ機能」 GA4「ライブラリ機能」の活用例:チーム独自のコレクション GA4「ライブラリ機能」の活用例:ランディングページレポート トラフィック獲得レポートに「utm_term」「utm_content」を追加する拡張計測機能のレポートをライブラリで作成する トラフィック獲得レポートに「utm_term」「utm_content」を追加する GA4ではUAと同じようにリンク先URLにキャンペーン用のパラメータ(utmパラメータ)を追加すると各パラメータ別で集計できます。URLに追加できるパラメータは下記の5

                        [GA4]ライブラリ機能-おすすめレポート | アユダンテ株式会社
                      • 認知症家族の会ハンドブックが異例の増刷 作る視点を変え脚光 | 毎日新聞

                        「認知症の人と家族の会」が作成したハンドブック「認知症と向きあうあなたへ」。イラストを多用し、認知症について分かりやすく説明している=京都市上京区で2020年10月28日午後7時54分、中島怜子撮影 公益社団法人「認知症の人と家族の会」(本部・京都市)が作成し、無料で配布しているハンドブック「認知症と向きあうあなたへ」が異例の増刷となっている。2020年2月の発行後問い合わせが相次いで増刷となり、1年で約4万部に達した。前回06年に発行した一般向けハンドブックは年平均1万部程度で、今回は飛び抜けた反響になった。広く関心を集めた背景の一つに、作る視点を変えたことがある。 「54歳なら妻の発病時と同年齢ですね」 ハンドブックの前半はイラスト付きの物語仕立て。病院の待合室の場面から始まる。妻が認知症と診断されて間もない夫婦に、10年前から認知症の妻と暮らしている男性が経験を踏まえて語りかける設定

                          認知症家族の会ハンドブックが異例の増刷 作る視点を変え脚光 | 毎日新聞
                        • 京都アヤワスカ茶会裁判 ー アマゾンの薬草が日本で宗教裁判に? ー - 蛭川研究室

                          南米の先住民族が治療儀礼に用いてきたアヤワスカという薬草には、DMTという精神展開薬が含まれている。日本に自生しているDMTを含む薬草で自分のうつ病を治した大学生と、それを売った男性が逮捕され、裁判になっている。 京都地裁で2020年6月に始まった裁判は、2022年1月に結審し、青井被告に対し実刑4年が求刑された[*1]。2022年9月26日に京都地裁は懲役3年、執行猶予5年の判決を下したが、青井被告は控訴し、大阪高裁で2023年4月18日に控訴審が始まった。逆転無罪判決が出る可能性が高く、その点でも注目すべき裁判である。 大学生の事件 アカシア茶の抗うつ作用 「光」による悟り 青井硝子の事件 京都地裁での裁判 裁判の争点 茶は麻薬なのか DMTを含む植物は日常的に使用されてきた 病気の治療は正当行為か 捜査方法の問題 事件の意味 DMT茶の医薬品としての可能性 内因性DMTの存在 21世

                            京都アヤワスカ茶会裁判 ー アマゾンの薬草が日本で宗教裁判に? ー - 蛭川研究室
                          • Cコンパイラを作るときのlibcとの付き合い方 - Qiita

                            Cコンパイラを作っていると、セルフホストを目指した瞬間、今まで味方だったlibcとの対決を迫られる熱い展開になります 前提 低レイヤを知りたい人のためのCコンパイラ作成入門 C言語でCコンパイラを書いてセルフホストを目指す場合の話 x86_64のLinuxとgcc 上記の環境に限った話かどうかについては明記しない予定 libcとの付き合い方 libcを使わない つまり自分でlibc(の一部)を書きます ファイルIO(標準出力も含む)とメモリ操作(例えばalloc/cpy/cmpな各種)など、いくつか必須っぽいものがある libcにはシステムコールラッパーとしての役割がある 自分でlibcを実装する場合にはシステムコールをアセンブリで出力する システムコールのABIは、C言語の関数呼び出しABIとは異なる 引数と返り値の扱いについてはABIが同じOSもあるが、x86_64 Linuxでは異な

                              Cコンパイラを作るときのlibcとの付き合い方 - Qiita
                            • 【これだけ覚えて!】jQueryの書き方(js学習ステップ第三弾) - 株式会社PENGIN

                              2024.01.08 2024.01.08 【これだけ覚えて!】jQueryの書き方(js学習ステップ第三弾) 粟飯原匠 |プロデューサー マーケティングを得意とするホームページ制作会社PENGINの代表。教育系スタートアップで新規事業開発を経験し、独立後は上場企業やレガシー産業のホームページ制作・SEO対策・CVR改善の支援を行うPENGINを創業。「ワクワクする。ワクワクさせる。」を理念に掲げてコツコツと頑張っています。

                                【これだけ覚えて!】jQueryの書き方(js学習ステップ第三弾) - 株式会社PENGIN
                              • passive: trueでなぜパフォーマンスがよくなるの?簡単な説明と使い方! | Tech Blog

                                スクロールした際のパフォーマンスが悪い場合(スクロールがカクつく場合)にはpassive:trueの使用を検討しましょう。この記事ではイベントリスナーにpassive:trueというヒントを使うことで、スクロールをスムーズにする方法についてご説明します。 passive:trueの役割passive:trueはevent.preventDefault();という関数をイベント内で読んでいないことをブラウザに教えてあげるために使用します。 具体的には次のように使用します。 passive:trueの使用例

                                  passive: trueでなぜパフォーマンスがよくなるの?簡単な説明と使い方! | Tech Blog
                                • スマホOK!スライダーにYouTubeなど自動再生動画を使う方法(slick.js) | 株式会社ウェブ企画パートナーズ

                                  サイトのメインビジュアルで動画がを再生するのは最近のトレンドとなっています。 今回はさらにアレンジして自動再生動画を使ったスライダーの作成に挑戦してみました。その際の知見をご紹介いたします。 <ul class="slider"> <li><a href="#"><video src="https://wk-partners.co.jp/homepage/wp-content/old-uploads/entryimg/Pexels-Videos-123540.mp4" autoplay loop muted></a></li> <li><a href="#"><video src="https://wk-partners.co.jp/homepage/wp-content/old-uploads/entryimg/Pexels-Videos-2629-1.mp4" autoplay loo

                                    スマホOK!スライダーにYouTubeなど自動再生動画を使う方法(slick.js) | 株式会社ウェブ企画パートナーズ
                                  • URLを解析するQsを丁寧に説明してみた

                                    Qsって何? npm公式 クエリの解析,文字列化をするライブラリです. 使っていて非常に便利なので一旦まとめようと思います. 基本的な使い方 import qs from 'qs'; // (以下省略) const obj = qs.parse('a=c'); // { a: 'c' } const str = qs.stringify(obj); // 'a=c' 簡単に言うと,parseはURLなどの文字列をオブジェクトに変換するメソッドで, stringifyはオブジェクトをURL形式の文字列に変換するメソッドです. またqsはネストしたオブジェクトも生成することができます. 例えば'foo[bar]=baz'は

                                      URLを解析するQsを丁寧に説明してみた
                                    • 認知症の原因No.3のレビー小体型認知症って? - family-doctor-shin’s blog

                                      過去に記事にした内容ですが、動画にしてみました! アルツハイマー型認知症とは症状が違います。 是非みてみてください! レビー小体型認知症の話 レビー小体型認知症の自然経過 レビー小体型認知症はこちら⬇︎ ohunafamily.com アルツハイマー型認知症はこちら⬇︎ ohunafamily.com

                                        認知症の原因No.3のレビー小体型認知症って? - family-doctor-shin’s blog
                                      • 猫でもわかるスクロールイベントパフォーマンス改善ポイント2018 - Qiita

                                        TL;DR パフォーマンスの重要性をおさらい Scroll Jank とは 60fpsとリフレッシュレート スクロールイベントを最適化する パフォーマンスの重要性をおさらい 検索エンジンと広告収益事例 GoogleとMicrosoftの検索エンジンチームによって2009年に発表された調査 レスポンスの遅延が招く収益への影響: 0.5秒遅延 → -1.2% 1.0秒遅延 → -2.8% 2.0秒遅延 → -4.3% スクロールイベントは負荷が高い フロントエンドの実装をしたことのある方は、スクロールイベントを使った実装をしたことも多いはず。 スクロールイベントは発生頻度が高いため、負荷が高くなりがちです。スクロールイベントのリスナーは適切に実装しないとScroll Jankの発生・UXの低下を招いてしまいます。 パフォーマンスを出来るだけ下げないような実装事例を紹介していきます。 Scrol

                                          猫でもわかるスクロールイベントパフォーマンス改善ポイント2018 - Qiita
                                        • JavaScript の Import Assertions について

                                          はじめに Import Assertions は現在 Stage 3 の ECMAScript のプロポーザルである。2020 年 9 月に行われた TC39 のミーティングで Stage 3 になった(ミーティングノートは https://github.com/tc39/notes/blob/master/meetings/2020-09/sept-22.md#import-assertions-for-stage-3 にて公開されている)。 Babel では 先日リリースされた 7.12 から Import Assertions を使えるようになった。 この記事では現時点での Import Assertions について解説する。 概要 このプロポーザルは従来の import 文 にインラインの構文を追加し、モジュール指定子とは別に詳細情報の指定を可能にする。主に想定される用途は Ja

                                            JavaScript の Import Assertions について
                                          • slick.jsのdots、arrowsのカスタマイズ方法

                                            以前にslick.jsに関することを2つ書きましたが、今回はもっと絞って「arrows」と「dots」のカスタマイズ方法について紹介します。 以前のslick.jsに関する記事は下記の2つです。 よく使うjQueryプラグイン① 「slick.js」 「slick.js」の使い方応用編 追加で「slick.jsでサムネイル付きスライダーを作成する」も書きました。サムネイルを固定した場合のスライダーのサンプルも紹介しています。 arrowsのカスタマイズ方法 arrowsのカスタマイズ方法はすごく簡単です。これはカスタマイズができるようにもともとオプションが用意されています。 オプションについてはこちらから確認してください。 slick.jsのオプションの箇所に下記のように記述すれば好きな画像をarrowsに設定できます。 $(function(){ $("#slider").slick({

                                              slick.jsのdots、arrowsのカスタマイズ方法
                                            • SPAのページをGAで計測?従来のWEBと同じで余裕でしょ!と思い込んでた話 - Qiita

                                              SPAをGA4、UAの両方で計測できるようにしたい! WEB計測で利用されている超有名なツールといえば「Google Analytics」。(以下、GA) 計測タグを読み込ませるだけで、PV数やユーザー数、セッションなど多くの指標を計測できるこの便利なツールをGoogleは無料で提供しています。Googleさん、太っ腹! 普段、私が数値集計に使っているGAはUniversal Analytics(以下、UA)形式ですが、Google公式から「2023年7月からGA4に完全移行するよ。今後、UAは使えなくなるよ」と告知されたので、GA4とUAの画面を見比べたりUAで計測できている数値をGA4で確認する方法を探したりと、手探りで移行準備を進めています。 GA4に早く慣れないとなぁと考えながら普段の業務をこなしているところに、Nuxt.js、Node.jsを使ったSPA(シングルページアプリケー

                                                SPAのページをGAで計測?従来のWEBと同じで余裕でしょ!と思い込んでた話 - Qiita
                                              • jquery.graphviz.svg - GraphvizのSVGデータを表示/機能追加するjQueryプラグイン MOONGIFT

                                                チャートやネットワーク図などを描くのに使われるのがGraphvizです。多くの場合PNGなどの画像で出力して利用しますが、SVGへのエクスポートも可能です。Web向けであれば、画像よりも使い勝手が良いでしょう。 そんなGraphvizで出力したSVGを表示するのがjquery.graphviz.svgです。 jquery.graphviz.svgの使い方 表示しました。 ノードをクリックすると、ハイライト表示されます。 さらにズームイン/アウトができます。 jquery.graphviz.svgはGraphvizのSVGデータに対して、ハイライトとズームイン、ズームアウトを追加します。さらにデータをレスポンシブにしてくれるので、どのデバイスに対しても適切な表示が可能です。 jquery.graphviz.svgはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT L

                                                  jquery.graphviz.svg - GraphvizのSVGデータを表示/機能追加するjQueryプラグイン MOONGIFT
                                                • jQueryで入力フォームの可変項目を増減する度にname属性を採番する

                                                  jQueryで入力フォームの可変項目を増減する度にname属性を採番する タイトルちょっと何言ってるかわかりませんが、フォームの入力項目をjQueryで増減させたりすることがあるかと思うのですが、その際name属性に指定されている配列のindexを採番し直す方法をご紹介します。 投稿日2020年09月22日 更新日2020年09月22日 HTML 次のようなHTMLがあるとします。 追加ボタンをクリックするとリストが一つ増え、削除ボタンをクリックするとリストから項目が削除されます。 name属性にインデックスが割り当てられているのがわかります。 このインデックスを例えば2つ目の項目が削除された場合でも0,1となるようにします。 <div class="items"> <button class="add-btn">追加</button> <ul class="item-list"> <li

                                                    jQueryで入力フォームの可変項目を増減する度にname属性を採番する
                                                  • PythonでターミナルをRichにする - Qiita

                                                    PythonでターミナルをRichにする ターミナルは暗い。Pythonでバックエンド開発をしていると日々真っ暗な画面を凝視することになり、性格も人生も暗くなります。 そこに光明を差すライブラリを見つけました。Richです。Richを使うことによって、真っ暗なターミナルを色とりどりのフォントと絵文字で明るい人生を送ることができるようになります。 What is Rich? Richはターミナルにリッチなテキストを美しく整形して出力するPythonライブラリです。 Pythonの標準出力、ログの両方をきれいに表示することができるようになります。しかも絵文字も使えます。 Richは以下で公開されています。 Github Documentation Richになりましょう! Rich入門 インストールは簡単です。すぐRichになれます。

                                                      PythonでターミナルをRichにする - Qiita
                                                    • 【slick】カスタマイズ用オプションまとめ一覧

                                                      今回はそんな疑問にお答えします。 スライダーを簡単に実装できるプラグインとして有名なslickですが、オプションが色々あり、かなり幅広くカスタマイズ可能です。 slickの基本的な使い方と、slickを使うのに必要なjQueryの使い方については以下の記事を参照下さい。

                                                        【slick】カスタマイズ用オプションまとめ一覧
                                                      • Create a Blog with Nuxt Content

                                                        Create a Blog with Nuxt Content The Content module is a git files based headless CMS that provides powerful features when it comes to write blogs, documentation sites or just adding content to any regular website. In this post we will go through most of the benefits of this module and discover how we can create a blog with it.

                                                          Create a Blog with Nuxt Content
                                                        • HTMLタグからcssセレクターを生成するVSCode拡張機能を作った

                                                          【2023/3/23 更新】 こちら、使いやすいようにバージョン1.0.0にアップデートして settings.jsonにオプションを追加出来るようになりました! 正規表現でセレクターのフィルタリングをできたり、 生成するcssセレクター内に挿入するコードを設定しやすくしました。 詳細はgithubのissueをご確認ください。 成果物 ※良かったら使ってみてください〜 なんで作ったか 突然ですが、 htmlのclassを、cssでセレクタにする作業、 ダル辛すぎませんか? ページ数、要素数が多くなると、「何回同じ作業やるねん、、」 という思いになります。 朝起きたら、「セレクタ抜き出して用意しときましたよ!!」、って誰かにやって欲しいレベルです。 <div class="l-wrapper"> <div class="p-hoge p-hoge--up js-hoge">aaa</div

                                                            HTMLタグからcssセレクターを生成するVSCode拡張機能を作った
                                                          • microCMSとNext.js13 Server Components

                                                            はじめに こんにちは、フロントエンドエンジニアの森茂です。 Next.js v13からapp directoryが利用可能になりました。2022年12月現在、まだbeta版ではありますが、Next.jsのあたらしい方向性を垣間見ることができます。またapp directoryではデフォルトでReact Server Componentが採用されているのも大きな特徴です。 もちろんmicroCMSはServer Componentでも利用ができます。今回はapp directoryを利用する環境でのmicroCMSの利用方法についていくつか紹介します。 更新情報microcms-js-sdk v2.5.0からcustomRequestInitとしてfetchへリクエストオプションを追加できるようになりました。 Next.jsのApp Routerで利用されるfetchのcacheオプションを

                                                              microCMSとNext.js13 Server Components
                                                            • Software Design 2021年3月号の「WebAssembly入門」を読んだ - dackdive's blog

                                                              Software Design (ソフトウェアデザイン) 2021年3月号 [雑誌] 技術評論社Amazon rust-jp の Slack で知り、読んでみました。 3 ~ 4 時間でさらっと読めるボリューム。 全体的に手を動かす成分はそこまで多くなかった印象で、読み物として面白かった。 以下、各章の感想など。 第1章 WebAssemblyの登場の経緯と利用方法 自分のこれまでの知識を復習しつつ、歴史的経緯などは知らなかった部分も多かった。 WAT のフォーマットについては以前読んだこちらの記事が良かった。 WebAssemblyハンズオン: 実際に動かして基礎を学ぶ(翻訳)|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社 また、印象的だったのはWasmの用途のところで 現代のブラウザが JavaScript を高速に実行するためには、大まかに「(

                                                                Software Design 2021年3月号の「WebAssembly入門」を読んだ - dackdive's blog
                                                              • XMLを正規表現で抽出してたけど、全部fast-xml-parserでよかった件 - Qiita

                                                                はじめに この春から✨ピカピカ社会人✨の あなP(@annap_ms)です。 いきなりですが、XML(Extensible Markup Language)について、ファイルの設定情報やデータ構造を扱う際に、特定のタグや属性だけを取り出したい場面はよくあります。 何も知らなかった私は、正規表現を使ってタグや属性を抽出するコードを書いていましたが、ネストが深くなったり、属性があったりなかったりと、処理がだんだん面倒に……。 「いや、こんなものに専用ライブラリがないわけないよな?」とふと我に返って調べてみたところ、あっさりと便利なライブラリ fast-xml-parser に出会いました。 ちゃんと調べようという戒めの意味も込めて、備忘録として残しておきます。 正規表現でXMLを処理していたときの話 例えば、以下のようなシンプルな構造のXMLから、user タグの id 属性と、 その中に含ま

                                                                • React 状態管理ツールの沼にハマった話

                                                                  2020年に、株式会社パルケのCTOに就任してから、Reactでいくつかのサービスを開発してきました。 状態管理ツールの選定に悩みに悩み、試しに試してブレまくってしまい、プロダクトでどのように状態管理ツールを使っていくのか混沌としてしまっていた時期がありました。 その時期にプロダクト開発に携わっていただいて、いろいろ混乱させてしまった開発メンバーの方には、この場を借りてお詫びしたいと思います。 なお、この記事は当時の個人の体験・印象に基づくものであり、事実とは異なる場合、現状とは異なる場合があります事をご了承ください。 状態管理ツールに求める事 コンポーネント間のデータの受け渡しをPropsを介在せずにできる事、データの変更に応じて関連するコンポーネントの再描画する事の2点だと思います。 これらはどの状態管理ツールでも問題なく実現できますので、選定にあたってはそれ以外の開発体験(という開発

                                                                    React 状態管理ツールの沼にハマった話
                                                                  • GitHub - catdad/canvas-confetti: 🎉 performant confetti animation in the browser

                                                                    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

                                                                      GitHub - catdad/canvas-confetti: 🎉 performant confetti animation in the browser
                                                                    • Cesium と 3D Tiles について(2) - Qiita

                                                                      はじめに 昨年度の FOSS4G Advent Calendar 2018 22日目で、Cesium と 3D Tiles について紹介しました。また、社内のテックリード会でも同様の内容で紹介しましたので、紹介できる内容に絞って、情報を共有したいと思います。地味にいいね!があるので参考になれば幸いです。 Cesium について Cesium は、3D のビューワーエンジンで、Cesium js と Cesium ion で構成されています。 Cesium JS Web 上の 3D マップ用の JavaScript ライブラリ Cesium ion ストリーミング用に3D データをタイリングし、配信するためのサービス 3D データは Cesium ion にてストリーミング用に最適化され、Cesium JS で可視化されます。 3D データについて 3D Viewer の場合は、3D データ

                                                                        Cesium と 3D Tiles について(2) - Qiita
                                                                      • 北朝鮮が操るLazarusがPythonパッケージからマルウェア配布、注意を - JPCERT/CC

                                                                        JPCERTコーディネーションセンター(JPCERT/CC: Japan Computer Emergency Response Team Coordination Center)は2月21日、「PyPIを悪用した攻撃グループLazarusのマルウェア拡散活動 - JPCERT/CC Eyes|JPCERTコーディネーションセンター公式ブログ」において、北朝鮮が関与しているとみられる脅威グループ「Lazarus Group」が不正なPythonパッケージを公式PyPIリポジトリに公開していることを発見したと報じた。 PyPIを悪用した攻撃グループLazarusのマルウェア拡散活動 - JPCERT/CC Eyes|JPCERTコーディネーションセンター公式ブログ 発見された4つの不正なPythonパッケージ 発見された不正なPythonパッケージは次の4件。 pycryptoenv pyc

                                                                          北朝鮮が操るLazarusがPythonパッケージからマルウェア配布、注意を - JPCERT/CC
                                                                        • 【簡単】別ページのアンカーリンクでもスムーズスクロールさせる方法|kasumiblog

                                                                          ページ内アンカーリンクでスムーズスクロールを実装したが、別ページのアンカーリンクに飛んだ時も、スムーズスクロールさせたい! このような疑問に回答します。 本記事では別ページでも、アンカーリンクへスムーズスクロールさせる方法について解説します。 script内に以下ソースを記述 $(function () { // 別ページの場合は以下 var urlHash = location.hash; if (urlHash) { $('body,html').stop().scrollTop(0); setTimeout(function(){ // ヘッダー固定の場合はヘッダーの高さを数値で入れる、固定でない場合は0 var headerHight = 0; var target = $(urlHash); var position = target.offset().top - headerH

                                                                            【簡単】別ページのアンカーリンクでもスムーズスクロールさせる方法|kasumiblog
                                                                          • jQueryは時代遅れなのか? - Qiita

                                                                            はじめに おはようございます、しなもんです。 jQuery、使われていらっしゃいますでしょうか。 最近では、Vue.jsやReactなどが登場したことにより やれ「jQueryは時代遅れだ」だの「いや、まだ使えるから学ぶべき」だの、 様々な意見があるライブラリだと思います。 なのでこの記事では、結局jQueryは時代遅れなのか?という問に沿って様々な視点でまとめていこうと思います。 今一度jQueryについて知る jQueryとは、JavaScriptを簡単に扱えるライブラリとして2006年にリリースされました。 当時は使いにくかったJavaScriptのAPIを簡略化するだけでなく、短いコード量で動くこと、当時バラバラだったブラウザによる挙動の違いを吸収できることとして人気を博しました。 現代ではどうか? 先程述べた通り、jQueryは2006年にリリースされています。 当時はまだJav

                                                                              jQueryは時代遅れなのか? - Qiita
                                                                            • Web制作向けwebpack - Qiita

                                                                              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                                                Web制作向けwebpack - Qiita
                                                                              • ブラウザでコード譜を書く : "fumen" の紹介 - Qiita

                                                                                あらまし ブラウザでコード譜を書くためのMarkdownベースのJavascriptライブラリ fumen の紹介です。 Github : https://github.com/hbjpn/fumen/ ドキュメント : https://hbjpn.github.io/fumen/ プレイグラウンド : https://fumenbook.com/ Wordpress Plugin: https://wordpress.org/plugins/fumen/ ずいぶん前(2013年〜)から公開していましたが、以前のバージョンは速度が遅かったり描画の純軟性にかける問題があったので、根本的な作り直しを行いました。また、fumenをコアにしたコード譜作成WEBサービスfumenbookも作りました。 モチベーション 譜面を作るツールは多くあるのですが、音符等まで含めた綺麗な譜面を作ることを主眼にお

                                                                                  ブラウザでコード譜を書く : "fumen" の紹介 - Qiita
                                                                                • GitHub - bashojs/basho: Lazy shell pipelines in plain JavaScript

                                                                                  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

                                                                                    GitHub - bashojs/basho: Lazy shell pipelines in plain JavaScript

                                                                                  新着記事