現在位置:ホームページ > 技術記事 > CMS チュートリアル

  • 無料のWordPressビデオプレーヤープラグイン
    無料のWordPressビデオプレーヤープラグイン
    ビデオは多くの主要な Web サイトで重要な部分になっています。これは、ビデオがテキスト、画像、音声よりも没入型のユーザー エクスペリエンスを提供するためです。さらに、ソフトウェアや開発チュートリアルなど、一部のコンテンツにはビデオの方が適した媒体である場合があります。 Web サイトにビデオを追加する予定があるが、適切なプラグインが見つからない場合は、この記事が役に立ちます。ここでは、5 つの人気のある無料の WordPress ビデオ プレーヤー プラグインの概要を説明します。先に進む前に、無料のプラグインでは Web サイトに必要な機能がすべて提供されない可能性があることを述べておく必要があります。また、より多くの機能と美しい UI をユーザーに提供する CodeCanyon のプレミアム WordPress ビデオ プレーヤー プラグインもご覧ください。また、Cから始める場合は、
    &#&プレス 2482 2023-08-29 15:13:13
  • NodeJS、Socket.io、ExpressJS を使用したライブ チャット
    NodeJS、Socket.io、ExpressJS を使用したライブ チャット
    NodeJS を使用すると、私のお気に入りの言語の 1 つである JavaScript でバックエンド コードを作成できます。これは、リアルタイム アプリケーションを構築するのに最適なテクノロジです。このチュートリアルでは、ExpressJS と Socket.io を使用して Web チャット アプリケーションを構築する方法を説明します。環境のセットアップ もちろん、最初に行うことはシステムに NodeJS をインストールすることです。 Windows または Mac ユーザーの場合は、nodejs.org にアクセスしてインストーラーをダウンロードできます。 Linux をお好みの場合は、このリンクを参照することをお勧めします。これについては詳しく説明しませんが、インストールに関する問題が発生した場合は、この記事の下にコメントを残していただければ喜んでサポートさせていただきます。 NodeJSをインストールしたら、
    &#&プレス 1234 2023-08-29 12:49:14
  • KUTE.js をアニメーションに効率的に使用する: パート 3、SVG アニメーション
    KUTE.js をアニメーションに効率的に使用する: パート 3、SVG アニメーション
    このシリーズの前のチュートリアルでは、KUTE.js を使用して要素のさまざまな CSS プロパティをアニメーション化する方法を説明しました。ただし、コア エンジンでは、SVG 要素に固有のプロパティをアニメーション化することはできません。同様に、ストロークを使用して、さまざまなパス形状の SVG 変形やさまざまな SVG 要素の描画をアニメーション化することはできません。これらのタスクを実行するには、KUTE.jsSVG プラグインを使用する必要があります。始める前に、このチュートリアルの例が適切に動作するには、KUTE.js コア エンジンと SVG プラグインを含める必要があることに注意してください。 SVG シェイプのモーフィング ある SVG シェイプを別の SVG シェイプにモーフィングすることは、よく見かける機能です。 KUTE.jsSVG プラグインを使用すると、カスタムの
    &#&プレス 2018 2023-08-29 12:33:16
  • Google App Engine で WordPress ウェブサイトをホストする
    Google App Engine で WordPress ウェブサイトをホストする
    WordPress は単なるブログ プラットフォームとして始まりましたが、ユーザーにコンテンツを作成して公開する機能を提供する完全なコンテンツ管理システムに進化しました。素晴らしいウェブサイトやブログを公開しましょう。プラグイン データベースは最大規模のデータベースの 1 つであり、成長し続けています。最大の WordPress エンジンのシンプルさは私にとって非常に魅力的です。 WordPress を使用したブログを立ち上げて運営するのにほとんどかかりません。シンプルに聞こえるかもしれませんが、最小限とは、自分の好みに応じて変更したり要求したりできないという意味ではありません。 WordPress を利用した Web サイトを、写真ブログ、プロフェッショナルなオンライン ポートフォリオ、ニュース Web サイト、オンライン コミュニティ、さらにはオンライン e コマース ストアに変えることができます。使用する際に制限されるのはあなたの想像力だけです
    &#&プレス 1833 2023-08-29 11:33:01
  • レスポンシブデザインのスライド式サイドナビゲーションメニューを作成する
    レスポンシブデザインのスライド式サイドナビゲーションメニューを作成する
    このチュートリアルでは、JavaScript と CSS を使用して展開可能なサイド ナビゲーション メニューを作成します。最終的なプロダクトは以下の画像のようになります。 1. マークアップの作成 まず、サイド メニューにマークアップを追加しましょう: <divid="sideNavigation" class="sidenav"><ahref="#"class="close-btn"> × </a><ahref="#">概要</a&
    &#&プレス 1322 2023-08-29 09:01:02
  • I18Next を使用して刺激アプリケーションをローカライズする
    I18Next を使用して刺激アプリケーションをローカライズする
    前回の記事では、Basecamp によって作成されたシンプルな JavaScript フレームワークである Stimulus を紹介しました。このフレームワークにはすぐに使える国際化ツールが提供されていないため、今日は Stimulus アプリケーションの国際化について説明します。国際化は重要なステップであり、特にアプリケーションが世界中の人々に使用される場合には、国際化の方法についての基本的な理解が非常に役に立ちます。もちろん、jQuery.I18n、Polyglot、その他のいずれであっても、どの国際化ソリューションを実装するかを決定するのはあなた次第です。このチュートリアルでは、多くの優れた機能を備えた I18next と呼ばれる人気の I18n フレームワークを紹介したいと思います。
    &#&プレス 1710 2023-08-28 23:53:07
  • JavaScript 配列の変換と変換
    JavaScript 配列の変換と変換
    配列は、プログラミングにおける基本的かつ強力なデータ構造です。その能力は、複数のオブジェクトや値を保存する能力だけから来るものではありません。また、含まれるデータの操作と使用を容易にするさまざまなツールも公開されています。特定のニーズを満たすために配列を変更する必要があることがよくあります。たとえば、特定のプロパティの値によって順序付けされるように配列内のオブジェクトを再編成する必要がある場合や、複数の配列を 1 つの配列にマージする必要がある場合があります。多くの場合、オブジェクトの配列を完全に異なるオブジェクトの別の配列に完全に変換する必要がある場合があります。このチュートリアルでは、配列の結合、コピー、変換、フィルタリングのために JavaScript が提供するツールについて学習します。ただし、始める前に、「マージ」、「変換」という用語を使用していることを指摘しなければなりません。
    &#&プレス 1195 2023-08-28 23:41:10
  • JavaScript をマスターする: パート 3、ループを探索する
    JavaScript をマスターする: パート 3、ループを探索する
    あなたのタスクは、1 から 100 までの数字を表示するプログラムを作成することだとします。これを達成する 1 つの方法は、100 個の console.log() ステートメントを作成することです。でも、9 行目や 10 行目では飽きてしまうので、きっとそうしないでしょう。各ステートメントで変更される部分は数値のみであるため、ステートメントを 1 つだけ記述する方法が必要です。ループもあります。ループを使用すると、コード ブロック内の一連のステップを繰り返すことができます。 While ループ Do-while ループ For ループ 配列 For-Of ループ For-In ループ While ループ While ループは、何らかの条件が true と評価されると、一連のステートメントを繰り返し実行します。条件が false の場合、プログラムはループを終了します。この種のループは、反復を実行する前に条件をテストします。反復とはループです
    &#&プレス 1463 2023-08-28 22:37:09
  • Angular コントローラーを紹介するエキサイティングなコーヒー ブレーク コース
    Angular コントローラーを紹介するエキサイティングなコーヒー ブレーク コース
    AngularJS は、多くの Web 開発者にとって最適なフレームワークとなっています。これは、フロントエンドのシングルページ Web アプリケーションを迅速に構築するためのオールインワン ソリューションです。ただし、トレードオフの 1 つは、システムの制限に対処する必要があることです。その 1 つは、コントローラー間の通信の問題です。 「Angular コントローラー間のデータの共有」という新しいコーヒー ブレーク コースを開始しました。私たちのコーヒー ブレーク コースは、新しいスキルやコンセプトを一度に教えるように設計された超短期コースです。このコースでは、EnvatoTuts+ インストラクターの Reggie Dawson が、Angular コントローラー間でデータを共有するための簡単なテクニックをいくつか紹介します。サービスを介してデータを渡す方法を学び、パラメーターとルーターの状態を渡すことについても学びます。
    &#&プレス 1409 2023-08-28 22:09:06
  • HTML5 ページ可視性 API を探索する
    HTML5 ページ可視性 API を探索する
    以前のブラウザにはタブ ブラウズ機能がありませんでしたが、現在では利用可能なすべてのブラウザを見ると、すべてのブラウザがこの機能を提供していることがわかります。プログラマーとして、私は通常一度に 10 ~ 15 個のタブを開きますが、この数が 25 ~ 30 個を超えることもあります。この API を使用する理由以前は、どのタブがアクティブで、どのタブがアクティブであるかを判断する方法はありませんでしたが、HTML5VisibilityAPI の助けを借りて、訪問者が Web ページを閲覧しているかどうかを検出できるようになりました。このチュートリアルでは、HTML5Visibility API の処理方法と、ページの状態を確認するための簡単なデモンストレーションを見ていきます。このデモでは、表示されているものに基づいてページを作成します
    &#&プレス 1287 2023-08-28 19:33:06
  • KUTE.js を使用した効率的なテキスト アニメーション: パート 4、テキスト アニメーション
    KUTE.js を使用した効率的なテキスト アニメーション: パート 4、テキスト アニメーション
    このシリーズの 2 番目のチュートリアルでは、KUTE.js を使用して、Web ページ上の要素のさまざまな CSS プロパティをアニメーション化する方法を学習しました。すべての変換プロパティと、border-radius や border-color などのプロパティをアニメーション化する方法を学習しました。 CSS プラグインを使用して、フォント サイズ、行の高さ、文字間隔、単語間隔などの CSS プロパティをアニメーション化することもできます。 KUTE.js には、カウントダウンなどの数値を増減したり、文字列を 1 文字ずつ書いたりすることで、さまざまな要素内のテキストをアニメーション化できるテキスト プラグインもあります。このチュートリアルでは、KUTE.js の CSS およびテキスト プラグインを使用して、
    &#&プレス 901 2023-08-28 18:05:11
  • クイック ヒント: jQuery の詳細 - Grep
    クイック ヒント: jQuery の詳細 - Grep
    「Anatomy of jQuery」の最新エピソードでは、$.grep の蓋を開け、舞台裏で何が起こっているのかを正確に確認します。すべてのビデオチュートリアルを視聴するには、YouTube ページに登録してください。 grep の jQuery ソース //jQuerysourceforthegrepmethodgrep:function(elems,callback,inv){varret=[];//Gothroughthearray,onlysavetheitems//thatpassthevalidatorfunctionfor(vari=0,length=elems.l
    &#&プレス 1461 2023-08-28 17:49:10
  • Backbone.js から始める
    Backbone.js から始める
    Web 開発の対応物とは異なり、JavaScript はフレームワークの形で実際に構造を提供したことはありません。ありがたいことに、近年、この状況が変わり始めています。今日は、Backbone.JS を紹介したいと思います。Backbone.JS は、複雑でインタラクティブなデータ駆動型アプリケーションの作成プロセスをはるかに簡単にする、かわいい小さなライブラリです。データをプレゼンテーションから分離する明確な方法を提供します。 Backbone.JS の概要 CoffeeScript を構築した JS 忍者、Jeremy Ashkenas によって作成された Backbone は、保守しやすいフロントエンドを作成できる超軽量ライブラリです。バックエンドに依存せず、すでに使用している最新の Java で動作します。
    &#&プレス 1494 2023-08-28 15:41:08
  • Underscore.js の暖かさを受け入れてください
    Underscore.js の暖かさを受け入れてください
    JavaScript が徐々にブラウザーから移行していく中、JavaScript の堅牢性を大幅に向上させるツールが登場しています。それらのツールの 1 つは Underscore.js と呼ばれるもので、それが今日紹介するツールです。はじめましょう! Underscore.js の紹介 それでは、Underscore は正確に何をするのでしょうか? Underscore は、Prototype.js (または Ruby) で期待される関数型プログラミングのサポートの多くを提供する JavaScript ユーティリティ ライブラリですが、組み込みの JavaScript オブジェクトは拡張しません。 Python や Ruby で作業する利点の 1 つは、マップなどの派手な構造です。
    &#&プレス 1272 2023-08-28 14:53:09
  • 無料およびオープンソースの JavaScript カラーピッカー トップ 10
    無料およびオープンソースの JavaScript カラーピッカー トップ 10
    カラー ピッカーは、ユーザーが特定のパレットから色を選択できるようにする複雑な UI 要素です。カラーピッカーを Web ページに追加するには 2 つの方法があります。 1 つ目は、単純に input 要素を使用し、type 属性を color に設定することです。追加は簡単で、イベント リスナーをアタッチして、選択した色に基づいて Web ページに変更を加えることができます。 input 要素を使用してカラー ピッカーを作成する場合の問題の 1 つは、UI がブラウザ間で大幅に異なる可能性があることです。作成しようとしているものによっては、これが常に満足できるとは限りません。通常、ユーザーは、使用しているブラウザーに関係なく、UI に小さな変更が加えられることだけを期待しています。さらに、組み込みのカラー ピッカーの外観がサイト全体のテーマと適切に調和しない場合があります。
    &#&プレス 1988 2023-08-28 12:21: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 フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。