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/35193888/" data-ga_category="zd_article_popular_article" data-cx_recs_type="current"> <div class="thumb"> <img src="/storage/2022/09/29/6fbc26e80edc651733beab3293bf02d5/t/184/138/d/220929_mitsui_bussan_l.jpg" alt="DXのゴールは“実装”--ITとデジタルを部門統合した三井物産の組織運営（前編）"> </div> <p>DXのゴールは“実装”--ITとデジタルを部門統合した三井物産の組織運営（前編）</p> </a> </li> <li> <a href="/article/35223295/" data-ga_category="zd_article_popular_article" data-cx_recs_type="current"> <div class="thumb"> <img src="/storage/2024/08/29/8dd7f6f1923dba41ab66a47d85c0d79f/t/184/138/d/linus-and-dirk-20240417_1280x960.jpg" alt="トーバルズ氏、「Linux」カーネル開発状況、「Rust」導入、AIを語る"> </div> <p>トーバルズ氏、「Linux」カーネル開発状況、「Rust」導入、AIを語る</p> </a> </li> <li> <a href="/article/35224669/" data-ga_category="zd_article_popular_article" data-cx_recs_type="current"> <div class="thumb"> <img src="/storage/2024/10/08/6e8c0a56daa28cdbb60706ea406d4cd5/t/184/138/d/gettyimages-1965276095_l.jpg" alt="個人ユーザーに有料ウイルス対策アプリは必要か--OS標準機能の進歩と標的の変化"> </div> <p>個人ユーザーに有料ウイルス対策アプリは必要か--OS標準機能の進歩と標的の変化</p> </a> </li> <li> <a href="/article/35224475/" data-ga_category="zd_article_popular_article" data-cx_recs_type="current"> <div class="thumb"> <img src="/storage/2024/10/02/beaba36de39379a25de8ed96179d41c1/t/184/138/d/gettyimages-168640323_1280.jpg" alt="「Windows 11」、更新プログラムで一部ユーザーに不具合--MSが警告"> </div> <p>「Windows 11」、更新プログラムで一部ユーザーに不具合--MSが警告</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/30001768/30008065/" data-tag="zd_sleaf_recom" data-ga_category="zd_article_related_wp" data-cx_recs_type="current">成功事例集でわかる--競争力を高めるオンラインサービスの連携方法</a> </li> <li> <a href="/paper/30001776/30008052/" data-tag="zd_sleaf_recom" data-ga_category="zd_article_related_wp" data-cx_recs_type="current">開発スピードを落とさずに品質を確保する「テスト自動化」の最適なアプローチとは？</a> </li> <li> <a href="/paper/30001776/30008054/" data-tag="zd_sleaf_recom" data-ga_category="zd_article_related_wp" data-cx_recs_type="current">テスト担当者必見、今すぐ「テスト自動化」を検討すべき開発現場で起きる7つのサイン</a> </li> <li> <a href="/paper/30001776/30008055/" data-tag="zd_sleaf_recom" data-ga_category="zd_article_related_wp" data-cx_recs_type="current">利益を生む品質保証部門の立ち上げ方--品質のプロ×AIで生産性と品質向上の悩みを解決！</a> </li> <li> <a href="/paper/30001776/30008056/" data-tag="zd_sleaf_recom" data-ga_category="zd_article_related_wp" data-cx_recs_type="current">テスト内製化までの手順は？トップ企業が採用するAIを活用したノーコードテスト自動化ツール</a> </li> <li> <a href="/paper/30001773/30008018/" data-tag="zd_sleaf_recom" data-ga_category="zd_article_related_wp" data-cx_recs_type="current">「スピード感のある価値提供」と「高品質な製品」を両立させるテスト会社の使い方</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/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/sp_23regional_strategy/">持続可能な地域社会を目指す「地域DX」</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_12matsuoka/">松岡功の「今週の明言」</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_21human_resources/">「働く」を変える、HRテックの今</a> </li> <li> <a href="https://japan.zdnet.com/it-infrastructure/sp_24mainframe/">技術者視点で見るメインフレームの進化と深化</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_22carbon-neutral/">カーボンニュートラル（脱炭素）</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_13matsuokaopinion/">松岡功の一言もの申す</a> </li> <li> <a href="https://japan.zdnet.com/bigdata/sp_24responsible_ai/">「責任あるAI」--AIに倫理感を持たせるには</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_12executive/">トップインタビュー</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/marketing/sp_24product-led_growth/">プロダクトの力でビジネスを推進する</a> </li> <li> <a href="https://japan.zdnet.com/software/sp_24linux_distros/">さまざまなLinuxディストリビューションの世界</a> </li> <li> <a href="https://japan.zdnet.com/security/sp_24sbom-trend/">対応必須化の波が到来したSBOM動向</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_19uchiyama/">デジタルジャーニーの歩き方</a> </li> <li> <a href="https://japan.zdnet.com/development/sp_14china/">中国ビジネス四方山話</a> </li> <li> <a href="https://japan.zdnet.com/security/sp_17securityarukikata/">企業セキュリティの歩き方</a> </li> <li> <a href="https://japan.zdnet.com/development/sp_23raspberry_pi_usages/">ラズパイをより身近に</a> </li> <li> <a href="https://japan.zdnet.com/bigdata/sp_24datacloud/">CIO・情シス部長が知っておきたい「データクラウド」の基本と構造</a> </li> <li> <a href="https://japan.zdnet.com/network/sp24ict-furure/">ICT来し方行く末</a> </li> <li> <a href="https://japan.zdnet.com/software/sp_22linux_know_how/">Linuxノウハウ</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_21okame/">デジタル岡目八目</a> </li> <li> <a href="https://japan.zdnet.com/security/sp_24cyber-resilience-score/">官民連携時代のセキュリティリーダーシップと重要インフラ保護</a> </li> <li> <a href="https://japan.zdnet.com/software/sp_24ai-commtools-trend/">AIコミュニケーションツールの最新事情</a> </li> <li> <a href="https://japan.zdnet.com/sp/ziddy/">Ziddyちゃんの「私を社食に連れてって」</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_24how_digital_twins_and_xr_reshape_the_future_of_product_development/">デジタルツインとXRが新たにする製品開発の未来</a> </li> <li> <a href="https://japan.zdnet.com/mobile/sp19_device_as_a_service/">新潮流Device as a Serviceの世界</a> </li> <li> <a href="https://japan.zdnet.com/cio/sp_21sports_tech/">デジタルで変わるスポーツの未来</a> </li> <li> <a href="https://japan.zdnet.com/software/sp_23kanban/">かんばんを使って進捗管理</a> </li> <li> <a href="https://japan.zdnet.com/software/sp_23chatgpt_usage/">「ChatGPT」利用のヒント</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/35226453/" 　data-tag="zd"> 次期「iPhone SE」、2025年3月に発売か </a> </li> <li> <a href="https://japan.cnet.com/article/35226472/" 　data-tag="zd"> 「Gemini for Google Workspace」、日本語等7言語追加--法人向けGmailにAI機能 </a> </li> <li> <a href="https://japan.cnet.com/article/35226468/" 　data-tag="zd"> アプリ版ポケカ「ポケポケ」で「炎ポケモン大量発生イベント」--11月28日まで </a> </li> <li> <a href="https://japan.cnet.com/article/35226361/" 　data-tag="zd"> 「Amazon Echo」どこに置く？間違えるとプライバシー侵害や故障のリスクも </a> </li> <li> <a href="https://japan.cnet.com/article/35226462/" 　data-tag="zd"> ドコモ、生成AI「Stella AI」提供開始--スタートアップのSUPERNOVAと提携、月1078円から </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/eset_microsite_202402/?tag=ztop"><img src="https://www.aiasahi.jp/ads/2024/300x50/240605_eset_300_50_50.gif" alt=""></a> <a href="https://japan.zdnet.com/extra/salesforce_202406/?tag=ztop"><img src="https://www.aiasahi.jp/ads/2024/300x50/240620_salesforce_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/30001365/30008079/" 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">マンガでわかる脆弱性“診断”と脆弱性“管理”の違い--セキュリティ体制の強化に脆弱性管理ツールの活用</p> </a> </li> <li> <div class="label-txt-gray"> セキュリティ </div> <a href="/paper/30001775/30008078/" 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">ISMSとPマーク運用の新たな解決策、企業の負担を減らす実践的サービスの全容</p> </a> </li> <li> <div class="label-txt-gray"> ビジネスアプリケーション </div> <a href="/paper/30001774/30008077/" 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">FAQの運用で悩んでいませんか？もっと顧客に使ってもらうために必要となる「4つのKPI」</p> </a> </li> <li> <div class="label-txt-gray"> ビジネスアプリケーション </div> <a href="/paper/20012828/30008068/" 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">IE依存アプリを使い続けることで信頼失墜のおそれも--低コストで実現するマイグレーション方法とは</p> </a> </li> <li> <div class="label-txt-gray"> 開発 </div> <a href="/paper/30001768/30008065/" 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">成功事例集でわかる--競争力を高めるオンラインサービスの連携方法</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="/paper/30001775/30008071/" 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">ISMSとPマークは何が違うのか--第三者認証取得を目指す企業が最初に理解すべきこと</p> </a> </li> <li> <div class="label-txt-gray"> セキュリティ </div> <a href="/paper/30001365/30007378/" 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">マンガで解説--企業に必要な「WAF」と「FW」の違い</p> </a> </li> <li> <div class="label-txt-gray"> セキュリティ </div> <a href="/paper/30001775/30008072/" 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">情報セキュリティに対する懸念を解消、「ISMS認証」取得の検討から審査当日までのTo Doリスト</p> </a> </li> <li> <div class="label-txt-gray"> ビジネスアプリケーション </div> <a href="/paper/30001774/30008036/" 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">改めて知っておきたい、生成AI活用が期待される業務と3つのリスク</p> </a> </li> <li> <div class="label-txt-gray"> ビジネスアプリケーション </div> <a href="/paper/20012775/30008043/" 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">調査と事例に学ぶ、Microsoft 365への集約が困難な理由と連携グループウェア選定のポイント</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">所属する組織のデータ活用状況はどの段階にありますか？</p> <!-- poll before --> <span id="quickpoll_vote_area"> <form> <ul> <li> <label for="q1"> <input type="radio" value="398" name="quickpoll_vote_radio" id="q1"> <div>個人レベルで活用している</div> </label> </li> <li> <label for="q2"> <input type="radio" value="399" name="quickpoll_vote_radio" id="q2"> <div>一部のチームや部門で活用している</div> </label> </li> <li> <label for="q3"> <input type="radio" value="400" name="quickpoll_vote_radio" id="q3"> <div>部門を横断して活用している</div> </label> </li> <li> <label for="q4"> <input type="radio" value="401" name="quickpoll_vote_radio" id="q4"> <div>全社的に活用している</div> </label> </li> </ul> <div class="btn-area"> <a class="btn-primary" href="javascript:void(0);" id="quickpoll_vote_btn" data-id="50000053" data-url="/direct/quickpoll/50000053/" style="display: none;">投票する</a> <div id="not_login_btn_area"> <a class="btn-line-bk" href="javascript:void(0);" id="inactive_btn">投票する</a> <p class="txt-note"> 投票には<a href="javascript:void(0);" id="cnet_id_login_link" data-url="https://s.japan.zdnet.com/membership/login/?layout=dialog&from_site=quickpoll&next=68747470733a2f2f6a6170616e2e7a646e65742e636f6d2f61727469636c652f32303335363433392f3f7461673d636c6561665f72656c73746f72795f6d616e75616c">Asahi Interactive IDの登録・ログイン</a>が必要です </p> </div> </div> </form> </span> <!-- poll before end --> <!-- poll after --> <span id="quickpoll_view_area" style="display:none;"> <div class="clearfix"> <dl class="poll_result"> <dt>個人レベルで活用している</dt> <dd> <div class="bar"> <div class="indicator" style="width: 32.6%;"> </div> </div> </dd> <dd class="percent">32.6%</dd> </dl> <dl class="poll_result"> <dt>一部のチームや部門で活用している</dt> <dd> <div class="bar"> <div class="indicator" style="width: 41.9%;"> </div> </div> </dd> <dd class="percent">41.9%</dd> </dl> <dl class="poll_result"> <dt>部門を横断して活用している</dt> <dd> <div class="bar"> <div class="indicator" style="width: 11.6%;"> </div> </div> </dd> <dd class="percent">11.6%</dd> </dl> <dl class="poll_result"> <dt>全社的に活用している</dt> <dd> <div class="bar"> <div class="indicator" style="width: 13.9%;"> </div> </div> </dd> <dd class="percent">13.9%</dd> </dl> </div> </span> </div> <script> document.addEventListener("DOMContentLoaded", function () { if (getCookie("CNET_ID_LOGINED")) { $("#not_login_btn_area").hide(); $("#quickpoll_vote_btn").show(); } $("#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", '50000053'); 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; } ); }); $("#cnet_id_login_link").click(function (e) { var data_url = $(this).attr("data-url"); if (data_url == "") { return; } var url_obj = new URL(data_url); try { ga(function (tracker) { var linkerParam = tracker.get("linkerParam"); if (typeof linkerParam === "string") { var _split_lp = linkerParam.split("="); if (_split_lp.length == 2) { url_obj.searchParams.append(_split_lp[0], _split_lp[1]); } } }); } finally { dialogopen(url_obj.href, 670); } }); if (getCookie("quickpoll_vote") && getCookie("quickpoll_vote") === '50000053') { $("#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/35226108/" data-ga_category="zd_category_ranking"> <p class="txt-ttl">「Windows 11 24H2」、最新パッチで複数の問題を修正</p> </a> </li> <li> <a href="/article/35224475/" data-ga_category="zd_category_ranking"> <p class="txt-ttl">「Windows 11」、更新プログラムで一部ユーザーに不具合--MSが警告</p> </a> </li> <li> <a href="/article/35225605/" data-ga_category="zd_category_ranking"> <p class="txt-ttl">日本で起きている人手不足の当然の理由と活況な転職市場</p> </a> </li> <li> <a href="/article/35225803/" data-ga_category="zd_category_ranking"> <p class="txt-ttl">経産省のSBOM導入手引き第2版の内容と現実的な対応</p> </a> </li> <li> <a href="/article/35226001/" data-ga_category="zd_category_ranking"> <p class="txt-ttl">パスワードに関する7つの重要ルール--米政府セキュリティ専門家のアドバイス</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> <li><a href="/company/">企業情報センター</a></li> <li><a href="/release/">プレスリリース</a></li> <li><a href="/event_info/">イベント情報</a></li> <li><a href="/hikaku/">IT製品比較</a></li> <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>ZDNET Japanは、Ziff Davisからのライセンスに基づき朝日インタラクティブが運営しています。<br /> ZDNET Japan is operated by Asahi Interactive under license from Ziff Davis.</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?1720151668"></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>