YUI 2.3.0 の追加コンポーネント概要：強力AjaxライブラリYahoo! UI Library

　Yahoo! User Interface Library（以下YUI）は、米Yahoo!が開発しているJavaScriptライブラリである。オープンソースのBSDライセンスに基づいてリリースされており、無償でAjaxアプリケーションの構築に利用することができる。この特集では、7月末にリリースされた最新バージョン2.3.0に追加されたコンポーネントと、YUIの基本について解説していく。

　2007年7月31日、Yahoo!からYUI2.3.0がリリースされた（リリースを伝える開発者ブログのエントリ）。このバージョンでは、新たに6つのコンポーネントが追加された。初回はこれらのコンポーネントの概要を述べて、次回以降でそれらについて具体的な解説を加えていきたい。

　なお、リリースされたコンポーネントのほとんどはベータ版（beta）もしくは実験的な（experimental）リリースなので、対応するブラウザや利用条件に配慮した上でご利用いただきたい。

Color Picker Control - beta

　画面上の表示色を選択するコンポーネントで、Webブラウザ上のGUIで色を選択すると、その色を表示するためのFFFFFFなど16進数6桁の値を得られる。機能はシンプルだが、画面のカスタマイズ機能を充実されたアプリケーションの構築には欠かせないコンポーネントとなるだろう。

Rich Text Editor - beta

　フォントの種類や大きさなど書式を変更できるテキストエディタである。HTMLフォームのを拡張する方法で、ワープロソフトでお馴染みの書式設定ボタンが表示される。</p> <p>　IEの一部のバージョンではテキストを選択できないなどのバグが確認されているが、このコンポーネントの<a href="http://developer.yahoo.com/yui/editor/" target="_blank">ドキュメント</a>の「Known Issues in RTE 2.3.0」に掲載されているCSSを追加設定すると解決できるという。該当するバージョンを用いているユーザーは注意していただきたい。</p> <h4><a href="http://developer.yahoo.com/yui/yuiloader/" target="_blank">YUILoader Utility</a> - beta</h4> <p>　YUIの個別のライブラリを、文字列の名称で指定してロードできるようにするユーティリティである。別のJavaScriptライブラリであっても、モジュールとして名称を指定しておけば、同様にロードが可能となる。</p> <p>　登録済みの名称は、たとえば、前述のRich Text Editorは"editor"、<a href="http://developer.yahoo.com/yui/calendar/" target="_blank">Calendar Control</a>は"calendar"という具合である。詳細は<a href="http://developer.yahoo.com/yui/yuiloader/" target="_blank">ドキュメント</a>の「YUI Module Names」を参照していただきたい。</p> <h4><a href="http://developer.yahoo.com/yui/imageloader/" target="_blank">ImageLoader Utility</a> - experimental</h4> <p>　画像が用いられたWebページをロードする際、画像のみを後からロードできるようにするユーティリティだ。画像が用いられたWebページは、Webブラウザの種類にもよるものの、画像のロードが完了するまでページ全体が表示されないことがある。このユーティリティはそうした事態を改善するねらいで開発された。</p> <h4><a href="http://developer.yahoo.com/yui/yuitest/" target="_blank">YUI Test Utility</a> - beta</h4> <p>　JavaScriptアプリケーションのユニットテストを行うためのクラス群で、TestSuite、TestRunner、Assertなど、さながらJUnitのそれと良く似た機能や名称を持つクラスが定義されている。また、ユーザーのWebブラウザ上での操作をシミュレートするクラスも定義されている。</p> <h4><a href="http://developer.yahoo.com/yui/base/" target="_blank">Base CSS</a></h4> <p>　YUIのCSSライブラリが、基盤部分の設定を行う<a href="http://developer.yahoo.com/yui/base/" target="_blank">CSS Base</a>、フォントの種類や大きさを決める<a href="http://developer.yahoo.com/yui/fonts/" target="_blank">CSS Fonts</a>、Webブラウザの画面を複数の領域に分割してコンテンツを表示させる<a href="http://developer.yahoo.com/yui/grids/" target="_blank">CSS Grids</a>、そして設定をリセットする<a href="http://developer.yahoo.com/yui/reset/" target="_blank">Reset CSS</a>にまとめられた。</p> <p>　CSS Gridsで指定可能なレイアウトのうち、33%-33%-33%というレイアウトにおいて大きなスワップが発生することが確認されており、メーリングリストでそれに対処するための<a href="http://tech.groups.yahoo.com/group/ydn-javascript/message/16079" target="_blank">パッチが公開されている</a>。利用を考えているユーザーは確認していただきたい。</p> <h3>YUIのダウンロードとWebブラウザの設定</h3> <p>　YUIはJavaScriptライブラリなので、実行環境となるWebブラウザにおいてJavaScriptを実行できるように設定しておかなくてはならない。職場などの利用環境ではセキュリティに配慮してJavaScriptの実行を許可していない場合もあるので、設定が可能かどうかをあらかじめ確認しておいていただきたい。また、YUIが対応しているWebブラウザは<a href="http://developer.yahoo.com/yui/articles/gbs/index.html" target="_blank">Graded Browser Support</a>に掲載されているので、こちらも合わせて確認しよう。</p> <p>　YUIが利用可能であれば、<a href="http://developer.yahoo.com/yui/download/" target="_blank">YUIの本体をダウンロードサイトへのリンク</a>からダウンロードしよう。これをクリックすると<a href="http://sourceforge.net/projects/yui/" target="_blank">SourceForge.net</a>にリダイレクトされ、自動的にZIP形式のファイルがダウンロードされる(容量は約12MB)。もしダウンロードが開始されない場合は、「this direct link」というリンクをクリックしてほしい。</p> <p>　ダウンロードが完了したら、ZIPファイルを展開しよう(容量は約40MB)。このとき、ドライブの空き容量が十分に確保されていることを事前に確認しておいていただきたい。</p> <p>　これでYUIの実行環境が整った。次回から、YUI2.3.0で追加されたコンポーネントについて解説を加えていきたい。JavaScriptライブラリによるAjaxアプリケーションの世界を探検していこう。</p> <!-- cxenseparse_end --> <!--// article_end //--> </div> <div class="pg-mod"> <div class="article-pagination"> </div> </div> <div id="article_under_nllink" class="pg-mod"> <div class="article-mailmagizine"> <p>ZDNET Japan 記事を毎朝メールでまとめ読み(登録無料)</p> <div class="btn-area"> <a href="/newsletter/" class="btn-primary" id="article_under_nllink-link" data-ga_category="zd_article_under_nllink" data-url="https://s.japan.zdnet.com/membership/new_register/?next=68747470733a2f2f6a6170616e2e7a646e65742e636f6d2f61727469636c652f32303335363433392f3f7461673d636c6561665f72656c73746f72795f6d616e75616c"> メールマガジン購読のお申し込み </a> </div> </div> </div> <div class="pg-mod"> <div class="article-sns"> <ul class="article-sns-btn"> <li class="fb"><div class="fb-root"></div> <div class="fb-share-button" data-href="https://japan.zdnet.com/article/20356439/" data-layout="button_count" data-size="small"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://japan.zdnet.com/article/20356439/&src=sdkpreparse" class="fb-xfbml-parse-ignore">シェア</a> </div> </li> <li class="tw"><a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-via="zdnet_japan" data-lang="ja" data-show-count="false">Tweet</a> </li> <li class="habebu"><a href="https://b.hatena.ne.jp/entry/https%3A%2F%2Fjapan.zdnet.com%2Farticle%2F20356439%2F" class="hatena-bookmark-button" data-hatena-bookmark-layout="simple-balloon" title="このエントリーをはてなブックマークに追加"> <img src="https://b.st-hatena.com/images/v4/public/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /> </a> </li> <li class="note"><div class="sns_note_kaku"> <a href="https://note.mu/intent/post?url=https%3A%2F%2Fjapan.zdnet.com%2Farticle%2F20356439%2F&ref=https%3A%2F%2Fjapan.zdnet.com%2Farticle%2F20356439%2F&hashtags=ZDNET" class="" target="_blank"> <img src="/media/c/2012/images/responsive/logo_symbol_White.svg" alt="note" width="26"/><span>noteで書く</span> </a> </div> </li> <li class="pocket"><a data-save-url="https://japan.zdnet.com/article/20356439/" data-pocket-label="pocket" data-pocket-count="horizontal" class="pocket-btn" data-lang="en"></a> </li> </ul> </div> </div> <!-- ad_text --> <div class="pg-mod" id="ad_textbottom"> <ul class="ad-txt"> <div id="7924_9405"><script type="text/javascript">try{ TagProvider.displayAd('7924_9405')}catch(err){}</script></div><div id="7925_9405"><script type="text/javascript">try{ TagProvider.displayAd('7925_9405')}catch(err){}</script></div><div id="7926_9405"><script type="text/javascript">try{ TagProvider.displayAd('7926_9405')}catch(err){}</script></div><div id="7927_9405"><script type="text/javascript">try{ TagProvider.displayAd('7927_9405')}catch(err){}</script></div> </ul> </div> <!-- //ad_text --> <section> <div class="pg-mod"> <div class="pg-mod"> <h2 class="ttl-line-center"><span><a href="/development/sp_07yui/?tag=mcol;backNumber">「特集 ： 強力AjaxライブラリYahoo! UI Library」</a> バックナンバー</span></h2> <ul class="list-disc ggt"> <li> <a href="/article/20360406/" data-tag="mcol;backNumber" data-ga_category="zd_article_backnumber"> YUIの基本操作をおさらい </a> </li> <li> <a href="/article/20359425/" data-tag="mcol;backNumber" data-ga_category="zd_article_backnumber"> Ajax開発を強力支援--ログ出力コンポーネント：LogReader </a> </li> <li> <a href="/article/20359236/" data-tag="mcol;backNumber" data-ga_category="zd_article_backnumber"> マウスの動きも再現--強力なテストライブラリ：YUI Test Utility </a> </li> </ul> </div> <div> <!-- 関連記事 --> <h3 class="ttl-line-center"><span><i class="icon-newspaper-o"></i> 関連記事</span></h3> <ul class="list-thumb-4col"> <li> <a href="/article/35217204/" data-ga_category="zd_article_popular_article" data-cx_recs_type="current"> <div class="thumb"> <img src="/storage/2024/04/02/e82f26b8478ae17e372429eed39a7eda/t/184/138/d/zdnet_meti_thum.png" alt="IoT製品のセキュリティ適合性評価制度を構築、経済産業省が最終とりまとめ"> </div> <p>IoT製品のセキュリティ適合性評価制度を構築、経済産業省が最終とりまとめ</p> </a> </li> <li> <a href="/article/35217495/" data-ga_category="zd_article_popular_article" data-cx_recs_type="current"> <div class="thumb"> <img src="/storage/2024/04/09/dc3efffae8df3bb6f7be63319ace9e73/t/184/138/d/wavybluegettyimages-1455951980_1280x960.jpg" alt="データベース指向の新OS「DBOS」--クラウド時代に対応する新たなアプローチ"> </div> <p>データベース指向の新OS「DBOS」--クラウド時代に対応する新たなアプローチ</p> </a> </li> <li> <a href="/article/35211464/" data-ga_category="zd_article_popular_article" data-cx_recs_type="current"> <div class="thumb"> <img src="/storage/2023/11/14/fbf600a7d194c66ff75685de1e2ed1f8/t/184/138/d/thumb_sp_23composable_erp_1280.jpg" alt="第1回：注目されるコンポーザブルERP--ERPの歴史からひも解く背景"> </div> <p>第1回：注目されるコンポーザブルERP--ERPの歴史からひも解く背景</p> </a> </li> <li> <a href="/article/35216935/" data-ga_category="zd_article_popular_article" data-cx_recs_type="current"> <div class="thumb"> <img src="/storage/2024/03/26/b2eda22b74c6c15c57e27d346ca936e2/t/184/138/d/240326_shopify_000.JPG" alt="CEOの一声で定例会議を廃止--Shopifyカントリー・マネージャーに聞くその後"> </div> <p>CEOの一声で定例会議を廃止--Shopifyカントリー・マネージャーに聞くその後</p> </a> </li> </ul> <ul class="list-disc"> <li> <a href="https://japan.zdnet.com/article/20356432/" data-tag="mcol;relArticles" data-ga_category="zd_article_related_article" data-cx_recs_type="current">jQuery 1.2リリース--多くの新機能が追加</a> </li> <li> <a href="https://japan.zdnet.com/article/20356389/" data-tag="mcol;relArticles" data-ga_category="zd_article_related_article" data-cx_recs_type="current">Adobe SpryとDreamweaver CS3であのエフェクトもサクサク：魅力のAjaxライブラリAdobe Spry入門</a> </li> <li> <a href="https://japan.zdnet.com/article/20355823/" data-tag="mcol;relArticles" data-ga_category="zd_article_related_article" data-cx_recs_type="current">あのエフェクトがこんなに簡単に：魅力のAjaxライブラリAdobe Spry入門</a> </li> <li> <a href="https://japan.zdnet.com/article/20355291/" data-tag="mcol;relArticles" data-ga_category="zd_article_related_article" data-cx_recs_type="current">まずは体感：魅力のAjaxライブラリAdobe Spry入門</a> </li> <li> <a href="https://japan.zdnet.com/article/20352062/" data-tag="mcol;relArticles" data-ga_category="zd_article_related_article" data-cx_recs_type="current">jquery 1.1.3：8倍以上高速に、サイズは20KB保つ</a> </li> </ul> <!-- //関連記事 --> </div> <!-- leaf related info --> <div class="pg-mod"> <dl class="list-label"> <dt>関連キーワード</dt> <dd> <a href="/company/20014313/article/" data-ga_category="zd_article_company">Yahoo</a> </dd> <dd> <a href="/paper/development/" data-ga_category="zd_article_wpcategory">開発</a> </dd> </dl> </div> <!-- //leaf related info --> </div> </section> <section> <div class="pg-mod"> <h3 class="ttl-line-center"><span><i class="icon-book"></i> 関連ホワイトペーパー</span></h3> <ul class="list-disc"> <li> <a href="/paper/30000622/30007712/" data-tag="zd_sleaf_recom" data-ga_category="zd_article_related_wp" data-cx_recs_type="current">開発者＆最新システム運用者必見！オブザーバビリティーにまつわる“6つの俗説”の誤りを暴く</a> </li> <li> <a href="/paper/30001736/30007639/" data-tag="zd_sleaf_recom" data-ga_category="zd_article_related_wp" data-cx_recs_type="current">ハイブリッドクラウドを簡単構築、Azure File Syncによるファイルサーバの連携シナリオ</a> </li> </ul> <dl class="list-label"> <dt>人気カテゴリ</dt> <dd> <a href="https://japan.zdnet.com/paper/cio/" data-ga_category="zd_article_wpkeyword">経営</a> </dd> <dd> <a href="https://japan.zdnet.com/paper/security/" data-ga_category="zd_article_wpkeyword">セキュリティ</a> </dd> <dd> <a href="https://japan.zdnet.com/paper/cloud/" data-ga_category="zd_article_wpkeyword">クラウドコンピューティング</a> </dd> <dd> <a href="https://japan.zdnet.com/paper/virtualization/" data-ga_category="zd_article_wpkeyword">仮想化</a> </dd> <dd> <a href="https://japan.zdnet.com/paper/business-application/" data-ga_category="zd_article_wpkeyword">ビジネスアプリケーション</a> </dd> <dd> <a href="https://japan.zdnet.com/paper/mobile/" data-ga_category="zd_article_wpkeyword">モバイル</a> </dd> </dl> </div> </section> <div id="logly-lift-1374341"></div></article> <section> <div class="list-special list-special-col2 pg-mod"> <h3 class="ttl-line-center"><span>特集</span></h3> <ul class="list-disc"> <li> <a href="https://japan.zdnet.com/cio/sp_12matsuoka/">松岡功の「今週の明言」</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_21okame/">デジタル岡目八目</a> </li> <li> <a href="https://japan.zdnet.com/security/sp_17securityarukikata/">企業セキュリティの歩き方</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_13matsuokaopinion/">松岡功の一言もの申す</a> </li> <li> <a href="https://japan.zdnet.com/software/sp_22linux_know_how/">Linuxノウハウ</a> </li> <li> <a href="https://japan.zdnet.com/development/sp_24devsecops_reality_and_problems/">調査からひもとくDevSecOpsの現状と課題</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_12executive/">トップインタビュー</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_23regional_strategy/">持続可能な地域社会を目指す「地域DX」</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_19uchiyama/">デジタルジャーニーの歩き方</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_24health-productivity-management/">デジタルが実現する新たな「健康経営」の実践</a> </li> <li> <a href="https://japan.zdnet.com/marketing/sp_21retail_tech/">流通テック最前線</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_23education_tech/">「GIGAスクール構想」で進化する教育現場</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp17_pdf/">PDF Report at ZDNET Japan</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_21human_resources/">「働く」を変える、HRテックの今</a> </li> <li> <a href="https://japan.zdnet.com/software/sp_22macos_tips/">macOSを使いこなす</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_21sports_tech/">デジタルで変わるスポーツの未来</a> </li> <li> <a href="https://japan.zdnet.com/development/sp_14china/">中国ビジネス四方山話</a> </li> <li> <a href="https://japan.zdnet.com/marketing/sp_24digital_signage/">デジタルサイネージ広告の勝機</a> </li> <li> <a href="https://japan.zdnet.com/software/sp_23kanban/">かんばんを使って進捗管理</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_22_diversity_and_inclusion/">D＆Iで切り開く、企業の可能性</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_22carbon-neutral/">カーボンニュートラル（脱炭素）</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp23cio_dxmanifesto/">CIOの「人起点」DXマニフェスト</a> </li> <li> <a href="https://japan.zdnet.com/mobile/sp_24the_next_stage_of_mobile_tech/">モバイル技術の次ステージ</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_22dx_organization/">先進企業が語る「DX組織論」</a> </li> <li> <a href="https://japan.zdnet.com/software/sp_22excel_how_to/">「Excel」ハウツー</a> </li> <li> <a href="https://japan.zdnet.com/sp/ziddy/">Ziddyちゃんの「私を社食に連れてって」</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp24overcome-dx-challenge/">DXで直面するカベを突破せよ</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_23how_ai_is_transforming_organizations_everywhere/">AIが企業にもたらす変化</a> </li> <li> <a href="https://japan.zdnet.com/development/sp_23in_depth/">In Depth</a> </li> <li> <a href="https://japan.zdnet.com/security/sp_24cybersecurity_best_practices_for_protecting_your_digital_assets/">デジタル資産を守る--サイバーセキュリティのベストプラクティス</a> </li> </ul> </div> </section> <section> <div class="pg-mod"> <h3 class="ttl-line-center"><span>CNET Japan Top Story</span></h3> <ul class="list-disc txt-bold ggt"> <li> <a href="https://japan.cnet.com/article/35217999/" 　data-tag="zd"> 地域の魅力を体感する醍醐味（3）--“日常”の記録と継承 </a> </li> <li> <a href="https://japan.cnet.com/article/35217887/" 　data-tag="zd"> アップルの「家庭用ロボット」は受け入れられるのか </a> </li> <li> <a href="https://japan.cnet.com/article/35217975/" 　data-tag="zd"> 「Facebook」や「Instagram」でAIアシスタント「Meta AI」が提供開始 </a> </li> <li> <a href="https://japan.cnet.com/article/35217970/" 　data-tag="zd"> Nothing、「ChatGPT」対応の新イヤホン2機種--発表場所は東京、本格的な日本進出へ　 </a> </li> <li> <a href="https://japan.cnet.com/article/35217961/" 　data-tag="zd"> ポイントカード・Edy・楽天カードアプリなどを「楽天ペイ」アプリに一本化へ--還元プログラムも刷新 </a> </li> </ul> </div> </section> <div class="OUTBRAIN" data-src="https://japan.zdnet.com/article/20356439/" data-widget-id="AR_1"></div> <script type="text/javascript" async="async" src="//widgets.outbrain.com/outbrain.js"></script> </main> </div> <div class="pg-container-side"> <section> <div class="pg-mod"> <!-- ad_bnr --> <div id="ad_rect" class="ad-bnr-rect ad_container"> <div id="7917_9405"><script type="text/javascript">try{ TagProvider.displayAd('7917_9405')}catch(err){}</script></div></div> <!-- //ad_bnr --> <div class="ad-bnr-rect-btm"> <a href="https://japan.zdnet.com/extra/datacleanroom_202311/35211447/?tag=ztop"><img src="https://www.aiasahi.jp/ads/2023/300x50/231201_datacleanroom_zd_300_50.gif" alt=""></a> <a href="https://japan.zdnet.com/info/event/dellstorage/202404/?utm_source=zdnet&utm_medium=banner&utm_campaign=2404_dellstorage&utm_content=rect-info?tag=ztop"><img src="https://www.aiasahi.jp/ads/2024/300x50/240325_zdevent_dell_zd_300_50.gif" alt=""></a> </div> </div> </section> <section> <div class="pg-mod"> <h3 class="ttl-line-center"><span>ホワイトペーパー</span></h3> <h4 class="ttl-red-center">新着</h4> <ul class="list-numbering ga_utm"> <li> <div class="label-txt-gray"> 経営 </div> <a href="/paper/30001595/30007816/" data-ga_category="zd_right_newest" data-ga_action="click-pos001" data-tag='wp_newest' data-medium="inside_spot" data-campaign="wpdl_right_new"> <p class="txt-ttl">3～4月期の繁忙期こそIT管理体制見直しのチャンス！情シス業務を飛躍的に向上させる秘訣とは</p> </a> </li> <li> <div class="label-txt-gray"> 運用管理 </div> <a href="/paper/30001584/30007814/" data-ga_category="zd_right_newest" data-ga_action="click-pos002" data-tag='wp_newest' data-medium="inside_spot" data-campaign="wpdl_right_new"> <p class="txt-ttl">DevOpsチームを悩ます監視ツールの拡散、米トヨタがDatadog導入で得た効果とは</p> </a> </li> <li> <div class="label-txt-gray"> セキュリティ </div> <a href="/paper/30001723/30007813/" data-ga_category="zd_right_newest" data-ga_action="click-pos003" data-tag='wp_newest' data-medium="inside_spot" data-campaign="wpdl_right_new"> <p class="txt-ttl">最新のリスクマネジメントのカギは、クラウドを活用したデータ保護・復旧の仕組みにあった！</p> </a> </li> <li> <div class="label-txt-gray"> クラウドコンピューティング </div> <a href="/paper/30001001/30007812/" data-ga_category="zd_right_newest" data-ga_action="click-pos004" data-tag='wp_newest' data-medium="inside_spot" data-campaign="wpdl_right_new"> <p class="txt-ttl">オンラインゲーム成功の鍵を握るデータベース性能、「 Cloud Spanner 」活用の開発ノウハウ</p> </a> </li> <li> <div class="label-txt-gray"> ビジネスアプリケーション </div> <a href="/paper/30000956/30007811/" data-ga_category="zd_right_newest" data-ga_action="click-pos005" data-tag='wp_newest' data-medium="inside_spot" data-campaign="wpdl_right_new"> <p class="txt-ttl">サイバー侵害の特定から封じ込めの対処期間は平均277日、セキュリティ運用変革の「3つのステップ」</p> </a> </li> </ul> <h4 class="ttl-red-center">ランキング</h4> <ol class="list-ranking ga_utm"> <li> <div class="label-txt-gray"> セキュリティ </div> <a href="https://japan.zdnet.com/paper/30001680/30007607/" data-ga_category="zd_right_wp" data-ga_action="click-pos001" data-tag='wp_rank' data-medium="inside_spot" data-campaign="wpdl_right_ranking"> <p class="txt-ttl">「デジタル・フォレンジック」から始まるセキュリティ災禍論--活用したいIT業界の防災マニュアル</p> </a> </li> <li> <div class="label-txt-gray"> 運用管理 </div> <a href="https://japan.zdnet.com/paper/30001719/30007585/" data-ga_category="zd_right_wp" data-ga_action="click-pos002" data-tag='wp_rank' data-medium="inside_spot" data-campaign="wpdl_right_ranking"> <p class="txt-ttl">「無線LANがつながらない」という問い合わせにAIで対応、トラブル解決の切り札とは</p> </a> </li> <li> <div class="label-txt-gray"> 運用管理 </div> <a href="https://japan.zdnet.com/paper/30001087/30007513/" data-ga_category="zd_right_wp" data-ga_action="click-pos003" data-tag='wp_rank' data-medium="inside_spot" data-campaign="wpdl_right_ranking"> <p class="txt-ttl">Oracle DatabaseのAzure移行時におけるポイント、移行前に確認しておきたい障害対策</p> </a> </li> <li> <div class="label-txt-gray"> 運用管理 </div> <a href="https://japan.zdnet.com/paper/20012621/30007576/" data-ga_category="zd_right_wp" data-ga_action="click-pos004" data-tag='wp_rank' data-medium="inside_spot" data-campaign="wpdl_right_ranking"> <p class="txt-ttl">Google Chrome ブラウザ がセキュリティを強化、ゼロトラスト移行で高まるブラウザの重要性</p> </a> </li> <li> <div class="label-txt-gray"> ビジネスアプリケーション </div> <a href="https://japan.zdnet.com/paper/30001229/30007616/" data-ga_category="zd_right_wp" data-ga_action="click-pos005" data-tag='wp_rank' data-medium="inside_spot" data-campaign="wpdl_right_ranking"> <p class="txt-ttl">技術進化でさらに発展するデータサイエンス／アナリティクス、最新の6大トレンドを解説</p> </a> </li> </ol> <div class="link-txt"><a href="/paper/">ホワイトペーパーライブラリー</a></div> </div> </section> <iframe id="ad_sp_list_a_n_ifr" class="parts_frame_ads_iframe" src="/parts/frame/ad_sp_list_a_n.htm" frameborder="0" scrolling="no" width="100%" height="2063"></iframe> <div class="section quickpoll pg-mod"> <h2 class="ttl-line-center"><span>ZDNET Japan クイックポール</span></h2> <p class="txt-bold">注目している大規模言語モデル（LLM）を教えてください</p> <!-- poll before --> <span id="quickpoll_vote_area"> <form> <ul> <li> <label for="q1"> <input type="radio" value="388" name="quickpoll_vote_radio" id="q1"> <div>GPT-4</div> </label> </li> <li> <label for="q2"> <input type="radio" value="389" name="quickpoll_vote_radio" id="q2"> <div>Gemini</div> </label> </li> <li> <label for="q3"> <input type="radio" value="390" name="quickpoll_vote_radio" id="q3"> <div>Llama 2</div> </label> </li> <li> <label for="q4"> <input type="radio" value="391" name="quickpoll_vote_radio" id="q4"> <div>tsuzumi</div> </label> </li> <li> <label for="q5"> <input type="radio" value="392" name="quickpoll_vote_radio" id="q5"> <div>cotomi</div> </label> </li> <li> <label for="q6"> <input type="radio" value="393" name="quickpoll_vote_radio" id="q6"> <div>その他</div> </label> </li> </ul> <div class="btn-area"> <a class="btn-primary" href="javascript:void(0);" id="quickpoll_vote_btn" data-id="50000051" data-url="/direct/quickpoll/50000051/">投票する</a> </div> </form> </span> <!-- poll before end --> <!-- poll after --> <span id="quickpoll_view_area" style="display:none;"> <div class="clearfix"> <dl class="poll_result"> <dt>GPT-4</dt> <dd> <div class="bar"> <div class="indicator" style="width: 38.1%;"> </div> </div> </dd> <dd class="percent">38.1%</dd> </dl> <dl class="poll_result"> <dt>Gemini</dt> <dd> <div class="bar"> <div class="indicator" style="width: 16.5%;"> </div> </div> </dd> <dd class="percent">16.5%</dd> </dl> <dl class="poll_result"> <dt>Llama 2</dt> <dd> <div class="bar"> <div class="indicator" style="width: 4.7%;"> </div> </div> </dd> <dd class="percent">4.7%</dd> </dl> <dl class="poll_result"> <dt>tsuzumi</dt> <dd> <div class="bar"> <div class="indicator" style="width: 14.4%;"> </div> </div> </dd> <dd class="percent">14.4%</dd> </dl> <dl class="poll_result"> <dt>cotomi</dt> <dd> <div class="bar"> <div class="indicator" style="width: 11.9%;"> </div> </div> </dd> <dd class="percent">11.9%</dd> </dl> <dl class="poll_result"> <dt>その他</dt> <dd> <div class="bar"> <div class="indicator" style="width: 14.4%;"> </div> </div> </dd> <dd class="percent">14.4%</dd> </dl> </div> <br/> <div class="clearfix"> <h5 style="background:url('/media/z/2012/images/bg/graybox-header-bg.png') repeat-x 0 50%;">関連記事</h5> <dl class="poll_result"> <dt><a href="https://japan.zdnet.com/article/35210749/">「ChatGPT」「Bing Chat」「Google Bard」を比較--自分に最適な生成AIの選び方</a></dt> </dl> <dl class="poll_result"> <dt><a href="https://japan.zdnet.com/article/35206720/">Meta、無料で商用利用できる「Llama 2」を発表--マイクロソフトやクアルコムと協業</a></dt> </dl> <dl class="poll_result"> <dt><a href="https://japan.zdnet.com/article/35210989/">NTT、独自LLM「tsuzumi」を商用化--図表や視覚読解でAI活用の拡大に期待</a></dt> </dl> </div> </span> </div> <script> document.addEventListener("DOMContentLoaded", function () { $("#quickpoll_vote_btn").click(function (e) { if ($("input:radio[name='quickpoll_vote_radio']:checked").val() === undefined) { window.alert("選択してください。"); return false; } if ($(this).hasClass("protected_vote")) { window.alert("既に投稿済みです。"); return false; } $(this).addClass("protected_vote"); if (getCookie("quickpoll_vote") && getCookie("quickpoll_vote") === $(this).attr("data-id")) { window.alert("既に投稿済みです。"); return false; } ga("send", "event", "zd_q-poll_do-vote", "click", '50000051'); var ahref = $(this).attr("data-url") + $("input:radio[name='quickpoll_vote_radio']:checked").val() + "/"; $.getJSON( ahref, function (jresp) { if (jresp.error == "1" && jresp.msg != "") { alert(jresp.msg); return false; } // Popup message window.location.reload(); return false; } ); }); if (getCookie("quickpoll_vote") && getCookie("quickpoll_vote") === '50000051') { $("#quickpoll_view_area").show(); $("#quickpoll_vote_area").hide(); } if (getCookie("quickpoll_vote_token")) { if (!getCookie("CNET_ID_LOGINED")) { dialogopen("https://s.japan.zdnet.com/membership/new_register/?from_site=quickpoll&next=68747470733a2f2f6a6170616e2e7a646e65742e636f6d2f61727469636c652f32303335363433392f3f7461673d636c6561665f72656c73746f72795f6d616e75616c23717569636b706f6c6c5f7265676973746572"); } } }); </script> <!-- ranking --> <section> <div class="pg-mod"> <h3 class="ttl-line-center"><span>カテゴリランキング</span></h3> <ol class="list-ranking"> <li> <a href="/article/35217746/" data-ga_category="zd_category_ranking"> <p class="txt-ttl">パロアルトネットワークス製品に脆弱性、4月14日に緊急パッチ公開を予告</p> </a> </li> <li> <a href="/article/35217616/" data-ga_category="zd_category_ranking"> <p class="txt-ttl">「XZ Utils」のバックドア問題--オープンソースのセキュリティを考える</p> </a> </li> <li> <a href="/article/35217597/" data-ga_category="zd_category_ranking"> <p class="txt-ttl">OTのセキュリティでこれから必須になるインシデントへの対応</p> </a> </li> <li> <a href="/article/35217503/" data-ga_category="zd_category_ranking"> <p class="txt-ttl">ランサムウェアの侵入方法はメールやウェブからファイルに移行--2023年の分析から</p> </a> </li> <li> <a href="/article/35217608/" data-ga_category="zd_category_ranking"> <p class="txt-ttl">「Google Chrome」、新セキュリティー機能「V8 Sandbox」を間もなく実装</p> </a> </li> </ol> </div> </section> <!-- //ranking --> <iframe id="recent_comp_info_top_ifr" class="parts_frame_ads_iframe" src="/parts/frame/recent_comp_info_top.htm" frameborder="0" scrolling="no" width="100%" height="362"></iframe> <section> <div id="ad_vrect" class="pg-mod ad_container ad-bnr-rect "> <div id="7918_9405"><script type="text/javascript">try{ TagProvider.displayAd('7918_9405')}catch(err){}</script></div> </div> </section> <section> <div class="pg-mod"> <div class="mailmagazine"> <h3 class="ttl-line-center"><span>NEWSLETTERS</span></h3> <p><strong>エンタープライズ・コンピューティングの最前線を配信</strong></p> <input name="email" type="text" id="right_newsletter_field_email" placeholder="メールアドレスを入力してください"> <div class="btn-area"> <button class="btn-primary" id="right_newsletter_btn" style="cursor: pointer;" data-url="https://s.japan.zdnet.com/membership/new_register/?next=68747470733a2f2f6a6170616e2e7a646e65742e636f6d2f6e6577736c65747465722f" data-ga_category="cnet_id_register" data-ga_label="right_col_newsletter"> メルマガ登録 </button> </div> </div> </div><!-- /newsletters --> </section> <!-- site_info --> <section> <div class="pg-mod"> <p class="txt-note"> <small> ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。<br> ITビジネス全般については、<a href="https://japan.cnet.com/" target="_blank">CNET Japan</a>をご覧ください。 </small> </p> </div> </section> <!-- //site_info --> </div> </div> <!-- //contents-right --> </div> <!--AD_LARGE_FOOTER--> <div id="ad_footerlarge" class="ad-bnr-large ad_container"> <div id="7916_9405"><script type="text/javascript">try{ TagProvider.displayAd('7916_9405')}catch(err){}</script></div></div><!--/#ad_footerlarge--> <!--AD_LARGE_FOOTER END--><footer> <div class="pg-container"> <ul class="footer-sns"> <li> <a href="https://www.facebook.com/ZDNetJapan" title="Facebookファンページに行く" target="_blank"><i class="icon-facebook"></i></a> </li> <li> <a href="https://twitter.com/zdnet_japan" title="Xでzdnet_japanをフォローする" target="_blank"><i class="icon-x"></i></a> </li> <li> <a href="/info/feed/" title="ZDNET JapanのRSS紹介ページへ行く"> <i class="icon-rss"></i></a> </li> </ul> <div class="footer-menu"> <div class="footer-menu-block"> <ul> <li><a href="/sp/">特集</a></li> <li><a href="/case-study/">事例</a></li> <li><a href="/cio/sp_12executive/">トップインタビュー</a></li> <li><a href="/paper/">ホワイトペーパー</a></li> </ul> <h4><a href="/company/">企業情報センター</a></h4> <ul> <li><a href="/release/">プレスリリース</a></li> <li><a href="/event_info/">イベント情報</a></li> <li><a href="/hikaku/">IT製品比較</a></li> </ul> <h4>その他</h4> <ul> <li><a href="/keyword/">キーワード一覧</a></li> </ul> </div> <div class="footer-menu-block"> <h4>カテゴリー</h4> <ul> <li><a href="/cio/">CIO</a></li> <li><a href="/cloud/">クラウド</a></li> <li><a href="/mobile/">クライアント</a></li> <li><a href="/security/">セキュリティ</a></li> <li><a href="/software/">ソフトウェア</a></li> <li><a href="/server/">サーバー</a></li> <li><a href="/storages/">ストレージ</a></li> <li><a href="/network/">ネットワーク</a></li> <li><a href="/middleware/">ミドルウェア</a></li> <li><a href="/it-management/">運用</a></li> <li><a href="/marketing/">マーケティング</a></li> <li><a href="/bigdata/">ビッグデータ</a></li> <li><a href="/career/">キャリア</a></li> <li><a href="/off-topic/">オフトピック</a></li> <li><a href="/survey/">調査</a></li> <li><a href="/cio/sp17_pdf/">PDF Report at ZDNET Japan</a></li> </ul> </div> <div class="footer-menu-block"> <ul> <li> <a href="https://aiasahi.jp/" target="_blank"> ASAHI INTERACTIVE </a> </li> <li> <a href="https://japan.cnet.com/" target="_blank"> CNET Japan </a> </li> <li> <a href="/" target="_blank"> ZDNET Japan </a> </li> <li> <a href="https://www.tetsudo.com/" target="_blank"> Tetsudo.com </a> </li> <li> <a href="https://uchubiz.com/" target="_blank"> UchuBiz </a> </li> <li> <a href="https://smbiz.asahi.com/" target="_blank"> ツギノジダイ </a> </li> </ul> </div> <div class="footer-menu-block"> <h4>USA Business Sites</h4> <ul> <li><a href="https://www.cnet.com/" target="_blank">CNET.com</a></li> <li><a href="https://www.zdnet.com/" target="_blank">ZDNET.com</a></li> </ul> <h4>International Business Sites</h4> <ul> <li><a href="https://www.zdnet.com/" target="_blank">UNITED STATES</a></li> <li><a href="https://www.zdnet.fr/" target="_blank">FRANCE</a></li> <li><a href="https://www.zdnet.de/" target="_blank">GERMANY</a></li> <li><a href="https://zdnet.co.kr/" target="_blank">KOREA</a></li> </ul> </div> </div> </div> <div class="footer-copyright"> <div class="pg-container"> <p> <small>The Japanese edition of 'ZDNET' is published under license from A Red Ventures Company., Fort Mill, SC, USA. Editorial items appearing in 'ZDNET Japan' that were originally published in the US Edition of 'ZDNET', 'CNET', and 'CNET News.com' are the copyright properties of A Red Ventures Company. or its suppliers. Copyright (c) A Red Ventures Company. All Rights Reserved. 'ZDNET', 'CNET' and 'CNET News.com' are trademarks of A Red Ventures Company.</small> </p> <ul> <li> <a href="https://aiasahi.jp/privacy/" target="_blank">個人情報保護方針</a> </li> <li> <a href="https://aiasahi.jp/term/" target="_blank">利用規約</a> </li> <li> <a href="https://aiasahi.jp/cookie/" target="_blank">クッキーについて</a> </li> <li> <a href="https://aiasahi.jp/advertisement/" target="_blank">広告について</a> </li> <li> <a href="https://aiasahi.jp/" target="_blank">運営会社</a> </li> <li> <a href="/info/sitemap/">サイトマップ</a> </li> </ul> <p> <small>当サイトは最新ブラウザでの閲覧を推奨します。<br>Copyright (c) 2024 ASAHI INTERACTIVE, Inc. All rights reserved. No reproduction or republication without written permission.</small> </p> </div> </div> </footer></div> <!-- //block_elu --> <div id="gdpr_area"> <div class="gdpr_area_inner"> <span class="break">このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。</span> これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。<br> Cookieなどの設定や使用の詳細、オプトアウトについては<a href="https://aiasahi.jp/cookie/">詳細</a>をご覧ください。<br> <span class="gdpr_btn_agree">[ 閉じる ]</span> </div> </div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v4.0&appId=1445243325512954"></script> <script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script><script type="text/javascript"> !function (d, i) { if (!d.getElementById(i)) { var j = d.createElement("script"); j.id = i; j.src = "https://widgets.getpocket.com/v1/j/btn.js?v=1"; var w = d.getElementById(i); d.body.appendChild(j); } }(document, "pocket-btn-js"); </script> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <script type="text/javascript">(function(d,u){var b=d.getElementsByTagName("script")[0],j=d.createElement("script");j.async=true;j.src=u;b.parentNode.insertBefore(j,b);})(document,"//img.ak.impact-ad.jp/ut/bb5e8db7c2720d69_3807.js");</script><noscript><iframe src="//nspt.unitag.jp/bb5e8db7c2720d69_3807.php" width="0" height="0" frameborder="0"></iframe></noscript> <script type="text/javascript" src="/static/js/iziModal.min.js?1536722965" defer></script> <div id="modal_dialog" style="display: none;"></div> <script type="text/javascript"> var current_scrollY; var $modal; function dialogopen(url, max_heigt, window_width){ $modal = init_modal(url, max_heigt, window_width); $modal.iziModal('open'); } function dialog_close(){ $modal.iziModal('close'); return false; } // function init_modal(url, max_height, window_width) { iframe_height = window.innerHeight * 0.85; if (!max_height) { if (iframe_height <= 350) { iframe_height = 350; } }else{ if (max_height <= iframe_height){ iframe_height = max_height; } } if (!window_width){ window_width = 600; //default }else{ if (window_width < 600){ window_width = 600; } } $modal = new $("#modal_dialog").iziModal({ zindex: 10001, title: ' ', headerColor: 'silver', width: window_width, iframe: true, iframeHeight: iframe_height, iframeURL: url, transitionIn: false, transitionInOverlay: false, overlayColor: 'rgba(0,0,0,0.7)', onOpening: function(modal){ current_scrollY = $(window).scrollTop(); scroll_width = document.body.scrollWidth; $('body').css({position:"fixed", width:scroll_width, overflow:'hidden', top: -1 * current_scrollY}); }, onClosing: function(modal) { $("body").css({position:"", width:'', overflow:'', top:''}); $('html, body').prop( { scrollTop: current_scrollY } ); current_scrollY = 0; }, onClosed: function(modal){ modal.destroy(); } }); return $modal; } </script> <script charset="UTF-8"> (function () { var _lgy_lw = document.createElement("script"); _lgy_lw.type = "text/javascript"; _lgy_lw.charset = "UTF-8"; _lgy_lw.async = true; _lgy_lw.src = (("https:" == document.location.protocol) ? "https://" : "http://") + "l.logly.co.jp/lift_widget.js?adspot_id=1374341"; var _lgy_lw_0 = document.getElementsByTagName("script")[0]; _lgy_lw_0.parentNode.insertBefore(_lgy_lw, _lgy_lw_0); })(); </script> <!-- ad inread_rich --> <div class="ad" id="ad-inread_rich"> <div id="7919_9405"><script type="text/javascript">try{ TagProvider.displayAd('7919_9405')}catch(err){}</script></div></div> <!-- //ad inread_rich --> <script>window.__sw_script = '/static/js/webpush/serviceworker.js?1676441630';</script> <script src="/static/js/webpush/push.js?1696584101"></script> <svg class="c-globalSvgs"> <symbol id="close" viewBox="0 0 224.512 224.512"> <g> <polygon points="224.507,6.997 217.521,0 112.256,105.258 6.998,0 0.005,6.997 105.263,112.254 0.005,217.512 6.998,224.512 112.256,119.24 217.521,224.512 224.507,217.512 119.249,112.254"></polygon> </g> </symbol> <symbol id="mag" viewBox="0 0 18 18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.73242 1.23218C4.86643 1.23218 1.73242 4.36618 1.73242 8.23218C1.73242 12.0982 4.86643 15.2322 8.73242 15.2322C12.5984 15.2322 15.7324 12.0982 15.7324 8.23218C15.7324 4.36618 12.5984 1.23218 8.73242 1.23218ZM0.732422 8.23218C0.732422 3.8139 4.31414 0.232178 8.73242 0.232178C13.1507 0.232178 16.7324 3.8139 16.7324 8.23218C16.7324 12.6505 13.1507 16.2322 8.73242 16.2322C4.31414 16.2322 0.732422 12.6505 0.732422 8.23218Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.0356 13.5356C14.2309 13.3403 14.5475 13.3403 14.7427 13.5356L17.5711 16.364C17.7664 16.5592 17.7664 16.8758 17.5711 17.0711C17.3759 17.2664 17.0593 17.2664 16.864 17.0711L14.0356 14.2427C13.8403 14.0474 13.8403 13.7308 14.0356 13.5356Z"></path> </symbol> <symbol id="menu" viewBox="0 0 25 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.7368 1H15.7368V9H23.7368V1ZM15.7368 0C15.1845 0 14.7368 0.447716 14.7368 1V9C14.7368 9.55229 15.1845 10 15.7368 10H23.7368C24.2891 10 24.7368 9.55228 24.7368 9V1C24.7368 0.447715 24.2891 0 23.7368 0H15.7368Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.73682 1H1.73682V9H9.73682V1ZM1.73682 0C1.18453 0 0.736816 0.447716 0.736816 1V9C0.736816 9.55229 1.18453 10 1.73682 10H9.73682C10.2891 10 10.7368 9.55228 10.7368 9V1C10.7368 0.447715 10.2891 0 9.73682 0H1.73682Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.7368 15H15.7368V23H23.7368V15ZM15.7368 14C15.1845 14 14.7368 14.4477 14.7368 15V23C14.7368 23.5523 15.1845 24 15.7368 24H23.7368C24.2891 24 24.7368 23.5523 24.7368 23V15C24.7368 14.4477 24.2891 14 23.7368 14H15.7368Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.73682 15H1.73682V23H9.73682V15ZM1.73682 14C1.18453 14 0.736816 14.4477 0.736816 15V23C0.736816 23.5523 1.18453 24 1.73682 24H9.73682C10.2891 24 10.7368 23.5523 10.7368 23V15C10.7368 14.4477 10.2891 14 9.73682 14H1.73682Z"></path> </symbol> </svg> <svg class="c-globalSvgs c-siteSvgs"> <symbol id="logo" viewBox="0 0 1042 682"> <g> <path d="M359.25 358V430V483.54V555.54V610V682H431.25H683.25V610H431.25V555.54H629.17V483.54H431.25V430H683.25V358H431.25H359.25Z"></path> <path d="M916 358H844H718V430H844V682H916V430H1042V358H916Z"></path> <path d="M324 252H11.87L324 143.91V72V67.72V0H0V72H311.64L0 179.91V252V256.11V324H324V252Z"></path> <path d="M252.5 670.13L144.41 358H72.5H68.22H0.5V682H72.5V370.36L180.41 682H252.5H256.61H324.5V358H252.5V670.13Z"></path> <path d="M682.75 162.2V161.83C682.75 72.6 610.16 -1.52588e-05 520.92 -1.52588e-05H358.75V324H520.96C610.17 324 682.75 251.42 682.75 162.2ZM430.75 72H520.92C544.736 72.0265 567.57 81.4991 584.41 98.3398C601.251 115.18 610.724 138.014 610.75 161.83V162.2C610.726 186.007 601.259 208.833 584.425 225.668C567.592 242.504 544.767 251.974 520.96 252H430.75V72Z"></path> </g> </symbol> <symbol id="globe" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1166 22.4959C10.2925 22.6549 10.4742 22.7975 10.6597 22.9192C5.21675 22.258 1 17.6214 1 12C1 12.2761 1.22386 12.5 1.5 12.5H6.63043C6.70062 15.7182 7.44359 18.3424 8.42097 20.2014C8.93405 21.1773 9.51853 21.9552 10.1166 22.4959ZM6.63043 11.5H1.5C1.22386 11.5 1 11.7239 1 12C1 6.37856 5.21675 1.742 10.6597 1.08083C10.4742 1.20254 10.2925 1.34509 10.1166 1.50411C9.51853 2.04484 8.93405 2.82266 8.42097 3.79858C7.44359 5.65764 6.70062 8.28181 6.63043 11.5ZM7.63068 11.5C7.7007 8.43016 8.41024 5.96793 9.3061 4.26392C9.77879 3.36484 10.2966 2.68953 10.7873 2.24589C11.2882 1.79305 11.7105 1.625 12 1.625C12.2895 1.625 12.7118 1.79305 13.2127 2.24589C13.7034 2.68953 14.2212 3.36484 14.6939 4.26392C15.5898 5.96793 16.2993 8.43016 16.3693 11.5H12H7.63068ZM7.63068 12.5H12H16.3693C16.2993 15.5698 15.5898 18.0321 14.6939 19.7361C14.2212 20.6352 13.7034 21.3105 13.2127 21.7541C12.7118 22.207 12.2895 22.375 12 22.375C11.7105 22.375 11.2882 22.207 10.7873 21.7541C10.2966 21.3105 9.77879 20.6352 9.3061 19.7361C8.41024 18.0321 7.7007 15.5698 7.63068 12.5ZM17.3696 12.5C17.2994 15.7182 16.5564 18.3424 15.579 20.2014C15.0659 21.1773 14.4815 21.9552 13.8834 22.4959C13.7075 22.6549 13.5258 22.7975 13.3403 22.9192C18.7832 22.258 23 17.6214 23 12C23 6.37856 18.7832 1.742 13.3403 1.08083C13.5258 1.20254 13.7075 1.34509 13.8834 1.50411C14.4815 2.04484 15.0659 2.82266 15.579 3.79858C16.5564 5.65764 17.2994 8.28181 17.3696 11.5H22.5C22.7761 11.5 23 11.7239 23 12C23 12.2761 22.7761 12.5 22.5 12.5H17.3696ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z"></path> </symbol> <symbol id="user" viewBox="0 0 18 19"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 2.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zM4.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0zM3.395 12.793C4.723 12.023 6.535 11.5 9 11.5c2.465 0 4.277.522 5.605 1.293a6.902 6.902 0 0 1 2.646 2.692c.418.767.28 1.555-.189 2.127-.453.553-1.196.888-2 .888H2.938c-.805 0-1.548-.335-2.001-.888-.469-.572-.606-1.36-.19-2.127l.44.239-.44-.239a6.902 6.902 0 0 1 2.647-2.692zm.501.865c-1.149.666-1.845 1.525-2.269 2.305-.21.386-.144.737.084 1.015.243.296.69.522 1.228.522H15.06c.54 0 .985-.226 1.228-.522.228-.278.294-.629.084-1.015-.424-.78-1.12-1.639-2.27-2.305C12.954 12.99 11.322 12.5 9 12.5c-2.32 0-3.953.49-5.104 1.158z"></path> </symbol> <symbol id="user-filled" viewBox="0 0 18 19"> <path d="M9 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM2.939 18H15.06c1.344 0 2.378-1.122 1.751-2.276C15.89 14.026 13.785 12 9 12c-4.786 0-6.89 2.026-7.812 3.724C.56 16.878 1.595 18 2.938 18z" stroke-linecap="round" stroke-linejoin="round"></path> </symbol> <symbol id="arrow-thin" viewBox="0 0 14 13"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.64645 0.146447C6.84171 -0.0488155 7.15829 -0.0488155 7.35355 0.146447L13.3536 6.14645C13.5488 6.34171 13.5488 6.65829 13.3536 6.85355L7.35355 12.8536C7.15829 13.0488 6.84171 13.0488 6.64645 12.8536C6.45118 12.6583 6.45118 12.3417 6.64645 12.1464L12.2929 6.5L6.64645 0.853553C6.45118 0.658291 6.45118 0.341709 6.64645 0.146447Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 6.5C0.5 6.22386 0.723858 6 1 6H13C13.2761 6 13.5 6.22386 13.5 6.5C13.5 6.77614 13.2761 7 13 7H1C0.723858 7 0.5 6.77614 0.5 6.5Z"></path> </symbol> </svg> </body> </html>