GitHub チームプロジェクトで Vercel の無料サービスを無料で利用する方法
Vercel は Serverless サービスを提供するプラットフォームで、静的ページのプロキシやシンプルな API の作成に特に適しています。無料プランは個人プロジェクトに非常に適しており、特に中国地域では優れた CDN サポートを利用
Web 前端
Vue.js で HTML Video の muted 属性が消える
会社に新しいプロジェクトがあり、私が独自に技術選定して開発を担当しました。プロジェクトの要件は英語の製品紹介サイトを作ることで、比較的シンプルで開発期間も長くなかったため、最終的に Nuxt フレームワークを使用して開発することにしました。
konva.js の click クリックイベントが親要素にバブリングするのを防止する
KonvaJS では、イベントバブリングがデフォルトで有効になっています。つまり、子要素でイベントが発生すると、そのイベントは親要素へ伝播します。そのため、レイヤーに click イベントを登録し、その上にグループを作成した場合、そのグルー
Vue.js における v-model と model-value のリアクティブ性の違い
Vue.js の v-model と model-value は、どちらもフォームデータの双方向バインディングを実現するために使用されるディレクティブです。 v-model は Vue.js が提供するシンタックスシュガーで、テンプレート内
Git Commit Message コード規約に基づくコミット規約
先月、会社にフロントエンドのすごい方が入社し、私たちのチームに技術面でいくつかの規約を制定してくれました。その中の一つが、Git でコードをコミットする際の Commit Message に関する規約です。最初は余計なことだと思っていました
jQuery オンラインで t.cn 新浪ショートURLを生成する単一ページ版ミニツール
最近 Ajax 技術を勉強しているので、よく小さな Demo を作っています。例えば、以前作った「jQuery オンラインで QQ の名前とアバターを取得」などです。今回紹介するものも Ajax プロジェクトで、主な機能は t.cn の新浪
WordPress の管理画面ログインページを美しくする
WordPress のデフォルトの管理画面ログインページがあまりにもひどいと感じている人は、私と同じようにたくさんいるのではないでしょうか？ 強迫観念の強い私は当然我慢できず、管理画面のログインページを変更するプラグインをあちこち探しました
jQuery で QQ 名称と QQ アバターのリンクをオンライン取得
昨日、グループ内で Dux テーマのコメント欄に QQ 番号を入力すると名前とアバターを直接取得できる機能がどのように実装されているのか尋ねられました。Dux テーマを確認してみたところ、この機能は統合されていませんでした。一方、Emlog
HTML、JavaScript、CSSなどのソースコードをオンラインで圧縮・解凍
数日前、本サイトでは皆さんのフロントエンドHTML学習をサポートするため、HTMLをオンラインで実行できるツールを公開しました。今日は引き続き、HTML、JavaScript、CSSの圧縮・解凍ツールという、非常に実用的な3つの小さなツール
jQueryでシンプルなウェブページの背景色グラデーションを実装する
ウェブページの背景をいじっていたところ、サイト全体を透明にしてしまいました。これで動的な背景を設定できるようになります。最初に思いついたのは CSS + jQuery でしたが、しばらく試行錯誤して、知更鳥テーマとは互換性がないことに気付き
Webページの特殊文字 HTMLコード大全
WebページのHTMLを記述する際、特殊文字が必要になることがよくあります。これらの文字はキーボードから直接入力できない場合が多いため、対応するHTMLエンティティコードを使用する必要があります。これらのコードはHTMLリファレンスにすべて
【当サイト初公開】静的HTMLツールサイトをオンラインで実行
フロントエンドを学んでいると、テストコードを実行する必要がよくあります。当時、私は主にChinazのウェブマスターツールのようなオンラインツールを使っていました。現在はフロントエンド技術をほぼ習得したので、より多くの人が手軽にフロントエンド
純粋な HTML 5 + CSS 3 で iPhone 6 のモデルを描く
B站で、純粋なコードを使って iPhone のレンダリング画像を描いた HTML5 作品を見かけました。とても面白いと思ったので、みなさんの参考になればと思い、紹介します。まずは完成イメージをご覧ください： コードは 60 行近くありますが
CSSでカスタムブラウザーのスクロールバーのスタイルを実装する
本日、憧憬ブログを訪問したところ、彼のサイトのブラウザーのデフォルトのサイドスクロールバーがカスタムスタイルに変更されていることに気付きました。後でネットで調べてみたところ、このスタイルは CSS でデザインできることが分かりました。そこで
ウェブページに累計稼働時間を表示するJavaScriptコード
当サイトを開設してから、およそ20日が経ちました。まだそれほど長い時間ではなく、始まったばかりではありますが、そこでサイトの稼働時間を記録するオンラインタイマーを書いてみようと思いました。前置きはこれくらいにして、さっそく始めましょう。 ま
「君子は防げても小人は防げない」ブラウザでWebページのHTMLソースコードの表示を禁止する
ときどき、簡単なHTMLサイトを構築したものの、他人にWebページのソースコードを見られたくないことがあります。そのようなときは、コードを使って他人がHTMLコードを閲覧できないようにします。まずは、他人がどのようにWebページのソースコー
「追悼」サイト全体を白黒にする
昨年、有名歌手の喬任梁さんが亡くなったときのことを覚えていますか。百度画像は異例にも彼のために白黒のウェブページを用意し、すべてのユーザーが百度画像で喬任梁さんを検索すると、サイト全体が白黒で表示されるようにしました。追悼が必要な日には、自