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

  • クイックヒント:Googleカスタム検索のスタイルを手動でスタイリングする方法
    クイックヒント:Googleカスタム検索のスタイルを手動でスタイリングする方法
    コアポイント 検索フォームを手動でレンダリングすることで(特別なGCSEタグを使用する必要なく)、Googleカスタム検索エンジン(GCSE)を手動でスタイリングし、検索入力フィールドをより適切に制御し、それらをより簡単に見せることができます。 GCSEコールバック関数は、入力プロパティを変更する前に入力がロードされることを保証します。この方法は、SettimeOutメソッドを使用するよりも信頼性が高くなります。 Google検索APIを使用して、検索ボックスと結果ボックスを作成できます。アクティブなクエリが存在する場合、結果ボックスも作成されます。その他のカスタマイズは、ドキュメントを調べることで実現できます。 カスタムスタイル関数は、さらにカスタマイズするためにSearch Divに追加できます。この関数は、プレースホルダーを変更し、背景を削除し、焦点が合っていないときに背景を削除するものを追加するために使用できます
    jsチュートリアル . json 868 2025-02-17 09:42:10
  • VerdaccioでプライベートNPMパッケージをホスト、公開、管理します
    VerdaccioでプライベートNPMパッケージをホスト、公開、管理します
    Verdaccio:プライベートNPMパッケージを簡単に管理するための強力なツール コアポイント Verdaccioは、NPMの商用プライベートパッケージのホスティング、出版、管理サービスの無料の代替品です。構成なしでローカルNPMレジストリを作成することができ、独自のデータベースが付属しています。 Verdaccioはローカルキャッシュ/プロキシサーバーとして機能し、カスタムリポジトリに依存関係が見つからない場合、公式のNPMレジストリからダウンロードされ、ローカルストレージフォルダーに保存されます。また、地元のプライベートパッケージの作成もサポートしています。 Verdaccioは簡単にインストールして構成でき、時折クラッシュするたびに自動的に再起動するように設定できます。また、ユーザーはパッケージの公開に登録できます。 プライベートパッケージのホストに加えて、Verd
    jsチュートリアル . json 951 2025-02-17 09:39:15
  • クイックヒント:JSON-Serverを使用したMock Rest API
    クイックヒント:JSON-Serverを使用したMock Rest API
    バックエンドを必要とせずにフロントエンドアプリケーションをすばやくプロトタイプ化できますか?最も基本的なシミュレーションAPIを作成することは、時間がかかり、労働集約的です。 JSON-Serverライブラリは、開発とテストのために複雑なRESTFUL APIを作成するための迅速かつ簡単な方法を提供することにより、この問題を解決します。 このクイックヒントは、JSON-Serverを使用してモックレストAPIを作成する方法を教えてくれます。 キーポイント JSON-Serverライブラリを使用して、開発とテストのために複雑なRESTFUL APIを迅速に作成でき、開発者はバックエンドなしでアプリケーションのフロントエンドをプロトタイプすることができます。 Json-Serverが提供します
    jsチュートリアル . json 1151 2025-02-17 09:36:12
  • Redux認証:Auth0でアプリケーションを保護します
    Redux認証:Auth0でアプリケーションを保護します
    コアポイント Reduxは、Reactアプリケーションで状態を管理するための構造化された方法を提供し、特に大規模なアプリケーションの場合、データフローを予測と管理が容易にします。 Auth0はユーザー認証に使用され、複雑なバックエンド設定なしのソーシャルログインやマルチファクター認証などの迅速なセットアップと高度な機能を提供します。 JSON Web Tokens(JWT)は、従来のセッションベースの認証プロセスを簡素化するRestful APIに対する安全なステートレス認証に使用されます。 このチュートリアルは、Auth0のロックウィジェットでログインプロセスを簡素化し、Reduxミドルウェアを使用してAPI呼び出しを効率的かつ安全に処理します。 による
    jsチュートリアル . json 661 2025-02-17 09:30:11
  • 10 node.jsベストプラクティス:ノードの達人からの啓発
    10 node.jsベストプラクティス:ノードの達人からの啓発
    キーテイクアウト ビルド、テスト、アプリの起動などのタスクを整理するためのNPMスクリプトを利用します。これは、開発者が新しいプロジェクトを見ると、単一の真実の源を提供します。 thから
    jsチュートリアル . json 249 2025-02-17 09:26:09
  • API.AIを使用して独自のAIアシスタントを構築する方法
    API.AIを使用して独自のAIアシスタントを構築する方法
    人工知能を深く理解したいですか?ビデオチュートリアル「Microsoft Cognitive Services and Text Analysis API:RobotでAIセンチメント分析の実装」をご覧ください。 スマートアシスタントの世界は、Siri、Cortana、Alexa、Ok Google、Facebook M、Bixbyなどの日ごとに変化しています。ただし、多くの開発者は、独自のAIアシスタントを構築することが実際には非常に簡単であることに気付いていません。ニーズ、IoTデバイス、カスタムAPIに合わせてカスタマイズでき、可能性は無限です。 注:この記事は、API.AIの最新の変更を反映するために2017年に更新されました。 以前、私は記事を書きました
    IT業界 . json 282 2025-02-17 09:16:08
  • NPMニンジャになる10のヒントとトリック
    NPMニンジャになる10のヒントとトリック
    node.jsパッケージ管理:効率的な開発のためのNPMコマンドの習得 この記事では、node.js開発ワークフローを合理化するための必須npmコマンドを調べます。パッケージを管理し、更新を処理し、OPTを管理するための役立つヒントとコツをカバーしてください
    jsチュートリアル . json 385 2025-02-17 09:09:11
  • JSON WebトークンでIoTデバイスとサービスを保護する
    JSON WebトークンでIoTデバイスとサービスを保護する
    JSON Web Tokens(JWTS)は、モノのインターネット(IoT)のための重要なセキュリティツールであり、デバイスとサーバー間の通信を確認するための安全な方法を提供します。 それらは、ベアラーとアクセストークンの両方として効果的に機能します。 JSON WebトークンVIS
    jsチュートリアル . json 1078 2025-02-17 09:07:11
  • Aureliaの冒険:カスタムPDFビューアの作成
    Aureliaの冒険:カスタムPDFビューアの作成
    この記事は、Vildan Softicによって査読されました。 SetePointのすべてのピアレビューアーズに感謝します。 WebアプリケーションでPDFファイルを操作することは常に注意が必要です。運が良ければ、ユーザーはファイルをダウンロードするだけです。しかし、時には、ユーザーはより多くの機能を必要とします。私は過去に幸運でしたが、今回は、ユーザーが各ページに関連するメタデータを保存できるようにPDFドキュメントを表示するためにアプリを必要としています。以前は、人々はこれを実現するためにブラウザで実行するために高価なPDFプラグイン(Adobe Readerなど)を使用していたかもしれません。しかし、しばらくして実験の後、私はウェブに行くより良い方法を見つけました
    jsチュートリアル . json 803 2025-02-17 09:03:09
  • React Storybook:美しいユーザーインターフェイスを簡単に開発します
    React Storybook:美しいユーザーインターフェイスを簡単に開発します
    フロントエンドプロジェクトの開始時に、通常、美しいインターフェイスが最初に設計されています。すべてのUIコンポーネントとそれらのさまざまな状態と効果を慎重に計画および描画します。ただし、開発中は状況が変化する傾向があります。新しい要求と予期せぬユースケースが次々と出現しています。当初の美しいコンポーネントのライブラリは、これらのニーズのすべてをカバーするものではなく、新しいデザインを追加し続ける必要があります。 現時点であなたの周りにデザインの専門家がいる場合、それは素晴らしいことですが、彼らはしばしば他のプロジェクトに切り替えて、開発者だけにこれらの変更に対処するために残します。その結果、設計の一貫性は低下し始めます。コンポーネントライブラリの既存のコンポーネント、そのステータスと外観を追跡することは困難です。 この設計の混乱を避けるために、通常、すべてのコンポーネントに個別のドキュメントを作成することが最善です。この目的のために利用できるさまざまなツールがありますが、この記事では専用のREACを強調します
    jsチュートリアル . json 1107 2025-02-17 08:59:11
  • Eslintで起き上がります
    Eslintで起き上がります
    Eslint:JavaScriptコードの新しい親友 この記事では、開発者にとっての能力と利点を強調している強力で適応可能なJavaScriptリナーであるEslintを調査します。 リナーは、潜在的な問題についてコードを自動的に確認し、Co
    jsチュートリアル . json 427 2025-02-17 08:53:12
  • node.jsとelasticsearchを使用して検索エンジンを構築します
    node.jsとelasticsearchを使用して検索エンジンを構築します
    この記事は、Mark Brown、Vildan Softic、MoritzKrögerによって査読されました。 SetePointのコンテンツを完璧にしてくれたSetePointのすべてのピアレビューアに感謝します! Elasticsearchは、高性能と分散アーキテクチャにより、ますます人気が高まっているオープンソース検索エンジンです。この記事では、その主要な機能を調べて、それを使用してnode.js検索エンジンを作成する方法をガイドします。 キーポイント ElasticSearchは、Apache Lucene上に構築された高性能分散検索エンジンであり、主にリアルタイムのインデックス作成および検索データに使用されます。 システムはパターンレスであり、データ構造を自動的に検出し、
    jsチュートリアル . json 1012 2025-02-17 08:47:09
  • NW.JSを使用してクロスプラットフォームデスクトップアプリを構築します
    NW.JSを使用してクロスプラットフォームデスクトップアプリを構築します
    NW.JS:Webテクノロジーを使用したネイティブアプリケーションを構築するためのフレームワーク NW.JSは、開発者がHTML、JavaScript、CSSなどのWebテクノロジーを使用してネイティブアプリケーションを作成して、通常のWebアプリケーションよりも大きな利点を持つハイブリッドアプリケーションを生成できる強力なフレームワークです。 別のハイブリッドアプリケーションフレームワークと比較して、電子、NW.JSには次の利点があります:Chromeのサポート。 node.jsを統合します。 NW.JSを使用して、ハイブリッドアプリケーションを作成します
    jsチュートリアル . json 434 2025-02-17 08:37:10
  • 電子とマイクロソフトボットフレームワークを備えたSkypeボットを作成します
    電子とマイクロソフトボットフレームワークを備えたSkypeボットを作成します
    このチュートリアルでは、電子とMicrosoftボットフレームワーク(MBF)を使用した毎日のスクラム会議用のSkypeボットの構築を示しています。 電子を活用してスクラムチームとメンバーを管理するための構成GUIを作成し、Node.jsとMBF SDK PO
    jsチュートリアル . json 1077 2025-02-17 08:33:11
  • PythonとMongodbを始めます
    PythonとMongodbを始めます
    もともとMongodbで紹介されたこの記事は、SitePointのパートナーによって誇らしげにサポートされています。 このチュートリアルは、重要なタスクを通じてMongodbを新しいPython開発者にガイドします。 カバーします: 無料のMongodb Atlasデータベースをセットアップします。 pyのインストール
    IT業界 . json 524 2025-02-16 13:15:39

ツールの推奨事項

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 フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。