並び順

ブックマーク数

期間指定

  • から
  • まで

3041 - 3080 件 / 3573件

新着順 人気順

*JavaScriptの検索結果3041 - 3080 件 / 3573件

  • Railsの現在地 / Rails以外からTurbo(Hotwire)を使う|kiha

    Railsの現在地DHHらは、ビジネスモデルが確定していないレベルの初期のスタートアップにおいて、複雑なSPAでのページレンダリングを採用したWebシステムを構築することはオーバーエンジニアリングでは? というところに、強い課題意識を持っているように見える。フロントエンド、サーバサイド問わず複雑なアーキテクチャにしすぎると生産性悪くない?というわけだ。あのTwitter社ですら儲かるか儲からないかわからないレベルの黎明期にはその思想に賛同してかRailsを採用していた。 近年DHHらは、RailsベースのGmailっぽいプロダクトをリリースしていて、新進気鋭のフレームワークであるHotwire(Turbo)を積んだRails 7でGmailの「あの操作性」を実現できるレベルに進化させた。ReactやVue.jsなどのライブラリを使わずとも実現できることを示した。 Turboの概観Turbo

      Railsの現在地 / Rails以外からTurbo(Hotwire)を使う|kiha
    • Rails: Sprockets->Propshaftアップグレードガイド(翻訳)|TechRacho by BPS株式会社

      概要 MITライセンスに基づいて翻訳・公開いたします。 英語記事: propshaft/UPGRADING.md at main · rails/propshaft 原文更新日: 2023/12/12(c2a87b5) ライセンス: MIT 2022/07/14: 初版公開 2023/10/18: 更新 2024/02/21: 更新 Propshaftの適用範囲はSprocketsよりも狭いので、SprocketsからPropshaftへの移行にはjsbundling-rails gemとcssbundling-rails gemも利用する必要があります。本ガイドでは、プロジェクトがRails 6.1以後の以下の規約に沿っていることを前提としています。 JavaScriptのバンドルにwebpackerを利用している CSSのバンドルにsass-railsを利用している アセットのダイジェ

        Rails: Sprockets->Propshaftアップグレードガイド(翻訳)|TechRacho by BPS株式会社
      • UnJS にどんなツールがあるのかすべて紹介してみた(後編)

        UnJS のライブラリ多すぎて結局何を使えば良いのかわからないという方は、とりあえずこの unkit を入れてみましょう。 31~40 31. 🛣️pathe ── あらゆる環境で統一的に使えるファイルパスモジュール resolve('../') のようなパス解決を行うモジュール。 node:path と同じようなことができますが、パスの区切りに使われる文字が、Windowsではスラッシュではなくバックスラッシュで書かれることがあり、どちらの書き方でも認識できるようになります。 第2引数でエイリアスを渡せる resolveAlias 関数なども提供されています。 ちなみに11/12時点で radix3 の Star数を抜いているので既に30位です。 32. 👂listhen ── HTTPリスナーを提供するパッケージ npx listhen -w ./index.ts のようなコマンド

          UnJS にどんなツールがあるのかすべて紹介してみた(後編)
        • 結局 React のコンポーネントにはどうやって型をつければ良いのさ - kk-web

          React TypeScript Cheatsheet の Useful Patterns by Use Case の Wrapping/Mirroring に答えが書かれていました。 自分は function でなく const で作成することが多い(どっちが良いんですかね?)ので、以下のように書くのが良さそうです。 import React, { ComponentPropsWithoutRef, FC } from "react"; export type ButtonProps = ComponentPropsWithoutRef<"button"> & { specialProp?: string; }; const Button: FC<ButtonProps> = ({ specialProp, ...props }: ButtonProps) => { console.lo

            結局 React のコンポーネントにはどうやって型をつければ良いのさ - kk-web
          • Next.js における環境変数 (env) の基本的な設定方法 | fwywd(フュード)powered by キカガク

            This document is for Next.js versions 9.4 and up. If you’re using an older version of Next.js, upgrade or refer to Environment Variables in next.config.js. 引用:Basic Features: Environment Variables | Next.js

              Next.js における環境変数 (env) の基本的な設定方法 | fwywd(フュード)powered by キカガク
            • 【jQuery】ページ内リンクでスムーズスクロール(スクロール位置の調整も簡単にできる) | 125naroom / デザインするところ(会社)です。

              $(function(){ // #で始まるa要素をクリックした場合に処理("#"←ダブルクォーテンションで囲むのを忘れずに。忘れるとjQueryのバージョンによっては動かない。。) $('a[href^="#"]').click(function(){ // 移動先を0px調整する。0を30にすると30px下にずらすことができる。 var adjust = 0; // スクロールの速度(ミリ秒) var speed = 400; // アンカーの値取得 リンク先(href)を取得して、hrefという変数に代入 var href= $(this).attr("href"); // 移動先を取得 リンク先(href)のidがある要素を探して、targetに代入 var target = $(href == "#" || href == "" ? 'html' : href); // 移動先を

                【jQuery】ページ内リンクでスムーズスクロール(スクロール位置の調整も簡単にできる) | 125naroom / デザインするところ(会社)です。
              • Quagga.js でバーコード読取してみた - Qiita

                はじめに 自分は以前に Cordova を使って「蔵書台帳」アプリを作りました。このとき 書籍の ISBN のバーコードを読取するのに、Cordova のプラグインを使っていました。 改めて調べてみると、ブラウザ上の JavaScript コードで直接、カメラ画像からバーコードの読取できるんですね。 JavaScript でバーコード読取できるライブラリは幾つもありましたが、これがよさそうでした。 GitHub - serratus/quaggaJS: An advanced barcode-scanner written in JavaScript GitHub - ericblade/quagga2: An advanced barcode-scanner written in Javascript and TypeScript 紹介している記事も多く、幾つか試してみました。 Quag

                  Quagga.js でバーコード読取してみた - Qiita
                • Faissの概要 | Hakky Handbook

                  Faissの概要概要​ 本記事では近似最近傍探索ライブラリの Faiss について解説します。 Faiss とは​ Faiss とは、Meta(Facebook)製の近似最近傍探索ライブラリであり、類似の画像やテキストを検索するためのインデックスを作成するツールです。Faiss は C ++で記述されていますが、Python ラッパーを使用して Python で高速な学習が可能です。 他の近似最近傍探索ライブラリ​ Faiss の他に、有名な近似最近傍探索ライブラリとして、FLANN、Annoy、NMSLIB、NGT などがあります。ライブラリの比較は以下の記事が参考になります。 近似最近傍探索ライブラリ比較 類似商品 API で使っている近傍探索のツールを NGT から faiss に切り替えたお話 Index のアルゴリズム​ 探索の手法​ 探索の手法は大きく以下の 2 種類があります

                  • React開発に役立つ主要ライブラリ一覧と選定ガイド - Qiita

                    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに フロントエンド開発において、適切なライブラリやツールを選択することは、プロジェクトの成功を左右する重要な要素です。 特に React を中心としたエコシステムでは、UI コンポーネント、状態管理、フォーム、データ通信、スタイリング、テストなど、さまざまな分野で数多くのライブラリが存在します。 それぞれのライブラリには独自の特徴や強みがあり、プロジェクトの規模や要件に応じて最適なものを選ぶ必要があります。 しかし、これだけ多くの選択肢がある中で、どのライブラリを選ぶべきか迷うことも少なくありません。 特に、初めてプロジェクトを立

                      React開発に役立つ主要ライブラリ一覧と選定ガイド - Qiita
                    • GitHub - abagames/crisp-game-lib: Minimal JavaScript library for creating classic arcade-like mini-games running 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 - abagames/crisp-game-lib: Minimal JavaScript library for creating classic arcade-like mini-games running in the browser
                      • アニメーションライブラリ「Tween24.js」正式リリース! 相対値や曲線移動などバージョン1.0の新機能 - ICS MEDIA

                        アニメーションライブラリ「Tween24.js」正式リリース! 相対値や曲線移動などバージョン1.0の新機能 「Tween24.js」はメソッドチェーンで記述するのが特徴で、たった1行でアニメーションが実装可能なJavaScriptライブラリです。筆者が開発を続けており、今回の2022年3月のアップデートでは6つの新しい機能を追加し、バージョン1.0として正式リリースとなります。 正式リリースでメジャーバージョンが変わりますが、仕組みの変更はなく下位バージョンとの互換性があるため、すでにお使いの方もそのまま利用いただけます。 基本的な使い方や導入方法を知りたい方は、記事『新感覚!メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました』をご覧ください。 今回のアップデート内容 新機能:曲線的に座標移動させるbezier() 新機能:設定時からの相対値でトゥイーン

                          アニメーションライブラリ「Tween24.js」正式リリース! 相対値や曲線移動などバージョン1.0の新機能 - ICS MEDIA
                        • JavaScriptライブラリ「jQuery 3.7.0」がリリース

                          CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

                            JavaScriptライブラリ「jQuery 3.7.0」がリリース
                          • esbuild - FAQ

                            This is a collection of common questions about esbuild. You can also ask questions on the GitHub issue tracker. Why is esbuild fast? Benchmark details Upcoming roadmap Production readiness Anti-virus software Outdated version of Go Minified newlines Avoiding name collisions Top-level var #Why is esbuild fast?Several reasons: It's written in Go and compiles to native code. Most other bundlers are w

                              esbuild - FAQ
                            • How I Built A Cross-Platform Desktop Application With Svelte, Redis, And Rust | CSS-Tricks

                              How I Built a Cross-Platform Desktop Application with Svelte, Redis, and Rust At Cloudflare, we have a great product called Workers KV which is a key-value storage layer that replicates globally. It can handle millions of keys, each of which is accessible from within a Worker script at exceptionally low latencies, no matter where in the world a request is received. Workers KV is amazing — and so i

                                How I Built A Cross-Platform Desktop Application With Svelte, Redis, And Rust | CSS-Tricks
                              • とほほのNode.js入門 - とほほのWWW入門

                                Node.js とは 歴史 JavaScript関連技術 インストール yum の場合 (CentOS) apt の場合 (Ubuntu) nvm の場合 (CentOS/Ubuntu) nodebrew の場合 (CentOS/Ubuntu) n の場合 (Ubuntu) リポジトリを利用する場合 (Ubuntu) Hello world (コンソール版) Hello World (Web版) コンソールに改行無しで書き出す クライアントからの情報を得る アプリケーションフォルダを作成する アプリケーションフォルダにパッケージをインストールする GET パラメータを受け取る POST データを受け取る Express で GET POST を処理する Express で POST データを受け取る RAW データを受け取る TEXT データを受け取る FORM データを受け取る JSON

                                • Bolt.js⚡ + Firebase🔥で技術投稿の指標を良い感じに集計してくれるSlack Botを作った

                                  いかに楽に入力できるか、いかに楽に自分の進捗を把握できるかに着目して作りました。 入力については、Slack アカウトごとに前回入力済みの内容を Firestore に保存し、初回以降は入力欄の初期値として入るようにしています。 進捗把握については、初回以降は前回の実行時からの差分を表示するようにしています。なので週 1 回とかコマンドを打てば前週との比較が手軽に出来ます。 構成 どのような構成かざっくり紹介します。 Bolt.js を Cloud Functions for Firebase で動かして Slack とのやりとりをしています。 そして、フォームの入力内容・指標データを Firestore に保存しています。 指標集計部分は自分で各サービスの API クライントを書いて使っています。 Zenn の API クライアント import { ZennArticle, Follo

                                    Bolt.js⚡ + Firebase🔥で技術投稿の指標を良い感じに集計してくれるSlack Botを作った
                                  • 池田 泰延 on Twitter: "JavaScriptの配列操作。 調べるのがいつも面倒なので、利用頻度の高いものをまとめました。 「もとの配列を変化させない」ことがポイント。 https://t.co/EXU0EoTK8L"

                                    JavaScriptの配列操作。 調べるのがいつも面倒なので、利用頻度の高いものをまとめました。 「もとの配列を変化させない」ことがポイント。 https://t.co/EXU0EoTK8L

                                      池田 泰延 on Twitter: "JavaScriptの配列操作。 調べるのがいつも面倒なので、利用頻度の高いものをまとめました。 「もとの配列を変化させない」ことがポイント。 https://t.co/EXU0EoTK8L"
                                    • Vercel Proプランの料金体系の変更とNext.js での対策に関して

                                      Twitterにてタイトルに関して指摘をいただきました。 確かに値上げではなく、「利用上限を超えた場合の従量課金体系の追加」が正しいため、タイトルを変更しました。 ただ、従量課金の金額はベース料金と比較した場合に比率がかなり大きいため、次回の請求サイクルに入る前に、自身の利用状況を確認することをおすすめします。 2021/10/06 Vercel よりメールで、Proプランにおける使用上限を上回った際の追加料金発生に関してアナウンスがあった。 Hi there, Your team, on the Vercel Pro plan is now able to purchase extra usage as needed. This allows greater flexibility for teams who don't need the support and security of

                                        Vercel Proプランの料金体系の変更とNext.js での対策に関して
                                      • 【jQuery】スクロールして表示領域に入ったら要素をアニメーション表示させる『inview.js』の実装サンプル集 | 125naroom / デザインするところ(会社)です。

                                        【jQuery】スクロールして表示領域に入ったら要素をアニメーション表示させる『inview.js』の実装サンプル集2024.5.21デザインのメモjQuery jQueryの遅延(少し遅らせて表示させる、最近よく見かけるあれです)プラグイン『inview.js』の使い方と、制作に役立つ実装サンプルをまとめました。CSSのアニメーションと組み合わせることでサイト制作の幅がとっても広がります。慣れてしまえば簡単なので是非取り入れてみてください。

                                          【jQuery】スクロールして表示領域に入ったら要素をアニメーション表示させる『inview.js』の実装サンプル集 | 125naroom / デザインするところ(会社)です。
                                        • npm pack時にsrc下の__tests__を無視したい(2021/02/08更新) - cangoxina

                                          npm packをする際に、src下に配置したテストファイルを除外する方法です。ググってもあんまりいい回答がヒットしなかったので記事にします。 2021/02/08 更新:npm v7 に対応しました。 目次 2021/02/08 追記 TL;DR(要約) npm packで圧縮されるファイル 指定したファイルやフォルダのみをnpmパッケージに含まれるfilesフィールド npm packから特定のフォルダを除外する .npmignoreを使うとめんどくさい filesで!を使おう おわりに 2021/02/08 追記 元々は!__tests__で除外ができていたのですが、どうやら npm v7 では!__tests__が使えないことが判明しました。(npm v6 で検証していました...) 回避方法としては!**/__tests__という風にアスタリスクをつけることで npm v6/v7

                                            npm pack時にsrc下の__tests__を無視したい(2021/02/08更新) - cangoxina
                                          • PythonでBigQueryの料金を監視する

                                            この記事は  GMOアドマーケティングAdvent Calendar 2020   2日目の記事です。 皆さん こんにちは、GMOアドマーケティングのS.Rです。 GoogleのBigQuery(Google Cloud Platform)という大規模なデータ分析ツールを使ったことがありますか? BigQueryでは1PB(ペタバイト)あるいは10億行といった膨大なデータに対して、SQLで集計・分析処理を極めて高速に実行できます。 ただBigQueryのQueryを実行するには、気を付けなければ高い料金が課せられます。 今回は、Pythonで、GCPのSDKでBigQueryの実行する状況を監視するプログラムを作る方法を、皆さんへ紹介させていただきます。 プログラムの構成 プログラムの構成は下記です。 Service account を作成&権限を設定 GCPの管理画面のService a

                                              PythonでBigQueryの料金を監視する
                                            • 2021-11-23のJS: TypeScript 4.5、React 18 beta、Remix v1

                                              JSer.info #567 - TypeScript 4.5が正式リリースされました。 Announcing TypeScript 4.5 - TypeScript TypeScriptがビルトインで持つlibの型定義をpackage.jsonのdependenciesを使ってロックできるようになっています。 Awaited型の追加、Top-Level awaitに対応したmodule: es2022のサポート、Condition Typesにおいて一部末尾最適化するようになる変更も含まれています。 import名に対するtype modifierのサポート、ES ProposalのPrivate Field Presence Checks、Import Assertionsのサポートなども追加されています。 TypeScript 4.5 Betaで追加されていたNode.jsのESMサ

                                                2021-11-23のJS: TypeScript 4.5、React 18 beta、Remix v1
                                              • とほほのTypeScript入門 - とほほのWWW入門

                                                Microsoft が開発した言語で、JavaScript に型定義などの機能を追加したものです。 JavaScript 言語の完全なスーパーセットになっています。 型の異なる関数呼び出しや代入をコンパイル時に検出することによりプログラムの品質を高めることができます。 また、ECMAScript の最新機能を早めに取り入れるため、まだ、ブラウザが未対応の機能を早い時期から使用することが可能となります。 プログラムの拡張子には通常 .ts をつけます。 TypeScriptファイル(*.ts) を JavaScript ファイル(*.js)にコンパイル(トランスコンパイル・トランスパイル)します。 React や Angular などでも TypeScript がよく利用されています。

                                                • javascriptを使ったWEBカレンダー(設置サンプル3種)

                                                  javascriptとCSSを組み合わせた標準WEBカレンダーを実装する方法をご紹介しています。 javascriptを導入する際コピペしただけでは動かないサンプルもありますので、注意が必要です。 カレンダーを構成する全ての箇所を自由にカスタマイズしてみる事がマスターへの近道だと思います。 標準の基本的なJavaScriptカレンダー ページ上に月間カレンダーをレンダリングするためのシンプルなJavaScriptライブラリです。 表示・機能としても申し分ありませんし、導入も非常に簡単でシンプルな一押しのカレンダー機能です。 月間カレンダーの導入方法 スタイルシートcalendar.cssをheaderタグ内に追加します。 <link rel="stylesheet" href="css/calendar.css"> HTMLソース カレンダーのHTMLを作成します。 <div class=

                                                    javascriptを使ったWEBカレンダー(設置サンプル3種)
                                                  • 相続登記の義務化とは 罰則から過去の相続分の扱いまでわかりやすく解説 | 相続会議

                                                    1. 相続登記とは 相続登記とは、被相続人(以下、亡くなった人)が所有していた不動産の名義を相続人の名義へ変更することをいいます。 不動産の所有者が誰なのかは法務局で管理されている登記簿(登記記録)に記録されており、不動産を相続した人は「相続を原因とする所有権移転登記」、いわゆる相続登記を申請する必要があります。 たとえば、亡くなった父親名義の不動産を長男が相続した場合、長男はその不動産の所在地を管轄する法務局に相続登記を申請して父親名義から自分の名義に変更する必要があります。 2. 相続登記の義務化とは 相続登記の義務化には3つのポイントがあります。 相続登記の義務化は2024年4月1日開始 不動産を相続したことを知ったときから3年以内に登記しなければ、10万円以下の過料 過去の相続分も義務化の対象 2-1. 相続登記の義務化は2024年4月1日開始 相続登記を申請するかどうかは相続人の

                                                      相続登記の義務化とは 罰則から過去の相続分の扱いまでわかりやすく解説 | 相続会議
                                                    • Reactのベストプラクティスとコード削減パターン - パート3

                                                      本記事は React best practices and patterns to reduce code - Part3 を提供元の事前許可を得たうえで翻訳したものです。 元の記事に従いタイトルに「ベストプラクティス」と含んでいますが、実際にはベストプラクティスは規模や状況によって大きく異なります。 チームの状況にあわせて参考にしていただければと思います。 ===== これは全3パート中の最後である第3パートとなる記事です。前2つの記事を読んでいなければ是非以下のリンクからお読みください。 パート1パート2パート3(この記事) それではいきましょう。 トークンはlocalStorageよりもCookieに保存するよくないコード: const token = localStorage.getItem("token"); if (token) { axios.defaults.headers

                                                        Reactのベストプラクティスとコード削減パターン - パート3
                                                      • Blog|npmにも影響があるnode-tarのパストラバーサルの脆弱性 CVE-2021-32804

                                                        node-tarで発見された任意のファイルの書き込み・上書きの脆弱性(CVE-2021-32804)について調査を行いました。 node-tar 3.2.2, 4.4.14, 5.0.6, 6.1.1以前のバージョンを利用している場合、この脆弱性の影響を受けることがあります。 加えて、node-tarを間接的に利用している場合にも影響を受けることがあります。具体的には、npmもtarファイルを扱う処理にnode-tarを使っているため、脆弱なバージョンのnpmを使って、信頼できないtarファイルを処理することで影響を受ける場合があります。 今回は、CVE-2021-32804の修正コミットを確認してどのような脆弱性だったのか確認し、実際に脆弱性が再現できるのかDockerで環境を用意して検証を行いました。 また、npmにも影響があるかの検証も行い、こちらもDockerの環境にて確認を行いま

                                                          Blog|npmにも影響があるnode-tarのパストラバーサルの脆弱性 CVE-2021-32804
                                                        • Google Trendsの情報をPythonで取得したい。pytrendsの紹介 | DevelopersIO

                                                          データアナリティクス事業本部@札幌の佐藤です。 Google Trendsの情報を取得したいなということがあり、ライブラリを調べていたところ、pytrends というライブラリを見つけましたので触ってみました。 当機能はGoogle非公式APIとなりますので、Google側の仕様変更によって使用できない機能などがありますのでご注意ください。 GitHubの内容を見る限り、googleに対して直接リクエストを投げて情報を取得しているようです。 そのため取得期間が長い場合、googleからエラーが返却されることがありますので注意が必要です。 また、一部日本では動かない箇所があるため、これからなライブラリかなと思います。 情報の返却にPandasライブラリを利用しているため、Lambda Layersなどで使用したい場合は当ライブラリに加えてPandasライブラリが必要になります。 pytren

                                                            Google Trendsの情報をPythonで取得したい。pytrendsの紹介 | DevelopersIO
                                                          • SQLite Wasm in the browser backed by the Origin Private File System  |  Blog  |  Chrome for Developers

                                                            SQLite is a popular, open-source, lightweight, embedded relational database management system. Many developers use it to store data in a structured, easy-to-use manner. Because of its small size and low memory requirements, SQLite is often leveraged as a database engine in mobile devices, desktop applications, and web browsers. One of the key features of SQLite is that it is a serverless database,

                                                            • RxJS

                                                              • 似て非なるCSS Module Scripts

                                                                昨年くらいからNext.jsの影響もあり、CSS Modulesの人気がまた高まってるように感じますね。State of CSSのCSS-in-JSランキングでも満足度、興味、利用率、認知度などどれをとっても1~2位に入ってました。 CSS Moduels自体はReactのJSXなどと同様、JSを拡張し利用できる技術です。しかし、このアプローチを有用と思った人たちが「JSやブラウザの仕様としてCSSをimportできたらいいのにね」と思いChromeに実装されつつあるのが「CSS Module Scripts」です。 仕様になったならいい話じゃん!で終わればいいんですが、なんとこの「CSS Module Scripts」、「CSS Modules」と仕様が違うんですね。現状まだwebpackでは「CSS Module Scripts」は未サポートですが、今後サポートするつもりっぽいのでこの

                                                                  似て非なるCSS Module Scripts
                                                                • GitHub - mebjas/html5-qrcode: A cross platform HTML5 QR code reader. See end to end implementation at: https://scanapp.org

                                                                  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 - mebjas/html5-qrcode: A cross platform HTML5 QR code reader. See end to end implementation at: https://scanapp.org
                                                                  • 「父がひとりで死んでいた」離れて暮らす親の孤独死。やっておけば良かったと思うこと | 社会の今、未来の私 | mi-mollet(ミモレ) | 明日の私へ、小さな一歩!(1/4)

                                                                    「父がひとりで死んでいた」 なかなかにインパクトのある言葉です。 これは、2021年12月に発売された如月サラさんの著書のタイトルでもあるのですが、2021年1月に熊本市内にある実家で、如月さんの父(84)が孤独死していたことから始まる、約1年間のことを記した一冊です。 母親の認知症が発覚。実家にひとり暮らしになった父 25歳の時に実家を離れて上京し、出版社で女性誌の編集者として活躍していた如月さん。離婚などを経て50歳で大学院の修士課程に進学。長年勤めた出版社を辞めて、学業に専念しました。修了後はフリーランスのエディターとして活動を続けてきました。実家に暮らす両親は健在だったのですが、その当たり前の日常が崩れるきっかけになったのは、2020年夏頃に発覚した、母(82)の認知症でした。熱中症で倒れたことがきっかけで長期入院し、父はひとり実家で暮らすことになったのです。 「母が認知症になって

                                                                      「父がひとりで死んでいた」離れて暮らす親の孤独死。やっておけば良かったと思うこと | 社会の今、未来の私 | mi-mollet(ミモレ) | 明日の私へ、小さな一歩!(1/4)
                                                                    • 【gulp4】もう迷わないgulpfile.jsの書き方|KojimaKohei

                                                                      ディレクトリ構造ディレクトリ構造はこんな感じです。 srcが作業ディレクトリで、コンパイル前のscssファイルや圧縮前のjsファイル、画像ファイルが格納されています。 gulpが走ると、distディレクトリにコンパイルされます。 ├─ index.html ├─ gulpfile.js ├─ package.json ├─ package.look.json ├─ /node_modules ├─ /dist │  ├─ /css │  │ └─ style.css │  ├─ /js │  │ └─ script.js │  └─ /img └─ /src ├─ /scss │ └─ style.scss ├─ /js │ └─ script.js └─ /img npmパッケージについての説明は割愛しますが、progateで解説されている記事があったので紹介しておきますね。 基本的なg

                                                                        【gulp4】もう迷わないgulpfile.jsの書き方|KojimaKohei
                                                                      • GitHub - formkit/tempo: 📆 Parse, format, manipulate, and internationalize dates and times in JavaScript and 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

                                                                          GitHub - formkit/tempo: 📆 Parse, format, manipulate, and internationalize dates and times in JavaScript and TypeScript.
                                                                        • Cloudflare functions with Scala.js

                                                                          Indoor VivantsAnton Sviridov. I love reinventing the wheel and I usually use Scala for that. TL;DR We are deploying an app to Cloudflare using Scala.js We are using ScalablyTyped We are using Scala 3 heavily Code on Github Deployed app Cloudflare API bindings Welcome to the "Put ma Scala on yo cloud" series I want to say that I'm kicking off a blog series, but even I don't believe that. If I did,

                                                                          • Pythonスキーマバリデーションライブラリ比較 (pydantic, marshmallow, attrs, cerberus)

                                                                            Pythonスキーマバリデーションライブラリ比較 (pydantic, marshmallow, attrs, cerberus) ウェブ API の作成など、外部からやってくるデータを安全に捌く上で、スキーマ定義とバリデーションは非常に重要です。 また、特に Python のような動的型付け言語において、内部でもレイヤをまたぐ場合はきちんと定義されたデータモデルを利用することで、知らない間にデータモデルが変わっていた、というようなケースを防ぐことができます。 Python には標準でスキーマバリデーションライブラリがないため 3rd パーティのものを使うことになりますが、様々なライブラリがあるので比較してみました。 比較対象のライブラリ概要※Python バージョンは 3.9.0 を利用します。 lib                    versionGithub Star (202

                                                                              Pythonスキーマバリデーションライブラリ比較 (pydantic, marshmallow, attrs, cerberus)
                                                                            • Webフロントエンドとアーキテクチャ事情の持論を喋る ~TechFeed Experts Night#4 講演より | gihyo.jp

                                                                              本記事は、2022年9月に開催された「TechFeed Experts Night#4 〜 フロントエンドアーキテクチャを語る」のセッション書き起こし記事「Webフロントエンドとアーキテクチャ事情の持論を喋る @ahomu」を転載したものです。オリジナルはTechFeedをご覧ください。 「Webフロントエンドとアーキテクチャ事情の持論を喋る」というタイトルでお話をします。今回の会全体を通したテーマはフロントエンドアーキテクチャということで、私の持論を交えつつ、前説的なポジションをつとめさせていただければと思います。よろしくおねがいします。 ハンドルネームは@ahomuと申します。Webフロントエンドがもともと専門ですけれども、最近はスタートアップで開発組織づくりなどをしております。 今回の内容は、以前TechFeed Conference 2022で話した内容をいくらか踏襲しています。当

                                                                                Webフロントエンドとアーキテクチャ事情の持論を喋る ~TechFeed Experts Night#4 講演より | gihyo.jp
                                                                              • GitHub - unit8co/darts: A python library for user-friendly forecasting and anomaly detection on time series.

                                                                                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 - unit8co/darts: A python library for user-friendly forecasting and anomaly detection on time series.
                                                                                • ESlint で import を自動ソートする

                                                                                  import が増えてくると、その順序が気になってきます。 外部ライブラリからのインポートは上にあって欲しいし、reactからのインポートはさらに上に固定したくなりませんか? ESlint のeslint-plugin-importというプラグインを使えば簡単にソートできます。 使うのはeslint-plugin-importのimport/orderというルールです。 設定も色々あって、ある程度の自由度で順序を決めることもできます。このルールは fixable なのでeslint --fixコマンドで自動ソートが可能です。 公式の解説もあるのですが分かりにくい個所や誤っている個所もあるためこの記事を作成しました。 ソートした例 早速eslint-plugin-importのimport/orderを使ってソートした例です。 上が下のようにきれいになります。 ソート後はreactからのイン

                                                                                    ESlint で import を自動ソートする

                                                                                  新着記事