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 - google/wireit: Wireit upgrades your npm/pnpm/yarn scripts to make them smarter and more efficient.
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
ロケーションバーでアニメーションするのをtwitterで見かけて、いいなと思ったのでやってみる。 <script> (() => { let chars = ["🌕", "🌖", "🌗", "🌘", "🌑", "🌒", "🌓", "🌔"]; setInterval(() => { history.replaceState({}, '', location.pathname+location.search+'#'+chars[0]); chars.push(chars.shift()); }, 100); })(); </script> Animate your url transitions for that extra flair ✨ pic.twitter.com/w4VEeQjfJf— Neal Agarwal (@nealagarwal) 2020年8月12日
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました IT技術の発展はめざましく、日々新しい技術が登場しています。例えばサーバレス、VueやReactの仮想DOM、ちょっと前であればRESTful APIなどがあります。それらを漏れなくキャッチアップするのは大変です。 今回紹介するGAS 家計簿はサーバレスにGAS（Google Apps Script）を使って家計簿Webアプリケーションを作るハンズオンを兼ねたソフトウェアです。 GAS 家計簿の使い方 デモです。動作しているのはGitHub Pagesです。サーバの管理が不要ですね。 データの追加用モーダルウィンドウ。フロントエンドはVueを使っています。 設定画面です。データはGoogle Apps Scriptを使ってGoogleスプレッドシートに保存されています。 GAS 家
セキュリティ関連のHTTPヘッダを一括指定する Baseline ヘッダ - ASnoKaze blog
現在のWebでは、セキュリティ上レスポンスヘッダで色々なものを指定します。Webデベロッパーは個別に指定しなければなりません。 そこで、セキュリティ関連のヘッダを推奨デフォルト値に設定できるようにする「Baseline ヘッダ (Opt-into Better Defaults)」が、GoogleのMike West氏によって提案されています。 まだたたき台であり、これからW3CのWebAppSec WGで議論されている予定になっています。 Baseline ヘッダ 次のようにレスポンスヘッダを指定します。 Baseline: Security=2022これは、次のヘッダを送信するのと同様です。 Content-Security-Policy: script-src 'self'; object-src 'none'; base-uri 'none'; require-trusted-ty
以前、Chrome83の際には、アップデート後に、Google Apps Scriptでのボタンクリック時にPDFがダウンロードといった事ができなくなり、非常に困った事態になりました。その後、XFrameOptionsModeでの挙動で、Google Apps Scriptの場合にはtarget属性にblankを指定して、対処することが出来ました。 さて、今回、Chrome92では地味ながら、かなり大きな変更があり、Google Apps Scriptでalertやconfirmが利用できなくなりました。Salesforceなどの外部のサービスでも影響が出ているようです。 ※2021/08/03 - 今朝再度、確認したらGoogle Apps Scriptでのalert,confirmの挙動ができるようになっていました。修正されたのか？しかし、今後何があるかわからないので、alert,co
Before diving into security headers, learn about known threats on the web and why you'd want to use these security headers. Protect your site from injection vulnerabilities Injection vulnerabilities arise when untrusted data processed by your application can affect its behavior and, commonly, lead to the execution of attacker-controlled scripts. The most common vulnerability caused by injection bu
Update 4/29/2021 3PM PT: Through our investigation, we now have additional information concerning what environment variables may have been obtained without authorization and how they may have been used. Affected users can view details within the Codecov application. Additionally, we have posted our most up-to-date set of IOCs below. Note: If you are in the affected user group, at 6 am PT, Thursday
GitLabのCI/CDを制御するために欠かせないrulesについての解説記事です。公開サンプルもありGitLab.comのアカウントがあれば即手元で動かせるので、.gitlab-ci.ymlの書き方に迷っている方は一度これを機に学んでみると良いんじゃないでしょうか。 「あ、あかん、このrulesの意味がぜんぜんわからん…」 ここ一年ぐらい、GitLab.com上での開発をメインでやっているハマコーです。現プロジェクトでもGitLab Runnerを利用したCI/CDを開発サイクルの中で回しているのですが、今までナンチャッテで理解していた.gitlab-ci.ymlにちょっと複雑なジョブ起動条件を設定しようとしてハマってしまいました。 主にこのあたりはrulesキーワードを使って制御していくのですが、正直慣れていないと記述方法や考え方などハマりどころが多かったため、ごく基本的なところからr
真にチラつかないダークモードをついに実現したぞ。実現方法と気付きを書く2024/07/14 14:36 nextjsreact このサイトはダークモードに対応しています。なぜならダークモードは基本的人権だからです(要出典)。 しばらく、サイトに訪問した直後ライトモードとダークモードが切り替わってチラつく現象が発生していました。これを改善したので、実装方法と気付いたことを残しておきます。 ダークモードの実装方法一般に、ダークモードの実装方法は3タイプあります。 OSによるモード設定を反映する メディアクエリー@media (prefers-color-scheme: dark)を使うと、OS側でダークモードを指定している時だけ有効になるスタイルを書くことが出来ます。 JavaScriptでも判定が必要な場合はmatchMedia("(prefers-color-scheme: dark)")
Next.jsに専用のESLintが追加された！
Next.js11がついに発表されましたね。 next/script、Next.js Liveなど、興味深い機能が色々ですが、自分が地味に嬉しかったのはNext.js専用のESLint設定がデフォルトでサポートされたことです。 create-next-appでESLint設定済みのNext.jsプロジェクトが作成できる ReactやNext.jsのプロジェクトを立ち上げる際、結構面倒くさい難しいのがESLintの設定です。 .eslintrcファイルの記述とか、extendsの記述順によって優先されるルールとかも変わってくるので、慣れないうちはなかなか難しい作業でしょう。（自分はいまだに試行錯誤してます…） しかし、今ではcreate-next-appを使うと、専用のESLintが設定済みのNext.jsプロジェクトを作成してくれます。 実際にコマンドを実行した結果を見ていきましょう。 $
XSSを理解して安全なWebアプリケーションを作る
どうもoreoです。今回はXSSについて記載します。 1 XSS(cross site scripting)とは？ XSSとは動的にHTMLを生成するWebサイトで悪意あるスクリプトが埋め込まれたコンテンツをHTMLとしてそのまま表示した際に、スクリプトが実行される攻撃手法(または脆弱性)です。 XSSの脆弱性があると偽サイトへの誘導、フィッシング、Cookie情報漏洩などの脅威があります。 XSSには主に下記3つの攻撃手法があります。 1-1 Persistent XSS(持続型XSS) Stored XSS(格納型XSS)とも言われます。悪意あるスクリプトが格納されたWebサイトを閲覧した際に、ユーザーのブラウザ上で不正なスクリプトが実行される攻撃手法です。 例えば、掲示板のようなユーザー投稿機能があるWebサイトを考えます。攻撃者が悪意あるスクリプトを含むコメントを投稿し、そのデータ
Vanta.jsで3Dアニメーションを手軽に実装！3Dアニメーションが手軽に実装できるVanta.jsというJavaScriptのライブラリがあります。Webサイト上で色や表示方法をカスタマイズして、コピペするだけで完成です。今回はこのJavaScriptライブラリを紹介します！ この記事は動画でも紹介しています。動画派の方はこちらをどうぞ！ 鳥をふわふわ動かしてみようVanta.jsのサイトに行くと、デモとして鳥がふよふよ飛んでるような背景が表示されています。この画面右側に、カスタマイズするためのパネルが用意されているので、好みのデザインに変えてみましょう。「Birds」の場合は色や鳥の数、鳥のサイズ、スペース、スピードなどが調整できます。 <div id="bird"></div> <script src="three.r119.min.js"></script> <script sr
niという npm/yarn/pnpm/bun を同じコマンドでインストール/アンストールコマンドを実行できるツールがあります。 antfu/ni: 💡 Use the right package manager 仕組み的には、各パッケージのロックファイルやCorepackで決められたpackageManagerフィールドの値から、どのパッケージマネージャを使うかを判断しています。 たとえば、package-lock.jsonがあるプロジェクトなら npm を使ってるので、niコマンドは npm のコマンドを実行します。 また、packageManagerフィールドがyarn@<version>になっている場合は、niコマンドは yarn コマンドを実行します。 なぜこういうツールが必要になるかというと、npm や yarn などのパッケージマネージャは、それぞれのパッケージマネージャの
タイトルは上記画像にあるような普通にキーボードにあるEnterキーと、 テンキーの右横にある小さいEnterキーのことです。 私の担当しているシステムではEnterキーを押すとフォーカスが移動する仕様があります。 経験上、このような仕様は多数のデータ入力があるシステムにおいて好まれる傾向を感じます。 キーボードから手を離さなくていいからですね。 正直なところフォーカス移動ならTabだろうと思いますが、まあそこは長年の習慣だと思います。 この仕様をJavaScriptで実現していたのですが、なんか違和感を感じて調べたところ JavaScriptにおいてキーボードにある普通のEnterキーとテンキーの右横にある小さいEnterキーは別物であることに気づきました。 <html> <head></head> <body> </body> <script type="text/javascript"
![[JavaScript]大きいEnterと小さいEnterは別物であることに気づいた](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f6e6acba006f1f5e854ed72bee0e031fcc21383/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--x--w0q-v--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BJavaScript%25255D%2525E5%2525A4%2525A7%2525E3%252581%25258D%2525E3%252581%252584Enter%2525E3%252581%2525A8%2525E5%2525B0%25258F%2525E3%252581%252595%2525E3%252581%252584Enter%2525E3%252581%2525AF%2525E5%252588%2525A5%2525E7%252589%2525A9%2525E3%252581%2525A7%2525E3%252581%252582%2525E3%252582%25258B%2525E3%252581%252593%2525E3%252581%2525A8%2525E3%252581%2525AB%2525E6%2525B0%252597%2525E3%252581%2525A5%2525E3%252581%252584%2525E3%252581%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3ASatoshi%252520Kaneyasu%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2Q2MzU5NTZkNDkuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
中小企業だからこそ、1人のちからでDXを始められる：IT人材ゼロから始める中小企業のDXマニュアル（2） DXをどのように進めたらよいか分からず、焦りを覚えている中小企業のDX担当者や経営者のモヤモヤを吹き飛ばし、DX推進の一歩目を踏み出すことを後押しする本連載。第2回は、1人で中小企業のDXに取り組んだ事例を紹介し、成功の秘訣（ひけつ）は何かを分析、解説する。 中小企業だからこそのDX推進とは デジタルトランスフォーメーション（DX）を進めるに当たり、中小企業であることの最大の強みはその「アジリティ（＝俊敏さ）」にあります。組織において「1人」の占める割合が高く、関係するステークホルダーが少ない。したがって、素早い意思決定とともにそれを実行に移し、物事を改善することができます。そして、その積み重ねが結果として、DXの推進とその拡大につながります。 しかし一方で、前回記事で紹介した通り、む
textlintをWeb Workerとして動かしてアプリに組み込む - Bouldering & Com.
Web Workers APIを使うのは初めてなので、この使い方で問題ないのかはよくわかっていない。これから学んでいきます。 動機 会社でtextlintを便利に使っており、ユーザーさんからのお問い合わせ窓口を自社開発しているので、返信内容を送信前にlintにかけたいというのも自然な流れ。などと思っていたら、azuさんがこういうのを用意してくれていた。 textlint 12リリース、ブラウザで動くtextlint editorをベータリリース | Web Scratch GitHub - textlint/editor: textlint editor project. 内部での利用だからtextlintをサーバーで動かして結果を受け取るのでもいいけど、これのためにWebサーバーにNode.js入れて動かすのもなんかやりすぎ。かといってJobサーバーで動かす構成にするのはもっとやりすぎ。
ブラウザにおける ES Modules の利用とパフォーマンスについて - 30歳からのプログラミング
現代の主要なブラウザでは、ES Modules（以下、ESM）を利用することができる。 つまり、import文やexport文を使った JavaScript ファイルを、トランスパイルすることなくそのまま使えるということである。 モジュールシステムをそのまま使えるので、複数のファイルをバンドルする必要もない。 この記事ではまず、ブラウザで ESM を使う方法について説明していく。 その後、処理の流れを詳しく確認していく。これを理解していないと、パフォーマンスが非常に悪いページになってしまう恐れがある。 動作確認は Google Chrome の84.0.4147.105で行っている。 ESM 利用の基本 まずは検証用にサーバを立てる。 以下のコードを Deno（バージョンは1.2.2）で実行する。 そうすると、http://localhost:8080/にアクセスしたときにindex.ht
Google Apps Script (GAS) で Slack 連携を実装する前に知っておくとよい 5 つのこと - Qiita
Slack 連携、特にちょっとした通知を Google Apps Script (GAS) からやりたいというユースケースは非常によく聞かれます。本格的なアプリケーション動作環境などを用意することなく Google Workspace (旧 G Suite) のアカウントだけでちょっとした自動化をできるので、重宝しますよね。 ちなみに GAS の正式名称は「Google App Script」ではなく「Google Apps Script」です。たまに誤記を見かけます... Slack 連携で知っておくとよい 5 つのこと さて、本題です。 Slack アプリを Google Apps Script (GAS) で実装する場合、特にインタラクティブな機能の利用において知っておくべき制約があります。この記事では、以下の 5 つの留意点について解説します。ログの有効化など Slack アプリ開
Are you using ztext and happy with it? Your kind support keeps open-source JS libraries like this free for others. InitializationThere are multiple ways to use ztext. Pick whichever method is easiest for you. HTML attributesVanilla JavaScriptReact JS NewVue JS New How it worksZtext gives the illusion of volume by creating layers from an HTML element. There's no need to spend hours fiddling with <c
Bash HTTP monitoring dashboard Published: 27-12-2020 | Last update: 11-01-2021 | Author: Remy van Elst | Text only version of this article ❗ This post is over two years old. It may no longer be up to date. Opinions may have changed. This is a shell script that creates a webpage with the status of HTTP(s) sites. Parallel checking, thus very fast, only dependencies are curl and bash (version 4 or ab
<script setup> import { ref, computed } from "vue"; const props = defineProps({ count: Number }); const double = computed(() => props.count * 2); const message = ref("Hello, Vue.js"); </script> <template> <div> <p>{{ message }}</p> <p>{{ props.count }}</p> <p>{{ double }}</p> </div> </template> ・ ・ ・ ・ ・ ・ ・ なんで defineProps は import しなくても使えるの？？？？？ そんなことを思った方はいませんか？今日はその疑問を解決して差し上げます。 🚩 初めに 前回は Vu
JSでツイートを埋め込むときのベストプラクティス
Webページでのツイートの埋め込みについて、パフォーマンス周りで色々と工夫できることが分かったのでまとめておきます。 いちばん基本的なツイートの埋め込み方 最も基本的な埋め込みの仕方は、ツイートのメニューから［ツイートを埋め込む］を選んで、出力されたHTMLを貼り付けることです。 具体的には以下のようなHTMLが出力されます。 <blockquote class="twitter-tweet"> <p lang="ja" dir="ltr">Zennは個人開発を脱却してクラスメソッド社のサービスとなりました。<br>僕は引き続きZennの開発を続けます。<br><br>🐥 ZennとClassmethod<a href="https://t.co/jpes7Kbdpz">https://t.co/jpes7Kbdpz</a></p>— catnose (@catnose99)
Illustratorのパスは「ハンドル」と呼ばれるUIを使ってセグメントの曲線を制御します。このハンドルは手動で操作するのが普通ですが、セグメントに対して左右のハンドルを均等にしたり、すべてのハンドルを同じ角度と長さにするのはなかなか大変だったりします。そこで、角度と長さを数値で指定しながら、複数のハンドルを一気に制御できるIllustrator用のスクリプトを作りました。手動では根気のいるような形でもすばやく作成できたりするので、意外と便利ではないかと思います。興味があればぜひ使ってみてください。 更新履歴などGitHubのリポジトリをご確認ください 検証バージョンIllustrator 2019〜2023 ダウンロードスクリプトをダウンロードする インストール方法ダウンロードしたファイルを解凍します。 所定の場所（後述）に「数値でハンドルを操作する.jsx」をコピーします。Wind
KARTE Blocks [https://blocks.karte.io/](以下Blocks)では、Blocksを利用するサイトに1行の
【OpenAPI】Stoplight Studioを活用して快適＆高速にAPI定義を書く方法｜Offers Tech Blog
概要 Offers を運営している株式会社 overflow の磯崎です。弊社は新規プロダクト開発でスキーマ駆動開発を取り入れており、API 定義とは楽しくお付き合いさせていただいております。その全体像については、以下の記事でまとめておりますので、是非ご一読ください。今回は、ポチポチいじるだけで誰でも簡単に API 定義できる神ツール「Stoplight Studio」を活用した API 定義について紹介していますので、ぜひ参考にしてください。 Stoplight Studio とは？ Stoplight Studio とは、 OpenAPI 定義ファイルの作成と管理ができる GUI エディタです。これだと少々分かりづらいので、簡単に一言で表すと「ポチポチと誰でも簡単に API 定義ができてしまうツール」です。Stoplight Studio は、GUI で直感的な操作ができるため、高速に
rust-script
Run Rust files and expressions as scripts without any setup or compilation step. Overview News Installation Distro Packages Arch Linux Scripts Executable Scripts Expressions Filters Environment Variables Troubleshooting Overview With rust-script Rust files and expressions can be executed just like a shell or Python script. Features include: Caching compiled artifacts for speed. Reading Cargo manif
目次 事前準備と確認 Google Apps Script を一通り体験 ほかにどんなことができる？ トリガー 事前準備と確認 (1) Google アカウント Android スマートフォンを使っていたり、Gmail を使っている人はおそらくもう持っています。 学校や職場から発行されている Google Workspace (旧称：G Suite) アカウントでもOKです。 Google アカウントを持っていない人・別に新しく作りたい人は こちら から作成してください。 (2) 公式ドキュメント 公式ドキュメント: Google Apps Script の "Learn Apps Script" (上のメニューバーにあります) 以下にある Guides と Reference は特によく参照します。 Google Apps Script を一通り体験 まずは Google Apps Sc
静的サイトにお問い合わせフォームを設定したい。 その場合、AWS lambdaやGoogle Cloud Functionsでお問い合わせがあったことを知らせるアプリケーションを作成するか、 他サービスのフォームを埋め込むことになる。 この記事ではGoogle フォームを使ってお問い合わせフォームを作成する。 また、お問い合わせいただいた方に、問い合わせが行われたことを通知するための自動返信を行う。 # お問い合わせフォームの作成 Google フォームでお問い合わせフォームを作成し、お問い合わせ内容を保存しておくスプレッドシート作成する。 そして、お問い合わせがあったことを自分にメール通知する設定をする。 まずはお問い合わせフォームの作成から始める。 # Google フォームでお問い合わせフォームを作成 Google フォーム(https://docs.google.com/forms
Microsoft Office Scripts Dev Center | Automate tasks in Excel
All Microsoft Global Microsoft Security Azure Dynamics 365 Microsoft 365 Microsoft Teams Windows 365 Tech & innovation Microsoft Cloud AI Azure Space Mixed reality Microsoft HoloLens Microsoft Viva Quantum computing Sustainability Industries Education Automotive Financial services Government Healthcare Manufacturing Retail All industries Partners Find a partner Become a partner Partner Network Fin
サイトヘルスに表示される「永続オブジェクトキャッシュを使用してください。」の解決方法 2024.04.17
Web の仕様を眺めるシリーズ CSS Anchored Positioning｜Offers Tech Blog
Offers を運営している株式会社 overflow の あほむ でございます。最近書いた JavaScript は Google Apps Script です。UI 書きたいけどマネージャーという名の雑用忙しいウオオ。 最上層に浮かせて表示したい UI の配置を制御する仕様 なんとなく Chrome Platform Status から Proposed なステータスのフィーチャーを取り上げて、そのプロポーザルな仕様を眺めてみるシリーズです。本当にシリーズにするかは謎です。 今回は CSS Anchored Positioning を眺めてみます。本当に眺めるだけで深入りしないので概要のみのライトな記事とご認識ください。 Microsoft Edge チームからの提案 MicrosoftEdge/MSEdgeExplainers にあることから Microsoft 社の Edge ない
VueとGASでつくる！サーバーレス家計簿📔
Vue.js と Google Apps Script (GAS) を使った、サーバーレスな家計簿の作り方を紹介します！ Vue / Vue Router / Vuex を用いた少し実践的な使い方や、GAS を用いた REST API の作り方を学べます！👨🎓 プロジェクトの作成から実装、デプロイまでの全チャプター無料公開！✨
Berry is a ultra-lightweight dynamically typed embedded scripting language. It is designed for lower-performance embedded devices. The Berry interpreter-core's code size is less than 40KiB and can run on less than 4KiB heap (on ARM Cortex M4 CPU, Thumb ISA and ARMCC compiler). The interpreter of Berry include a one-pass compiler and register-based VM, all the code is written in ANSI C99. In Berry
今回は Google Apps Script で Web アプリを作ります。 目次 Web アプリの基本 Web アプリを公開する 他のWebページに埋め込む Web ページからデータを送信する Web アプリの基本 Web アプリは、コンテンツが固定されている単純な Web ページに対して、 アプリのようにコンテンツが変化したり、投稿・編集などができたりするもののことを言います。 Web アプリでは次図のように、Web ページを見たいというリクエストが送られてきたときに Web ページのデータを送り返します。 これを Google Apps Script で行うことができる仕組みが用意されています。 Google Apps Script による Web アプリの流れ GAS で作ったプログラムは実行ボタンかトリガーによって実行することが多いですが、 Web アプリを作る場合には実行の仕方
シェルスクリプトで文字列の分割 (split) と結合 (join) をする時のベストプラクティス - Qiita
はじめに CSV のようにカンマ区切りの文字列をそれぞれのフィールドに分割するにはどうするか？というネタです。よく見るネタなのですが、良いとは言えないコードが多いのでまとめたいと思います。 なお例として CSV を扱っていますが、主題は文字列の分割 (split) と結合 (join) なので、ダブルクォートでくくることでカンマや改行も入れられるなどという本気の CSV 対応はしません。仕様が複雑なのでそのようなファイルを扱う場合は別の言語のよく知られたライブラリを使うことをおすすめします。この記事で扱う CSV とは各フィールドがカンマで区切られているというだけのものです。 前提 一行のデータは分割して位置パラメーターに入れる 一行の文字列を分割した結果は、位置パラメータ ($1, $2, $3, ...) に代入するのがおすすめです。位置パラメータは POSIX 準拠（つまり bash
adobe-illustrator-scripts/README_ja.md at main · sky-chaser-high/adobe-illustrator-scripts
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
先日、ghコマンドのエクステンションとして、gh graphというものを作りました。 こちらにオプションで表示を出し分ける機能を追加したのですが、シェルスクリプトでの引数解析に手こずったので考え方を残しておきます。 以下の記事がたいへん参考になりました。感謝！ サンプルスクリプト 本記事の説明をざっくりとまとめた基本的なスクリプトを作成しました。以下のGistに載せています。 コピーして実行してみてください。 基本戦略 whileループの中でcaseを使い、スクリプトの引数（optionもargumentも含む）を一つずつ処理します。 ループするごとにshiftで引数を取り除いていき、0個になるまで続けます。 while (( $# > 0 )) do case $1 in -o) echo "option o" ;; -*) echo "invalid option" exit 1 ;;
GitHub - rsms/estrella: Lightweight and versatile build tool based on the esbuild compiler
Estrella is a lightweight and versatile build tool based on the fantastic esbuild TypeScript and JavaScript compiler. Rebuild automatically when source files change Build multiple projects at once, in parallel TypeScript diagnostics run in parallel TypeScript diagnostics are optional even for TypeScript projects Ability to remap TSXXXX TypeScript diagnostic severity levels, for example to treat so
マスタ用スプレッドシートの作成 以下のようなスプレッドシートをつくり、メンバー名のマスタファイルとします。 登録用スプレッドシートの作成 以下のようなスプレッドシートをつくり、データを登録するファイルとします。 入力フォーム用のHTMLファイル（HTML & JavaScript） 入力フォーム用のHTMLファイルをApps Scriptプロジェクト内に作成します。ファイル名はindex.htmlとしました。 また、今回はJavaScriptとGoogle Apps Scriptを併用しますので、このHTMLファイルにscriptタグを記述し、その中にJavaScriptコードを記述していきます。 特筆すべき点ですが、まず、google.script.run.withSuccessHandler の部分です。 たとえば、以下のような記述をするとします。 <!DOCTYPE html> <h
車検証のQRコードを生成してみる - Qiita
QRコードについては以下 前回は、QRコードを読み取るため、QRコードの仕組みを解説してみました。 今回は、そのQRコードを生成してみます 車検証の普通車の車検証の場合は、分割（連結）QRコードと言う仕様となっており、軽自動車および軽自動車ICカードの車検証は、通常のQRコードという仕様です。 QRコードはデンソーウェーブの登録商標です QRコードの仕様は公開されているものの、分割QRコードがあまり利用されていないようで、QRコード生成ライブラリも分割でないQRコード生成はたくさんありますが分割できるものが有りませんでした。 そこで、zxingライブラリのjsバージョンを元に分割QRコードを生成できるようにカスタマイズしました。 車検証QRコード生成ツールは、githubにてソースコードおよびwebとしても公開してます。 動作URL（実際に動くものを確認できます） github またテスト
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ロケーションバーでアニメーションする - hitode909の日記
GAS 家計簿 - Google Apps ScriptとVueで作られたWeb家計簿
Chrome92からalertやconfirmが動かなくなりました | 🌴 officeの杜 🥥
Security headers quick reference | Articles | web.dev
Bash Uploader Security Update - Codecov
GitLabのCI/CDで超重要なrulesの全てを理解する | DevelopersIO
真にチラつかないダークモードをついに実現したぞ。実現方法と気付きを書く | stin's Blog
Vanta.jsで3Dアニメーションを手軽に実装！
npm/yarn/pnpm/bunを同じコマンドで扱える ni のzsh実装を書いた
[JavaScript]大きいEnterと小さいEnterは別物であることに気づいた
中小企業だからこそ、1人のちからでDXを始められる
ztext.js | 3D Typography for the Web
Bash HTTP monitoring dashboard - Raymii.org
【Vue.js】defineProps はなぜ import 文を書かずに使えるのか【マクロ】
数値でハンドルを操作するIllustrator用スクリプト｜高橋としゆき
セカンドパーティコンテンツをもつサードパーティスクリプトの作り方
Google Apps Script 入門
Google フォームでお問い合わせフォームを作り、自動返信メールを送る | nansystem
Twitterの埋め込み過ぎでページ表示速度が重い問題を解決する方法 – ワードプレステーマTCD
The Berry Script Language
Google Apps Script で Web アプリを作る
bashシェルスクリプトで引数とオプションを解析する
Google Apps ScriptでWEBアプリをつくってみた
share.google
www.schole-corp.com
www.keio.ac.jp
smhn.info
courrier.jp
www.asahi.com