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 +

米グーグルが日本で金融事業に本格参入することが8日までにわかった。国内のスマートフォン決済会社を200億円超で買収し、インドや米国に続き日本でも2022年をめどに自社グループで送金・決済サービスを始めるもようだ。巨大IT（情報技術）企業の参入で金融と異業種の合従連衡が一段と加速する。グーグルが買収するのはスタートアップ企業のpring（プリン、東京・港）。17年に決済代行のメタップスや、みずほ

米金融大手ゴールドマン・サックスが事業の多角化を加速している。同社傘下の米銀行が7日、金融庁から日本で営業するための免許を取得した。米欧のグローバル企業向け資金管理・決済業務に参入し、日本を含めた世界で事業基盤を整える。トレーディングなど伝統的な証券業務が稼ぎにくくなるなか、事業会社やリテール分野で安定的に稼ぐ収益構造を目指す。ゴールドマンは法人顧客に資金管理や決済サービスを提供する「トランザ

⚠️ Amazon から送信される Kindle のメールに仕様変更があり、現在動作しません。何かいいアイデアがあればコメント下さい。 はじめに いきなりですが、みなさん読書の管理ってどうしていますか？ 僕は、ブクログ というサービスを使っています。以前は、読書メーター を使っていたんですが、ブクログは本に記載されている ISBN コードや Amazon の Asin コードから本を登録できる[1]ということを知って最近移行しました。 どうせなら自動化したいなと思い、調べてみました。すると同じことを考えた先人たちがいらっしゃったので参考にしつつやってみることにしました。当記事はその紹介です。 作ったもの Kindle で書籍を購入した際に Amazon からメールが届きます。そのメールから使いたい Asin コードだけを抜き出して、購入した書籍をブクログに登録します。その際、処理のログをス

0.はじめに 1.簡単な自己紹介 2.年をとるにつれて衰える能力 3.低下した記憶力で競プロに取り組む 4.AtCoderのレベル感 5.競プロ上達への道のり 6.競プロとの向き合い方 7.競プロの依存性 8.競プロのコミュニティ 7.これから 8.終わりに 9.＜番外編＞もし後悔があるとすれば 0.はじめに こんにちは。競技プログラミング歴一年半のかえでです。 私はAtCoder Problems でLongest Streak にチャレンジしています。Longest Streakは、これまで解いたことのない問題から一日一問以上解いた連続日数を競うものです。今日、この記録が500日に到達しました。私は解説ACもするので、純粋に自分の力で解いた問題ばかりではありません。それでも、こつこつと続けてきた自分を、ほめてもよいのではないかという気持ちになりました。 ここまで長く続けられたのは、At

お久しぶりです、最近は料理系Youtuberの影響を受けて自炊ブームが来ている礒部です。1万円する包丁を買ってからキャベツの千切りが趣味になっています。 今回はKotlinで作成した、問合せ管理を自動化するツールの紹介をしたいと思います。 作ったきっかけ 通販チームでは、運営チームからの問合せをエンジニアで順番に対応しています。 元々は Googleスプレッドシート + GAS で問合せを自動管理していたのですが、Backlogに移行したためBacklog用の問合せ自動管理ツールを作ることになりました。 Googleスプレッドシート で運用するデメリット 問合せシートのデータが肥大化してきており、動作が重く、過去の問合せの参照に時間がかかる 画像の貼り付けやファイルの添付がスムーズに行えない 問合せとは別に、確認や相談はBacklogで行っている場合などがありバラバラになっていた Back

Gradleで複数サブプロジェクトをもつプロジェクトを作成する - kdnakt blog を見て、buildSrcディレクトリ周りで混乱した記憶が蘇ってきました。 gradle initでサブプロジェクトを持つプロジェクトを作るとbuildSrcを使ったプロジェクトが生成されるらしい。知らんかった。buildSrcまわりはドキュメントわかりにくいので、実コード読めるのは助かる。 Gradleで複数サブプロジェクトをもつプロジェクトを作成するhttps://t.co/XVozfs9Zqu— 書けない猫はただの猫さ (@Kengo_TODA) July 7, 2021 書く場所がbuildSrcとbuild.gradleの2つに増えるので、何をどこに書けばいいのかよくわかんないんだよね。Gradleはこういう悩みが多い、最近ではbaseプラグインに書くべき処理とそうでないconvention

まえがき先日新しいiOSであるiOS15が発表されました。その中でもSafariのアドレスバーの仕様が大きく変更されたことがWeb制作関係の間で話題になりました。 というのもその仕様が変更が、以前までは上部にあったアドレスバーが下部に移動し、かつフロートするというものだったからです。 ※画像はこのページをキャプチャしたものです。 下部にUIを集めたWebサイトはどうなってしまうのか、、心配してしまった方も多いかと思います。自分もその一人です。 というわけで、iOS15のPublic betaをインストールして検証してみました。 この検証結果はあくまでPublic beta版の検証結果であり、実際のリリース時にはどうなっているかはわかりません。追って検証する予定です。 TL;DRTwitterですでに検証結果を載せています (誤字脱字ご容赦ください)。今回の記事はその検証をまとめ直したもので

この記事では、Webデザインの進化を体感できる、コピー＆ペーストで実装OKな最新HTML／CSSスニペットをまとめてご紹介します。 一般的に「切れ端、断片」といった意味をもつスニペット（英: Snippet）は、ウェブサイトなどのプログラミングで簡単に切り貼り、再利用できる部品、コンポーネントを指します。 2020年に話題となった人気スニペット・ベスト100と合わせて、今後のWebプロジェクトに活用してみてはいかがでしょう。 Webの進化が止まらない、コピペ可な最新HTMLスニペットまとめ 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 Play

「空気中の酸素を使って汚染された水をその場で消毒する方法」を、イギリスやアメリカ、シンガポールの研究者からなる国際的なチームが開発しました。この方法は従来の水の消毒方法より1000万倍以上も効率的に細菌を殺し、安全な水へのアクセスが不足する地域において、水の消毒技術に革命をもたらす可能性があるとのことです。 A residue-free approach to water disinfection using catalytic in situ generation of reactive oxygen species | Nature Catalysis https://www.nature.com/articles/s41929-021-00642-w Instant water cleaning method ‘millions of times’ better than comme

GoogleではCSSの新機能を導入するだけでなく、既存の機能を向上することにも取り組んでいます。その中の一つ「TablesNG」で、HTMLのtableの実装がこれまでと変わるのでその変更点を紹介します。 tableは古くからあり、その後さまざまなCSSの機能がブラウザに実装されました。当然、それらの新しい機能にtableは対応していません。それらに対応し、不整合を修正するのが今回の取り組みです。 TablesNG Resolves 72 Chromium Bugs for Better Interoperability by Una Kravets, Aleks Totic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに TablesNGの取り組み 1. テーブルの行にposition: sticky 2. バック

こんにちは、Choimirai Schoolのサンミンです。 0  はじめにお父さんと子供たちで「Peanut Butter and Jelly (PB&J) Sandwich」を作る様子を録画した動画。 これは、子供たちにプログラミングを教える上でも大変効果的な方法✨。面白いし、結果を見てどんな改善が必要なのか考えるのでアルゴリズムの基礎が学べる。pic.twitter.com/JoCJcINg9u — Sangmin @ChoimiraiSchool (@gijigae) July 6, 2021 息子と娘さんが書いた指示書に従ってサンドイッチを作るお父さん。自分たちが思った通りではなく、書いた通りに動いているお父さんに気付き、指示書を改善しつつもまだまだ足りない箇所が多い。 ▲Peanut Butter and Jelly (PB&J) Sandwich 動画のスクリプトを文字起こし