現在位置:ホームページ > 技術記事 > ウェブフロントエンド

  • クイックヒント: カラーボックスをネイティブのショートコードに統合する
    クイックヒント: カラーボックスをネイティブのショートコードに統合する
    ネイティブ [ギャラリー] ショートコードは優れていますが、優れているわけではありません。この簡単なヒントでは、jQuery を使用してそれを美しくします。 [ギャラリー] ショートコードはあまり良くありません。デフォルトの CSS を無効にすることはできません、CSS クラスを追加または編集することはできません、デフォルトのプロパティを編集することはできません (これは実際には一般的なショートコードの問題です)...これらのことは、WordPress を開発しているほとんどの人にとっては気にならないことですが、 、私のような変人は文句を言うかもしれません! :) この簡単なヒントでは、画像添付ページを削除し、サイトの訪問者が jQuery モーダル ボックスで画像を表示できるようにします。最高の jQueryLightbox プラグインの 1 つ: ColorBoxColorbox は 5KB 未満 (圧縮後)
    PHPチュートリアル . regular-expression 661 2023-09-02 18:46:01
  • フォント タイプ オプションの追加: Titan Framework の包括的な初心者ガイド
    フォント タイプ オプションの追加: Titan Framework の包括的な初心者ガイド
    エンド ユーザーにテーマのフォントの変更を許可することは、特にカスタム管理パネル、メタ ボックス、さらにはテーマ カスタマイザーでこのオプションを提供したい場合には、困難な作業になる可能性があります。今日は、TitanFramework を通じてカスタム フォント タイプ オプションを追加する方法について説明します。 Titan Framework のフォント タイプ オプション フォント タイプ オプションは、Titan Framework で最も多用途なオプションの 1 つです。フォントを変更できるだけでなく、完全なフォント スタイル セレクターでもあります。機能豊富なオプションのフルセットを使用して、Web セーフ フォントと Google WebFonts を選択できます。色、文字間隔、影、行の高さなど、必要なだけスタイルを適用します。ついに
    PHPチュートリアル . regular-expression 777 2023-09-02 18:22:01
  • JavaScript の RegExp を使用して垂直タブ文字を検索する
    JavaScript の RegExp を使用して垂直タブ文字を検索する
    JavaScript 正規表現を使用して垂直タブ文字を検索するには、次のコードを使用します。\v例 次のコードを実行して、垂直タブ文字を検索してみてください。垂直タブ (\v) 文字が見つかった位置を返します - <html> <head> <title>JavaScript RegularExpression</title> </head> &a
    htmlチュートリアル . regular-expression 1271 2023-09-02 15:01:05
  • JavaScript のオブジェクト指向の基本
    JavaScript のオブジェクト指向の基本
    JavaScript は、コア言語をまだ完全に習得していない人でも JavaScript アプリケーション/エフェクトを簡単に作成できるライブラリの開発により、近年人気が高まっています。以前は、JavaScript は基本的な言語であり、実質的な基盤がなく非常に「いい加減」なものであると一般に考えられていましたが、特に大規模な Web アプリケーションや JSON (JavaScript Object Notation) の導入を待っている場合には、これは当てはまりません。 "適応"。 JavaScript はオブジェクト指向言語が提供するすべての機能を備えていますが、この記事の範囲を超える追加の作業がいくつかあります。オブジェクト functionmyObjec を作成しましょう
    &#&プレス . regular-expression 1021 2023-09-02 11:21:09
  • SOLID: パート 4 - 依存関係逆転の原則
    SOLID: パート 4 - 依存関係逆転の原則
    単一責任 (SRP)、オープン/クローズド (OCP)、Liskov 置換、インターフェース分離、および依存関係の反転。コードを記述する際に常に指針となるアジャイルの 5 つの原則。ある堅固な原則が他の原則よりも重要であると言うのは不公平でしょう。ただし、おそらく、依存性反転原則 (略して DIP) ほど、コードに直接的かつ重大な影響を与えるものはありません。他の原則を理解したり適用したりするのが難しい場合は、この原則から始めて、残りの原則をすでに DIP に続くコードに適用してください。定義 A. 高レベルのモジュールは低レベルのモジュールに依存すべきではありません。どちらも抽象化に依存する必要があります。 B. 抽象化は詳細に依存すべきではありません。詳細は抽象化に依存する必要があります。この原則は、ロバート C. マーティン氏の『アジャイル ソフトウェア』で導入されました。
    PHPチュートリアル . regular-expression 1166 2023-09-01 19:50:01
  • PHP監査における危険な機能は何ですか?
    PHP監査における危険な機能は何ですか?
    PHP 監査の危険な関数には、eval() 関数、exec() 関数、system() 関数、passthru() 関数、preg_replace() 関数、unserialize() 関数、include() および require() 関数、file_get_contents() 関数、 unlink()関数、ysql_query()関数など。詳細な紹介: 1. eval() 関数などの危険な関数。
    PHPの問題 . regular-expression 1415 2023-09-01 18:03:02
  • Twitter の @Anywhere サービスを使用するための 6 つの簡単なステップ
    Twitter の @Anywhere サービスを使用するための 6 つの簡単なステップ
    先週、Twitter は @Anywhere を開始しました。これは、数行のコードを追加するだけで、Twitter のすべてのプラットフォーム機能を Web サイトに提供します。 @Anywhere を使用すると、単純な @ユーザー名をクリック可能なリンクに変換したり、個人の Web サイトから直接新しいツイートを作成したりすることができます。このチュートリアルでその方法を正確に説明します。始める前に、アプリケーションを作成します。@Anywhere の使用を開始するには、API キーが必要です。何?そうでしょう?問題ない。ここにアクセスして新しいアプリケーションを登録してください (ここからは登録しないでください)。ローカル サーバーをインストールした場合は、それをドメインに設定します (たとえば、developertutorial.co)
    &#&プレス . regular-expression 1059 2023-09-01 17:21:08
  • Pythonを使用して文字列内の数字と文字の間にスペースを追加する
    Pythonを使用して文字列内の数字と文字の間にスペースを追加する
    数字と文字の組み合わせを含む文字列を操作する場合、数字と文字の間にスペースを挿入すると便利な場合があります。このスペースを追加すると、文字列の読みやすさと書式設定が向上し、解釈と使用が容易になります。さらに、Python を使用してこれを行う手法を検討します。 Python には強力な文字列操作ツールが用意されており、正規表現を処理するための組み込みモジュールである re モジュールを使用します。正規表現を使用すると、特定のパターンに基づいて文字列を照合および操作できるため、このタスクの解決に最適です。さらに、正規表現を操作するために必要な機能を提供する re モジュールをインストールする必要があります。まだインストールしていない場合は、ターミナルまたはコマンド プロンプトを開き、次のコマンドを実行します -xpipinstallr
    Python チュートリアル . regular-expression 2407 2023-08-31 23:41:04
  • 16 進数 XXXX で指定された Unicode 文字と一致します。
    16 進数 XXXX で指定された Unicode 文字と一致します。
    16 進数 xxx で指定された Unicode 文字を JavaScript 正規表現で照合するには、次のコードを使用します。 \uxxxx 例 16 進数文字 xxxx と照合するには、次のコードを実行してみてください。これは、16 進数 53 (S-<html> <head> <title>JavaScript RegularExpression</title> &l) と一致します。
    htmlチュートリアル . regular-expression 1284 2023-08-31 22:53:02
  • Readline と Socket.io for Node.js を使用したリアルタイム チャット
    Readline と Socket.io for Node.js を使用したリアルタイム チャット
    Node.js には、あまり評価されていませんが、非常に便利なモジュールが標準ライブラリにあります。 Readline モジュールは、ボックスに記載されているとおり、端末から入力行を読み取ります。これは、ユーザーに 1 つか 2 つの質問をしたり、画面の下部にプロンプ​​トを作成したりするために使用できます。このチュートリアルでは、Readline の機能をデモンストレーションし、Socket.io を利用したライブ CLI チャット ルームを作成する予定です。クライアントは単純なメッセージを送信できるだけでなく、/me を使用して絵文字コマンドを送信したり、/msg を使用してプライベート メッセージを送信したり、/nick の使用を許可したりすることもできます。 Readline について少し これはおそらく Readline の最も単純な使用法です: varreadline=require('re
    &#&プレス . regular-expression 1624 2023-08-31 18:09:07
  • 美しい嘆願書で投稿を修正してください
    美しい嘆願書で投稿を修正してください
    WordPress は優れた多目的プラットフォームです。企業 Web サイト、写真ショーケース、ニュース ポータル、インタラクティブ メニューを備えたレストラン Web サイトなど、さまざまな目的の Web サイトを作成できます。もちろん、ブログも作成できます。 WordPressを使ってブログを書くことができます。忘れられた。奇妙なことに、非営利団体はこの柔軟性を見逃して悪用することがよくあります。このチュートリアルでは、組織が WordPress からどのようなメリットを得られるかを示す簡単な請願スクリプトを作成する方法を説明します。私たちは正確に何を構築しているのでしょうか?私は (以前の投稿からわかるように) ショートコードの大ファンなので、たくさんのショートコードと、ショートコードで使用できるいくつかの便利な関数を作成するつもりです。これらすべてを 1 つの名前の下にまとめます
    PHPチュートリアル . regular-expression 1232 2023-08-31 16:18:01
  • Python を使用して Web ページからタイトルを抽出する
    Python を使用して Web ページからタイトルを抽出する
    Python では、Web スクレイピングを使用して Web ページからタイトルを抽出できます。 Web スクレイピングは、Web サイトまたは Web ページからデータを抽出するプロセスです。この記事では、Python の Requests ライブラリと BeautifulSoup ライブラリを使用して Web ページのタイトルをスクラップします。 Web ページからタイトルを抽出する方法 1: Request ライブラリと BeautifulSoup ライブラリを使用する Python の request ライブラリと BeautifulSoup ライブラリを使用して、Web ページからタイトルを抽出できます。リクエスト ライブラリは、HTTP リクエストを Web サイトに送信し、その応答を取得するために使用されます。次に、応答オブジェクトを使用して、Web ページの HTML コンテンツを抽出します。例 次の例では、Wikipedia のホームページを抽出します。
    Python チュートリアル . regular-expression 1220 2023-08-31 12:45:05
  • 正規表現でスペースを表現する方法
    正規表現でスペースを表現する方法
    正規表現のスペースは「\s」で表すことができます。これは、スペース、タブ、改行などの空白文字と一致するために使用される特別なメタキャラクタです。また、正規表現で「\s+」を使用して複数の連続するスペース文字を表したり、「\S」を使用してスペース文字以外の他の文字を表すこともできます。これらの表現方法に習熟すると、文字列のマッチングと処理に正規表現をより適切に適用できるようになります。
    よくある問題 . regular-expression 4335 2023-08-31 11:52:56
  • JavaScript の正規表現に関する初心者向けガイド
    JavaScript の正規表現に関する初心者向けガイド
    JavaScript を使用する人は誰でも、ある時点で文字列を扱う必要があります。文字列を別の変数に格納して渡すだけの場合もあります。また、それを検査して、特定の部分文字列が含まれているかどうかを確認する必要がある場合もあります。ただし、物事は必ずしも簡単ではありません。場合によっては、特定の部分文字列ではなく、特定のパターンに従う一連の部分文字列を探していることがあります。文字列内のすべての「Apples」を「apples」に置き換える必要があるとします。単純に theMainString.replace("Apples","apples") を使用できます。良いし、簡単です。次に、次のことも行う必要があるとします。
    &#&プレス . regular-expression 645 2023-08-30 15:05:05
  • JavaScript で文字列内のパターンを検索するにはどうすればよいですか?
    JavaScript で文字列内のパターンを検索するにはどうすればよいですか?
    この記事では、特定のパターンを検索し、指定されたパターンに一致する文字列のみを渡します。この機能を実装するには、次のメソッドを使用します。 - メソッド 1 このメソッドでは、指定されたパターンに一致する文字列を検索し、文字列から取得します。 string.search() は、文字列を検索するために JavaScript によって提供される組み込みメソッドです。このメソッドでは、正規表現または通常の文字列を渡すこともできます。構文 str.search(expression) パラメータ str - 比較する文字列を定義します。式 - 文字列と比較される文字列式を定義します。これにより、文字列が一致し始めた文字列のインデックスが返され、文字列が一致しない場合は「-1」が返されます。例
    jsチュートリアル . regular-expression 1441 2023-08-30 12:13:01

ツールの推奨事項

jQuery エンタープライズ メッセージ フォームの連絡先コード

jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。

HTML5 MP3 オルゴール再生効果

HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。

HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果

HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。

有機果物と野菜のサプライヤー Web テンプレート Bootstrap5

有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

シンプルな履歴書情報 Web テンプレート Bootstrap4

シンプルな履歴書情報 Web テンプレート Bootstrap4

かわいい夏の要素のベクター素材 (EPS+PNG)

これは、太陽、日よけ帽子、ココナッツの木、ビキニ、飛行機、スイカ、アイスクリーム、アイスクリーム、冷たい飲み物、浮き輪、ビーチサンダル、パイナップル、巻貝、貝殻、ヒトデ、カニを含む、かわいい夏の要素のベクター素材です。 、レモン、日焼け止め、サングラスなど、素材は JPG プレビューを含む EPS および PNG 形式で提供されています。
PNG素材
2024-05-09

4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)

これは、2023 年卒業バッジの赤いベクター素材で、合計 4 つがあり、JPG プレビューを含む AI、EPS、PNG 形式で利用できます。
PNG素材
2024-02-29

歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)

これは、さえずる鳥と​​花でいっぱいのカートをデザインした春のバナー ベクター素材で、JPG プレビューを含む AI および EPS 形式で利用できます。
バナー画像
2024-02-29

金色の卒業帽ベクター素材(EPS+PNG)

これは、JPG プレビューを含む EPS および PNG 形式で利用できる、金色の卒業帽のベクター素材です。
PNG素材
2024-02-27

室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート

家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

フレッシュカラーの個人履歴書ガイドページテンプレート

フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

デザイナーのクリエイティブな仕事の履歴書 Web テンプレート

デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

現代のエンジニアリング建設会社のウェブサイトのテンプレート

最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。