米OpenAIが2022年11月に提供を開始したチャット型のAI「ChatGPT」の登場を皮切りに、MicrosoftやGoogle、Adobeなど、世界を代表するIT企業らが、次々にジェネレーティブAI(生成型AI)を誕生させている。ChatGPTに関するニュースを目にしない日がないくらい、世界中で盛り上がりをみせている。 一方、多くの国内企業では、情報管理や著作権などのリスクの観点からChatGPTの導入に踏み切っておらず、使用を禁止している企業もある。 そんな中、パナソニックホールディンクス(HD)傘下でシステム開発を手掛けるパナソニック コネクトは、ChatGPTの全社導入に舵を切った。業務生産性とAIスキルの向上を目指して、国内の全従業員1万2500人にAIアシスタントを展開している。社員は、AIに専門知識を聞いたり、プログラムコードの作成を頼んだりと、2月17日の開始日からわず
192 languages and 496 themesAutomatic language detectionWorks with any HTML markupZero dependenciesCompatible with any JS frameworkSupports Node.js and DenoCurrent release: 11.9.0 #!/bin/bash ###### CONFIG ACCEPTED_HOSTS="/root/.hag_accepted.conf" BE_VERBOSE=false if [ "$UID" -ne 0 ] then echo "Superuser rights required" exit 2 fi genApacheConf(){ echo -e "# Host ${HOME_DIR}$1/$2 :" } echo '"quote
splitは、文字列を分割して配列を返します。 1つ目の引数は、区切り文字の場合は、文字列を区切り文字で区切ります。 正規表現の場合は、文字列を正規表現で区切ります。 2つ目の引数の数値は、分割する数を指定します。省略可能です。 文字列の末尾が空文字の時も要素として取得されます。(Javaはデフォルトでは削除されます) Stringオブジェクトのメソッドです。 カンマで区切る <script> const str1 = "赤,黄,青"; const c1 = str1.split(","); for (let i = 0; i < c1.length; i++) { console.log(c1[i]); // 赤 黄 青が出力される } console.log(c1); //["赤", "黄", "青"] </script> 3行目は、文字列をカンマ区切りで配列にしています。 半角スペー
g : 繰り返しマッチする Global 1回目のマッチング発生後も、その直後から繰り返しマッチング施行を行います。
準備 react highlight word のインストール npm install react-highlight-words 使ってみる イメージ 入力フォームに入れた文字を検索してハイライトします。 ついでに、このぐらいだとリアルタイムでも重くないですが、0.5秒ぐらいのディレイを持たせるようにします。 局所的なサンプル <Highlighter searchWords={searchKeyword.split(/\s/)} autoEscape={true} textToHighlight={SAMPLE_TEXT} /> サンプル いつものように App.js を編集していきます。 import { useEffect, useState } from 'react'; import Highlighter from "react-highlight-words"; impor
HTML チュートリアル HTML の基本 HTML 入門 HTML 入門の概要 HTML を始めよう ヘッド部には何が入る? HTML のメタデータ HTML テキストの基礎 ハイパーリンクの作成 高度なテキスト整形 文書とウェブサイトの構造 HTML のデバッグ 評価課題: 手紙のマークアップ 評価課題: コンテンツのページの構造化 マルチメディアとその埋め込み マルチメディアとその埋め込みの概要 HTML の画像 動画と音声のコンテンツ object から iframe まで — その他の埋め込み技術 ウェブへのベクターグラフィックの追加 レスポンシブ画像 評価課題: Mozilla のスプラッシュページ HTML の表 HTML の表の概要 HTML の表の基本 HTML 表の高度な機能とアクセシビリティ 評価課題: 太陽系の惑星データの構造化 リファレンス HTML 要素 <a>
この記事ではこういった疑問にお答えします。 Reactを用いた開発を進める上で少しでも参考になれば幸いです。 【React】HTML文字列をHTMLに変換して表示する方法 まずは現状を整理します。 DBに格納してあったHTML文字列をHTMLとして表示したい状況です。 const Sample = () => { const html = "<p>DBから文字列として取得したHTML</p>" return ( <div> <p>Sample</p> {html} </div> ) } export default Sample import Sample from "./components/Sample"; function App() { return ( <Sample/> ); } export default App; このコードだと、以下のようにHTMLが文字列として画面に表
こんにちは。クレイの浅海です。最近の休日は3歳児とマイクラをしています。 さて、業務ではここ1年ぐらい、DocBaseのフロントエンドのフレームワークをBackbone.jsからReact.jsに変更する作業をしていました。 完全に作り直しです。2万行を超えるBackboneのコードとお別れをしました。バイバイバックボーン。 詳細 → DocBaseのフロントエンド改修をどのように進めたか Reactで実装する上で苦労した点 DocBaseにはReactとマッチしない機能もいくつかあり、Reactで実装する上で苦労しました。その一つが、メモの表示です。「メモ」というのは、DocBaseの投稿の単位です。メモは例えばこのような投稿 メモの内容は、ユーザが投稿したmarkdownをサーバでHTMLに変換しデータベースに保存、それを表示時にサーバから受け取ったHTMLをReactが表示することに
JavaScriptのsearch()メソッドを使うと指定の正規表現にマッチした文字列の位置を取得する事ができます。本コラムでは、search()メソッドの使い方をサンプルコードと共に解説します。 目次 1. search()メソッド 1.1. search()メソッドの基本書式 ●search()メソッド stringObj.search(regExp) ▲ページトップへ戻る 1.2. パラメーター regExp:正規表現を指定します。 ▲ページトップへ戻る 1.3. 戻り値 正規表現でマッチした文字列をの位置を返します。マッチした文字列がない場合は、「-1」を返します。 ▲ページトップへ戻る 2. search()メソッドの使い方 2.1. 文字列を指定して位置情報を取得する方法 search()メソッドの引数に文字列を指定すると、その文字のある位置が返されます。サンプルコードでどのよ
株式会社CoinPost(本社:東京千代田区、代表取締役CEO:各務貴仁)が企画・運営に関わるアジア最大級の国際Web3カンファレンス「WebX」のチケット販売が開始したことをお知らせいたします。またチケット販売に合わせて、WebX公式ホームページも同時公開いたします。 株式会社CoinPost(本社:東京千代田区、代表取締役CEO:各務貴仁)が企画・運営に関わるアジア最大級の国際Web3カンファレンス「WebX」のチケット販売が開始したことをお知らせいたします。またチケット販売に合わせて、WebX公式ホームページ(https://webx-asia.com/)も同時公開いたします。 ▼WebXとは WebXは、世界各国からWeb2・Web3の有望プロジェクトや企業、起業家、投資家、開発者等を集めたアジア最大級のWeb3カンファレンスです。 来場者は、Web3分野のトッププロジェクトや創業
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く