[{"data":1,"prerenderedAt":515},["ShallowReactive",2],{"results-list":3},[4,142,369],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"date":11,"customer":12,"project":13,"image":14,"url":15,"tags":16,"body":25,"_type":136,"_id":137,"_source":138,"_file":139,"_stem":140,"_extension":141},"/result/chatgpt-nuxt","result",false,"","生成AI用のチャットUIへのOSS貢献","生成AIとのチャット機能を提供するOSSプロジェクトである lianginx/chatgpt-nuxt にコントリビュートし、多数の機能追加を実施しました。","2023/7/24","lianginx/chatgpt-nuxt","生成AI用のチャットUI","/images/result/chatgpt-nuxt.png","https://github.com/lianginx/chatgpt-nuxt/",[17,18,19,20,21,22,23,24],"生成AI","OSS","OpenAI","ChatGPT","Vue3","Nuxt3","TypeScript","Tailwind CSS",{"type":26,"children":27,"toc":131},"root",[28,36,65,70],{"type":29,"tag":30,"props":31,"children":33},"element","h2",{"id":32},"概要",[34],{"type":35,"value":32},"text",{"type":29,"tag":37,"props":38,"children":39},"p",{},[40,48,50,54,56,63],{"type":29,"tag":41,"props":42,"children":46},"a",{"href":43,"rel":44},"https://openai.com/",[45],"nofollow",[47],{"type":35,"value":19},{"type":35,"value":49}," の大規模言語モデルを活用する API を用いてチャット機能を提供する Web アプリケーション。",{"type":29,"tag":51,"props":52,"children":53},"br",{},[],{"type":35,"value":55},"\n当初は ",{"type":29,"tag":41,"props":57,"children":60},{"href":58,"rel":59},"https://github.com/lianginx",[45],[61],{"type":35,"value":62},"lianginx氏",{"type":35,"value":64}," が開発しオープンソース・ソフトウェア（OSS）として公開されていたものに対し、多くの機能追加を実施し製品力の強化に貢献。",{"type":29,"tag":30,"props":66,"children":68},{"id":67},"主な貢献内容",[69],{"type":35,"value":67},{"type":29,"tag":71,"props":72,"children":73},"ul",{},[74,80,92,97,102,114,126],{"type":29,"tag":75,"props":76,"children":77},"li",{},[78],{"type":35,"value":79},"多言語対応（日本語, 英語, 簡体中国語）",{"type":29,"tag":75,"props":81,"children":82},{},[83,90],{"type":29,"tag":41,"props":84,"children":87},{"href":85,"rel":86},"https://azure.microsoft.com/ja-jp/products/ai-services/openai-service",[45],[88],{"type":35,"value":89},"Azure OpenAI Service",{"type":35,"value":91}," のエンドポイントに対応",{"type":29,"tag":75,"props":93,"children":94},{},[95],{"type":35,"value":96},"環境変数による設定に対応",{"type":29,"tag":75,"props":98,"children":99},{},[100],{"type":35,"value":101},"テーマ切り替えに対応（ライト, ダーク）",{"type":29,"tag":75,"props":103,"children":104},{},[105,112],{"type":29,"tag":41,"props":106,"children":109},{"href":107,"rel":108},"https://openai.com/index/gpt-4/",[45],[110],{"type":35,"value":111},"GPT-4",{"type":35,"value":113}," モデルへの切り替えに対応",{"type":29,"tag":75,"props":115,"children":116},{},[117,124],{"type":29,"tag":41,"props":118,"children":121},{"href":119,"rel":120},"https://openai.com/index/dall-e-2/",[45],[122],{"type":35,"value":123},"DALL·E 2",{"type":35,"value":125}," モデルによる画像生成に対応",{"type":29,"tag":75,"props":127,"children":128},{},[129],{"type":35,"value":130},"デバイスの画面サイズの違いに柔軟に対応するレスポンシブデザインを導入",{"title":8,"searchDepth":132,"depth":132,"links":133},2,[134,135],{"id":32,"depth":132,"text":32},{"id":67,"depth":132,"text":67},"markdown","content:result:chatgpt-nuxt.md","content","result/chatgpt-nuxt.md","result/chatgpt-nuxt","md",{"_path":143,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":144,"description":145,"date":146,"customer":147,"project":148,"image":149,"url":150,"tags":151,"body":156,"_type":136,"_id":366,"_source":138,"_file":367,"_stem":368,"_extension":141},"/result/icedrops-web","透明氷製氷機「ice drops」製品Webサイト","株式会社 PLANETAL DESIGN 様の透明氷製氷機「ice drops」の製品紹介Webサイトを制作しました。","2022/12/12","株式会社 PLANETAL DESIGN 様","透明氷製氷機「ice drops」  製品Webサイト","/images/result/icedrops-web.png","https://planetal.co.jp/product/icedrops/",[152,153,154,23,155],"Web","Vue2","Nuxt2","Bootstrap",{"type":26,"children":157,"toc":361},[158,162,167,172,314,319],{"type":29,"tag":30,"props":159,"children":160},{"id":32},[161],{"type":35,"value":32},{"type":29,"tag":37,"props":163,"children":164},{},[165],{"type":35,"value":166},"株式会社 PLANETAL DESIGN 様が開発した透明氷製氷機「ice drops」の製品Webサイトを制作しました。",{"type":29,"tag":30,"props":168,"children":170},{"id":169},"技術的なポイント",[171],{"type":35,"value":169},{"type":29,"tag":71,"props":173,"children":174},{},[175,179,184,207,220,247,285,290,302],{"type":29,"tag":75,"props":176,"children":177},{},[178],{"type":35,"value":130},{"type":29,"tag":75,"props":180,"children":181},{},[182],{"type":35,"value":183},"多言語での表示に対応（日本語, 英語） ※自動判別",{"type":29,"tag":75,"props":185,"children":186},{},[187,189],{"type":35,"value":188},"画像をクリックするとモーダルで拡大表示\n",{"type":29,"tag":71,"props":190,"children":191},{},[192,197,202],{"type":29,"tag":75,"props":193,"children":194},{},[195],{"type":35,"value":196},"魅力的な製品画像を効果的に表示",{"type":29,"tag":75,"props":198,"children":199},{},[200],{"type":35,"value":201},"Google が開発した最新の画像ファイル形式 webp を採用し、画質を維持しながら圧縮率をアップ",{"type":29,"tag":75,"props":203,"children":204},{},[205],{"type":35,"value":206},"サムネイルと拡大表示のそれぞれで最適なサイズの画像を配信することで、さらにパフォーマンスを改善",{"type":29,"tag":75,"props":208,"children":209},{},[210,212],{"type":35,"value":211},"OGP (Open Graph Protocol) 対応\n",{"type":29,"tag":71,"props":213,"children":214},{},[215],{"type":29,"tag":75,"props":216,"children":217},{},[218],{"type":35,"value":219},"SNS 等での共有時に、ページごとに適切なサムネイルや概要文を表示できるように実装し、拡散・誘導効果を最大化",{"type":29,"tag":75,"props":221,"children":222},{},[223,225],{"type":35,"value":224},"SEO 対策\n",{"type":29,"tag":71,"props":226,"children":227},{},[228,233],{"type":29,"tag":75,"props":229,"children":230},{},[231],{"type":35,"value":232},"ページごとに適切なメタタグの設定に対応",{"type":29,"tag":75,"props":234,"children":235},{},[236,238,245],{"type":35,"value":237},"Google が提供する ",{"type":29,"tag":41,"props":239,"children":242},{"href":240,"rel":241},"https://developer.chrome.com/docs/lighthouse/overview?hl=ja",[45],[243],{"type":35,"value":244},"Lighthouse",{"type":35,"value":246}," の SEO スコアで100点を達成",{"type":29,"tag":75,"props":248,"children":249},{},[250,252],{"type":35,"value":251},"SNS 連携に対応\n",{"type":29,"tag":71,"props":253,"children":254},{},[255,260,265,270,275,280],{"type":29,"tag":75,"props":256,"children":257},{},[258],{"type":35,"value":259},"X (旧 Twitter)",{"type":29,"tag":75,"props":261,"children":262},{},[263],{"type":35,"value":264},"Facebook",{"type":29,"tag":75,"props":266,"children":267},{},[268],{"type":35,"value":269},"Instagram",{"type":29,"tag":75,"props":271,"children":272},{},[273],{"type":35,"value":274},"Pinterest",{"type":29,"tag":75,"props":276,"children":277},{},[278],{"type":35,"value":279},"LINE",{"type":29,"tag":75,"props":281,"children":282},{},[283],{"type":35,"value":284},"Pocket",{"type":29,"tag":75,"props":286,"children":287},{},[288],{"type":35,"value":289},"Git ベースの CMS (Contents Management System) によりお知らせの配信に対応",{"type":29,"tag":75,"props":291,"children":292},{},[293,300],{"type":29,"tag":41,"props":294,"children":297},{"href":295,"rel":296},"https://developers.google.com/analytics/devguides/collection/ga4?hl=ja",[45],[298],{"type":35,"value":299},"Google Analytics 4 (GA4)",{"type":35,"value":301}," を導入し高度なアクセス解析に対応",{"type":29,"tag":75,"props":303,"children":304},{},[305,312],{"type":29,"tag":41,"props":306,"children":309},{"href":307,"rel":308},"https://clarity.microsoft.com/lang/ja-jp",[45],[310],{"type":35,"value":311},"Microsoft Clarity",{"type":35,"value":313}," を導入し高度な UX 分析に対応",{"type":29,"tag":30,"props":315,"children":317},{"id":316},"スケールに合わせた最適なインフラ構成をご提案",[318],{"type":35,"value":316},{"type":29,"tag":71,"props":320,"children":321},{},[322,356],{"type":29,"tag":75,"props":323,"children":324},{},[325,327,334,336],{"type":35,"value":326},"当初契約していたレンタルサーバを解約し ",{"type":29,"tag":41,"props":328,"children":331},{"href":329,"rel":330},"https://www.netlify.com/",[45],[332],{"type":35,"value":333},"Netlify",{"type":35,"value":335}," の無料枠にてホスティング\n",{"type":29,"tag":71,"props":337,"children":338},{},[339,344],{"type":29,"tag":75,"props":340,"children":341},{},[342],{"type":35,"value":343},"ランニングコストの圧縮によりビジネスのスモールスタートに貢献",{"type":29,"tag":75,"props":345,"children":346},{},[347,354],{"type":29,"tag":41,"props":348,"children":351},{"href":349,"rel":350},"https://www.netlify.com/platform/core/edge/",[45],[352],{"type":35,"value":353},"Netlify Edge",{"type":35,"value":355}," 機能によりグローバルのエッジサーバに自動的にキャッシュされるためWebサイトのパフォーマンス向上にも貢献",{"type":29,"tag":75,"props":357,"children":358},{},[359],{"type":35,"value":360},"別途ご提案のGoogle Workspace契約と組み合わせ、メール連携可能なお問い合わせ受付フォームシステムを構築",{"title":8,"searchDepth":132,"depth":132,"links":362},[363,364,365],{"id":32,"depth":132,"text":32},{"id":169,"depth":132,"text":169},{"id":316,"depth":132,"text":316},"content:result:icedrops-web.md","result/icedrops-web.md","result/icedrops-web",{"_path":370,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":371,"description":372,"date":373,"customer":147,"project":371,"image":374,"url":375,"tags":376,"body":377,"_type":136,"_id":512,"_source":138,"_file":513,"_stem":514,"_extension":141},"/result/planetal-design-web","コーポレートWebサイト","株式会社 PLANETAL DESIGN 様のコーポレートWebサイトを制作しました。","2022/02/02","/images/result/planetal-design-web.png","https://planetal.co.jp/",[152,153,154,23,155],{"type":26,"children":378,"toc":507},[379,383,388,392,470,474],{"type":29,"tag":30,"props":380,"children":381},{"id":32},[382],{"type":35,"value":32},{"type":29,"tag":37,"props":384,"children":385},{},[386],{"type":35,"value":387},"株式会社 PLANETAL DESIGN 様のコーポレート Web サイトを制作しました。",{"type":29,"tag":30,"props":389,"children":390},{"id":169},[391],{"type":35,"value":169},{"type":29,"tag":71,"props":393,"children":394},{},[395,399,403,416,427,448,452,461],{"type":29,"tag":75,"props":396,"children":397},{},[398],{"type":35,"value":130},{"type":29,"tag":75,"props":400,"children":401},{},[402],{"type":35,"value":183},{"type":29,"tag":75,"props":404,"children":405},{},[406,408],{"type":35,"value":407},"Google が開発した最新の画像ファイル形式 webp を採用\n",{"type":29,"tag":71,"props":409,"children":410},{},[411],{"type":29,"tag":75,"props":412,"children":413},{},[414],{"type":35,"value":415},"画質を維持しつつ圧縮率をアップすることで、アクセス時のパフォーマンスを改善",{"type":29,"tag":75,"props":417,"children":418},{},[419,420],{"type":35,"value":211},{"type":29,"tag":71,"props":421,"children":422},{},[423],{"type":29,"tag":75,"props":424,"children":425},{},[426],{"type":35,"value":219},{"type":29,"tag":75,"props":428,"children":429},{},[430,431],{"type":35,"value":224},{"type":29,"tag":71,"props":432,"children":433},{},[434,438],{"type":29,"tag":75,"props":435,"children":436},{},[437],{"type":35,"value":232},{"type":29,"tag":75,"props":439,"children":440},{},[441,442,447],{"type":35,"value":237},{"type":29,"tag":41,"props":443,"children":445},{"href":240,"rel":444},[45],[446],{"type":35,"value":244},{"type":35,"value":246},{"type":29,"tag":75,"props":449,"children":450},{},[451],{"type":35,"value":289},{"type":29,"tag":75,"props":453,"children":454},{},[455,460],{"type":29,"tag":41,"props":456,"children":458},{"href":295,"rel":457},[45],[459],{"type":35,"value":299},{"type":35,"value":301},{"type":29,"tag":75,"props":462,"children":463},{},[464,469],{"type":29,"tag":41,"props":465,"children":467},{"href":307,"rel":466},[45],[468],{"type":35,"value":311},{"type":35,"value":313},{"type":29,"tag":30,"props":471,"children":472},{"id":316},[473],{"type":35,"value":316},{"type":29,"tag":71,"props":475,"children":476},{},[477,503],{"type":29,"tag":75,"props":478,"children":479},{},[480,481,486,487],{"type":35,"value":326},{"type":29,"tag":41,"props":482,"children":484},{"href":329,"rel":483},[45],[485],{"type":35,"value":333},{"type":35,"value":335},{"type":29,"tag":71,"props":488,"children":489},{},[490,494],{"type":29,"tag":75,"props":491,"children":492},{},[493],{"type":35,"value":343},{"type":29,"tag":75,"props":495,"children":496},{},[497,502],{"type":29,"tag":41,"props":498,"children":500},{"href":349,"rel":499},[45],[501],{"type":35,"value":353},{"type":35,"value":355},{"type":29,"tag":75,"props":504,"children":505},{},[506],{"type":35,"value":360},{"title":8,"searchDepth":132,"depth":132,"links":508},[509,510,511],{"id":32,"depth":132,"text":32},{"id":169,"depth":132,"text":169},{"id":316,"depth":132,"text":316},"content:result:planetal-design-web.md","result/planetal-design-web.md","result/planetal-design-web",1794700233892]