はじめに GASでWebアプリを作るにはフロントエンド部分を HTMLファイル にまとめる必要があります。 ただし、これは飽くまで最終的にHTMLにまとまっていればいいということなので、ローカル環境では好きな方法でWebアプリを作ることができます。 この記事では例としてVSCodeでTypeScriptによるReactアプリを作り、Viteというプラグインで１つのHTMLファイルにまとめてから clasp でGASのプロジェクトにアップロードしてみます。 事前準備 Node.jsのインストール TypeScriptやReact、Vite、claspなどを使うには Node.js をインストールする必要があります。 Node.jsをインストールするには公式サイトからインストーラを入手して実行しましょう。 Node.js 公式サイト：https://nodejs.org/en/ VSCodeで

はじめに Google Apps Script (GAS) は HTML Service という機能を使って AppsScript関数 を呼び出せる Webアプリ を作ることができます。 この記事では HTML Service を使ってGASで Webアプリ を作る方法をまとめたものです。 Webアプリの作り方 Webアプリを表示する まずはシンプルなWebページを表示してみましょう。 新規または既存のプロジェクトを開く 新規または既存のGASのスクリプトプロジェクトを開いてください。 サーバサイドの処理を定義 GASで以下のようなサーバサイドの処理を書きます。

はじめに Ubie プロダクトプラットフォーム所属の nerocrux です。 Ubie にパスキー認証を導入しました。導入してからしばらく時間が経ちましたが、年末になると色々振り返りたくなるので、パスキーを導入した背景や導入方法などを簡単にまとめたいと思います。 導入背景 Ubie では、症状検索エンジン「ユビー」（以下、ユビー）という一般生活者向けのサービスを展開しています。ユーザーが簡単な質問を回答することで、関連する病名や、適切な受診先情報を得ることができるサービスとなっています。 ユビーを利用する際に、ユーザーはアカウントを登録することができます。アカウント登録の手段として、いわゆるソーシャルログインを利用するほか、メールアドレスを入力したあと、メールアドレスに送られた 6 桁の OTP （有効期限の短い 1 回きりのパスコード） をユビーに入力することで、メールアドレスを所有す

The improvements added to React 19 RC require some breaking changes, but we’ve worked to make the upgrade as smooth as possible, and we don’t expect the changes to impact most apps. React 18.3 has also been published To help make the upgrade to React 19 easier, we’ve published a react@18.3 release that is identical to 18.2 but adds warnings for deprecated APIs and other changes that are needed for

この記事の方向性 2024-04-25にReact 19 Betaが公開されました。 ※ 06/01追記 さらに2024-05-16にRCが公開されました この記事ではReact公式ブログの概要をまとめ、さらに気になって情報収集した内容をまとめてみます。 この記事の前半はサクッと理解することを重視します。 後半は所感や補足情報を記載します。 記事内では一次情報や丁寧な解説記事へのリンクを多く張るようにしました。この記事は概要理解として利用し、詳しく知りたいと思った内容はリンク先を参照するようにしてもらえたらと思います。 UPDATE 06/01 BetaからRCに表記を変更 記事を公開した当時は"Beta"でしたが、今は全て"RC"に切り替わりました。 最新の公式ブログの表記と一致するように一部修正しました。 公式情報 今回メインで参照したのは以下です。 React Blog (React

TypeScriptアドベントカレンダーの12/5のエントリーです。昨日は@nanasi-1さんの【TypeScript】ジェネレーターによる遅延評価でフィボナッチ数列を生成するでした。 イマドキのJavaScriptの書き方2018というのを以前書いたのだけど、配列周りはかなり変わっているな、というのを思ったので、そこの部分だけアップデートするつもりで書いてみました。 実環境で使えるECMAScriptバージョン今時のブラウザは常に最新に更新されるはずなのでECMAScript 2024の機能もフルに使えるはずですが、おそらくNode.jsのLTSが一番古いJavaScriptエンジンということになるのかな、と思います。本記事執筆時点でサポート中のバージョンは以下の4つです。軽くメソッドを調べたりした感じ、こんな感じかと。202x年の11月ぐらいになると、ES202xがLTSバージョンで

神戸駅のすぐ近くに店を構える『御菓子司 幸福堂』（神戸市中央区）は、明治34年に創業した老舗の和菓子店。気軽に食べられて”神戸らしい”帰省土産にぴったりな御菓子を見つけたので行ってきました。 お店があるのは神戸駅から北西に2分ほど歩いたあたり 今年で124年という同店は代表の佐々田さんご夫婦がメインで切り盛りしています。創業当初はお赤飯や餅を中心に展開していたそうですが、90年ほど前から現在のような店構えで和菓子全般を提供するようになったそう。 店内 ショーケースには、季節感が感じられる生菓子にお饅頭、大福などが並びます。 今はスーパーやコンビニでも和菓子を購入することができますが、種類の豊富さや手仕事の美しさを感じられるのは専門店ならでは。下段に目線を移すとあるのが人気商品の「神戸どら焼き」です。 「神戸どら焼き」1個　220円（税込）～280円（税込） 同店のロゴ入りだったどら焼きをリ

Windows 11のPCでWindows Update後にバージョンが「24H2」以降に更新された際、各種共有フォルダにアクセスできなくなったとのお問い合わせを多くいただいています。 対応方法を以下に記載しておりますが、ご利用中の環境によってはこちらの設定変更ではアクセスできない可能性もございますがご了承ください。 またこれらの対応により、Windows11のセキュリティを低下させる場合がありますので、ご理解いただいた上で行っていただくようお願いいたします｡ Windows11 24H2以降、セキュリティ向上のため一部環境で共有フォルダのアクセスが出来なくなります。 NASなどの共有フォルダにアクセスする際、ゲストユーザー（ユーザー名パスワードを必要とせずにアクセスできるユーザー）をブロックするように仕様変更されたことが原因となります。

政府は2024年12月2日に現行の健康保険証の新規発行を停止し、マイナ保険証に原則一本化する。 なお、12月2日以降は「現行の健康保険証が使えなくなる」という誤解が一部で広がっているが、手持ちの健康保険証の有効期限まで最長1年間使用できる。 マイナ保険証の利用を申請していない、あるいはマイナンバーカードをそもそも持っていない人には、保険証の有効期限が切れる前に紙の「資格確認書」が自動送付され、引き続き保健医療を受けられる。 保険証の有効期限はどこで確認できる？ 保険証に有効期限がある場合には、その保険証に記載されている。国民健康保険や後期高齢者医療制度に加入している場合、保険証の有効期限は2025年7月または8月だ。 また、健康保険組合の保険証の多くには有効期限がないが、その場合は2025年12月1日が期限だ。 「マイナ保険証」の利用を登録するには マイナ保険証を利用するには、手持ちのマイ

Amazon Web Services（AWS）は、Webアプリケーションに追加することでAWSのオブジェクトストレージであるAmazon S3に簡単にアクセスできるUIコンポーネント「Storage Browser for S3」が正式版となったことを発表しました。 Webアプリケーションに追加することで、許可されたエンドユーザーが権限に基づいてAmazon S3のデータに対してブラウズ、アップロード、ダウンロード、コピー、削除などの処理ができるようになります。 「Stor……

実際に試した 実際にPLUGを試してみた。アプリストアから「PLUG」アプリをインストールし、手順に従うだけで簡単にSafari機能拡張を導入できた。 筆者は最近、デイキャンプがマイブームで新しいバーベキューコンロを探していた。そこで、Colemanの商品ページを開いたところ、商品ページ上でPLUGの「最安」マークが表示された。 また、「最安」アイコンをクリックすると、他のサイトでの販売価格も一覧できた。まだPLUGを信じ切っていないので他の価格比較サイトも参照してみたが、確かに最安圏のようで、安心して購入できた。 担当者によると、現在開催中のブラックフライデーのようなセールでも「一定のキャッシュはある」ものの、基本的に価格は即時反映されるという。 また、PLUGを有効にしていると、1100以上のECサイトで使えるキャッシュバッククーポンが届くという。筆者にも早速Ankerのクーポンが届い

WebサイトやスマホアプリのUIデザイン用にかわいくて楽しいアニメーションで動くアイコン素材を紹介します。 ハンバーガー用の×に変化するアニメーション、＠を一筆書きで描くアニメーション、時計の針がくるくる回るアニメーションなど、ReactのモーションライブラリFramerを使用した動くアイコンがたくさん揃っています。 beautifully crafted animated icons pqoqubbw/icons -GitHub pqoqubbw/iconsは、Webサイトやスマホアプリのプロジェクト用に美しいアニメーションで動くアイコンのコレクションです。MITライセンスで、個人でも商用のプロジェクトでも無料で利用できます。 アニメーションで動くアイコンは、下記ページから。

リクエスト予約希望条件をお店に申し込み、お店からの確定の連絡をもって、予約が成立します。 1 予約の申し込み ご希望の条件を当サイトよりご入力ください。 2 お店からのメール ご予約が承れるか、お店からの返信メールが届きます。 3 お店へ来店 予約が確定した場合、そのままお店へお越しください。

リクエスト予約希望条件をお店に申し込み、お店からの確定の連絡をもって、予約が成立します。 1 予約の申し込み ご希望の条件を当サイトよりご入力ください。 2 お店からのメール ご予約が承れるか、お店からの返信メールが届きます。 3 お店へ来店 予約が確定した場合、そのままお店へお越しください。

ご予約は2名様から承ります。宴会座敷あり(4名～50名) ※キャンセルは２日前までにお願いします。 おでんのお持ち帰り出来ます。(別途容器代いただきます。 タッパー持参なら無料です。) 高田屋の創業は昭和6年。 金杯酒造の蔵元の番頭だった初代が独立する際に 「高田」の姓をもらい受け、 初代「京蔵」の１文字と合わせ、 金杯を看板酒とする高田屋京店を開いたのが始まりです。 以来変わらぬ“げんこつサイズのおでん”で親しまれています。 高田屋京店について 赤銅鍋で煮込むおでんのだしは、創業以来受け継ぐ鰹と塩、 砂糖のみの味わいで、だしの継ぎ足しは震災で一時途絶えたものの、 そこからまた25年、歴史を重ねています。「高田屋京店」のおでんは、 長年愛されてきた“寡黙なうまみ”を秘めています。 おでんのご紹介

Symfony Advent Calendar 2020 12日目の記事です。 Symfony CLIはSymfonyローカルマシンでの開発を支援するコマンドラインツールです。Laravel Installer（laravelコマンド）のようにSymfonyプロジェクトの作成にもできますが、それ以外にも優れた機能を備えています。その機能のうち、ぼくがよく使っている便利な機能をいくつかご紹介します。 Symfonyプロジェクトの作成 Symfonyのプロジェクトを作成するにはlavael Installerと同じ感じです。 プロジェクト名でディレクトリを作成し、ディレクトリ内にSymfonyをインストールします。以降のコマンドはプロジェクトのディレクトリに移動して、実行します。 余談ですが、Symfony CLIはコマンド実行時に、必ずアップデートを確認・ダウンロードし、常に最新のものが利用

本記事の内容はBiome 1.5.3時点での暫定対応になります。 Biomeでまだ実装されていないルールをESLintで補おうという趣旨のため予めご了承ください。今後のBiomeのアップデートによって全てBiomeで対応可能になる可能性があります。 普段、Biomeをメインのリンター・フォーマッターとしてNext.js 14のプロジェクトにて使用しています。ESLintと互換性のあるルールが多く実装されておりどんどん移行しやすくなってきている印象を受けます。 Biomeが注目されたことで脱ESLintや脱Prettierに向けて動いているプロジェクトも多そうですね。 私も実際に環境構築を試みましたが、まだ一部のルールがBiomeで未実装のため、必要に応じてESLintを併用することがあります。 日々ESLintからBiomeへの移行を進めながら、一時的ながらもESLintとBiomeを組み

Windowsを長く使っていると、Caps Lockキーが邪魔だと感じることがあります。例えば大文字を入力したいときに誤ってCaps Lockキーを押してしまい、入力している文章が全て大文字になってしまった、という経験はないでしょうか？ 人によっては全く気にならない人もいると思いますが、僕はCapsLockとShiftキーを押し間違えることが多く、非常にストレスに感じていました。 そこでこの記事では、そんなストレスから開放されるべく、Windows 11でCaps LockキーをCtrlキーに入れ替える方法を詳しく解説していきます。 これらのキーを入れ替えることで、Caps Lockキーを誤って押すことを避けることができ、より効率的にPC操作を行うことができるようになります。ぜひ参考にしてください。 CapsLockキーをCtrlキーに入れ替える方法この章では、Caps LockキーをCt

ショートカットキーで活躍する「Ctrl」キー Windows 10の操作効率を上げるには、ショートカットキーの活用が欠かせない。ショートカットキーは「修飾キー」＋「キー」の組み合わせになる。「Ctrl」＋「C」でコピー、「Ctrl」＋「V」で貼り付け、などは誰しも使ったことのあるショートカットキーだろう。修飾キーはほかに「Alt」や「Windows」「Shift」などがあり、複数の修飾キーを同時に押すこともある。「F1」や「F2」といったファンクションキーのように単体で使われるショートカットキーもある。 「Windows」キーは特にWindows 10がオペレーティングシステムとして提供しているショートカットキーに使われることが多い。「Ctrl」キーはアプリケーションのショートカットキーに使われることが多く、「Alt」はUIのナビゲーションや選択などに使われることが多い。便利なショートカッ

中小企業や個人事業主向けのウェブサイト制作などを事業とするアイ・モバイルは11月20日、ウェブサイト制作サービス「Wepage」（ウィーページ）を発表した。 無料で利用可能で、個人用途のウェブサイト制作の促進を狙う。 Wepageは、誰でも簡単にウェブサイトを作れるという、日本製のCMS（コンテンツ・マネジメント・システム）。テンプレートから好きなデザインを選択し、サイトの名前とURLを入力すればウェブサイトが完成する。インターネットが不得意なユーザーを想定し、3ステップで制作できる。 プログラミングの知識不要で「Word」「PowerPoint」のように利用でき、デバイスに応じて自動で表示を最適化するレスポンシブウェブデザイン対応のサイトを制作できる。デザインテンプレートは約2万種類を用意し、作成および編集はPCのほかスマホからも可能だ。 制作するサイトで使える機能としては、出欠確認フォ