CINXE.COM

デザイナーのリモートワーク環境でのオンボーディングを振り返って - 弁護士ドットコム株式会社 Creators’ blog

<!DOCTYPE html> <html lang="ja" data-admin-domain="//blog.hatena.ne.jp" data-admin-origin="https://blog.hatena.ne.jp" data-author="bengo4" data-avail-langs="ja en" data-blog="bengo4.hatenablog.jp" data-blog-host="bengo4.hatenablog.jp" data-blog-is-public="1" data-blog-name="弁護士ドットコム株式会社 Creators’ blog" data-blog-owner="bengo4" data-blog-show-ads="" data-blog-show-sleeping-ads="" data-blog-uri="https://creators.bengo4.com/" data-blog-uuid="13574176438040458148" data-blogs-uri-base="https://creators.bengo4.com" data-brand="devblog" data-data-layer="{&quot;hatenablog&quot;:{&quot;admin&quot;:{},&quot;analytics&quot;:{&quot;brand_property_id&quot;:&quot;&quot;,&quot;measurement_id&quot;:&quot;G-KJB0HLBDNN&quot;,&quot;non_sampling_property_id&quot;:&quot;&quot;,&quot;property_id&quot;:&quot;&quot;,&quot;separated_property_id&quot;:&quot;UA-29716941-25&quot;},&quot;blog&quot;:{&quot;blog_id&quot;:&quot;13574176438040458148&quot;,&quot;content_seems_japanese&quot;:&quot;true&quot;,&quot;disable_ads&quot;:&quot;custom_domain&quot;,&quot;enable_ads&quot;:&quot;false&quot;,&quot;enable_keyword_link&quot;:&quot;false&quot;,&quot;entry_show_footer_related_entries&quot;:&quot;true&quot;,&quot;force_pc_view&quot;:&quot;true&quot;,&quot;is_public&quot;:&quot;true&quot;,&quot;is_responsive_view&quot;:&quot;true&quot;,&quot;is_sleeping&quot;:&quot;false&quot;,&quot;lang&quot;:&quot;ja&quot;,&quot;name&quot;:&quot;\u5f01\u8b77\u58eb\u30c9\u30c3\u30c8\u30b3\u30e0\u682a\u5f0f\u4f1a\u793e Creators\u2019 blog&quot;,&quot;owner_name&quot;:&quot;bengo4&quot;,&quot;uri&quot;:&quot;https://creators.bengo4.com/&quot;},&quot;brand&quot;:&quot;devblog&quot;,&quot;page_id&quot;:&quot;entry&quot;,&quot;permalink_entry&quot;:{&quot;author_name&quot;:&quot;khirooo&quot;,&quot;categories&quot;:&quot;\u5f01\u8b77\u58eb\u30c9\u30c3\u30c8\u30b3\u30e0&quot;,&quot;character_count&quot;:4896,&quot;date&quot;:&quot;2023-06-19&quot;,&quot;entry_id&quot;:&quot;820878482937084007&quot;,&quot;first_category&quot;:&quot;\u5f01\u8b77\u58eb\u30c9\u30c3\u30c8\u30b3\u30e0&quot;,&quot;hour&quot;:&quot;8&quot;,&quot;title&quot;:&quot;\u30c7\u30b6\u30a4\u30ca\u30fc\u306e\u30ea\u30e2\u30fc\u30c8\u30ef\u30fc\u30af\u74b0\u5883\u3067\u306e\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u632f\u308a\u8fd4\u3063\u3066&quot;,&quot;uri&quot;:&quot;https://creators.bengo4.com/entry/2023/06/19/083000&quot;},&quot;pro&quot;:&quot;pro&quot;,&quot;router_type&quot;:&quot;blogs&quot;}}" data-device="pc" data-dont-recommend-pro="false" data-global-domain="https://hatena.blog" data-globalheader-color="b" data-globalheader-type="pc" data-has-touch-view="1" data-help-url="https://help.hatenablog.com" data-hide-header="1" data-no-suggest-touch-view="1" data-page="entry" data-parts-domain="https://hatenablog-parts.com" data-plus-available="1" data-pro="true" data-router-type="blogs" data-sentry-dsn="https://03a33e4781a24cf2885099fed222b56d@sentry.io/1195218" data-sentry-environment="production" data-sentry-sample-rate="0.1" data-static-domain="https://cdn.blog.st-hatena.com" data-version="add51ddc2d3c0599e98ea1239ac012" data-initial-state="{}" > <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="robots" content="max-image-preview:large" /> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9; IE=10; IE=11" /> <title>デザイナーのリモートワーク環境でのオンボーディングを振り返って - 弁護士ドットコム株式会社 Creators’ blog</title> <link rel="canonical" href="https://creators.bengo4.com/entry/2023/06/19/083000"/> <meta itemprop="name" content="デザイナーのリモートワーク環境でのオンボーディングを振り返って - 弁護士ドットコム株式会社 Creators’ blog"/> <meta itemprop="image" content="https://cdn.image.st-hatena.com/image/scale/37a4d11f559c8c650a6b2c792eea844c5d3066ac/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20230530%2F20230530203213.png"/> <meta property="og:title" content="デザイナーのリモートワーク環境でのオンボーディングを振り返って - 弁護士ドットコム株式会社 Creators’ blog"/> <meta property="og:type" content="article"/> <meta property="og:url" content="https://creators.bengo4.com/entry/2023/06/19/083000"/> <meta property="og:image" content="https://cdn.image.st-hatena.com/image/scale/37a4d11f559c8c650a6b2c792eea844c5d3066ac/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20230530%2F20230530203213.png"/> <meta property="og:image:alt" content="デザイナーのリモートワーク環境でのオンボーディングを振り返って - 弁護士ドットコム株式会社 Creators’ blog"/> <meta property="og:description" content="入社前に感じていた不安 弁護士ドットコムのオンボーディングの流れ 実際の取り組み内容と印象に残った点 KnowWho Slackのハドルミーティング 定期的な1on1の場 ドキュメントに残す文化 とはいえ、オフラインのコミュニケーションも侮れない まとめ こんにちは、弁護士ドットコム株式会社デザイン部の門倉(@kuroinu123)です。弁護士ドットコムには2022年12月に入社し、現在でちょうど6ヶ月が経ちました。今回、初めてリモートワーク環境でのオンボーディングを経験したので、弁護士ドットコムのオンボーディングの進め方を紹介しながら、自身の振り返りをまとめたいと思います! 入社前に感じてい…" /> <meta property="og:site_name" content="弁護士ドットコム株式会社 Creators’ blog"/> <meta property="article:published_time" content="1687131000" /> <meta property="article:tag" content="弁護士ドットコム" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://cdn.image.st-hatena.com/image/scale/37a4d11f559c8c650a6b2c792eea844c5d3066ac/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20230530%2F20230530203213.png" /> <meta name="twitter:title" content="デザイナーのリモートワーク環境でのオンボーディングを振り返って - 弁護士ドットコム株式会社 Creators’ blog" /> <meta name="twitter:description" content="入社前に感じていた不安 弁護士ドットコムのオンボーディングの流れ 実際の取り組み内容と印象に残った点 KnowWho Slackのハドルミーティング 定期的な1on1の場 ドキュメントに残す文化 とはいえ、オフラインのコミュニケーションも侮れない まとめ こんにちは、弁護士ドットコム株式会社デザイン部の門倉(@kuro…" /> <meta name="twitter:app:name:iphone" content="はてなブログアプリ" /> <meta name="twitter:app:id:iphone" content="583299321" /> <meta name="twitter:app:url:iphone" content="hatenablog:///open?uri=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2023%2F06%2F19%2F083000" /> <meta name="twitter:site" content="@bengo4_creators" /> <meta name="description" content="入社前に感じていた不安 弁護士ドットコムのオンボーディングの流れ 実際の取り組み内容と印象に残った点 KnowWho Slackのハドルミーティング 定期的な1on1の場 ドキュメントに残す文化 とはいえ、オフラインのコミュニケーションも侮れない まとめ こんにちは、弁護士ドットコム株式会社デザイン部の門倉(@kuroinu123)です。弁護士ドットコムには2022年12月に入社し、現在でちょうど6ヶ月が経ちました。今回、初めてリモートワーク環境でのオンボーディングを経験したので、弁護士ドットコムのオンボーディングの進め方を紹介しながら、自身の振り返りをまとめたいと思います! 入社前に感じてい…" /> <script id="embed-gtm-data-layer-loader" data-data-layer-page-specific="{&quot;hatenablog&quot;:{&quot;blogs_permalink&quot;:{&quot;has_related_entries_with_elasticsearch&quot;:&quot;true&quot;,&quot;is_author_pro&quot;:&quot;true&quot;,&quot;blog_afc_issued&quot;:&quot;false&quot;,&quot;is_blog_sleeping&quot;:&quot;false&quot;,&quot;entry_afc_issued&quot;:&quot;false&quot;}}}" > (function() { function loadDataLayer(elem, attrName) { if (!elem) { return {}; } var json = elem.getAttribute(attrName); if (!json) { return {}; } return JSON.parse(json); } var globalVariables = loadDataLayer( document.documentElement, 'data-data-layer' ); var pageSpecificVariables = loadDataLayer( document.getElementById('embed-gtm-data-layer-loader'), 'data-data-layer-page-specific' ); var variables = [globalVariables, pageSpecificVariables]; if (!window.dataLayer) { window.dataLayer = []; } for (var i = 0; i < variables.length; i++) { window.dataLayer.push(variables[i]); } })(); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P4CXTW');</script> <!-- End Google Tag Manager --> <link rel="shortcut icon" href="https://creators.bengo4.com/icon/favicon"> <link rel="apple-touch-icon" href="https://creators.bengo4.com/icon/touch"> <link rel="icon" sizes="192x192" href="https://creators.bengo4.com/icon/link"> <link rel="alternate" type="application/atom+xml" title="Atom" href="https://creators.bengo4.com/feed"/> <link rel="alternate" type="application/rss+xml" title="RSS2.0" href="https://creators.bengo4.com/rss"/> <link rel="alternate" type="application/json+oembed" href="https://hatena.blog/oembed?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2023%2F06%2F19%2F083000&amp;format=json" title="oEmbed Profile of デザイナーのリモートワーク環境でのオンボーディングを振り返って"/> <link rel="alternate" type="text/xml+oembed" href="https://hatena.blog/oembed?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2023%2F06%2F19%2F083000&amp;format=xml" title="oEmbed Profile of デザイナーのリモートワーク環境でのオンボーディングを振り返って"/> <link rel="author" href="http://www.hatena.ne.jp/khirooo/"> <link rel="preload" href="https://cdn-ak.f.st-hatena.com/images/fotolife/b/bengo4/20241011/20241011212321.png" as="image"/> <link rel="stylesheet" type="text/css" href="https://cdn.blog.st-hatena.com/css/blog.css?version=add51ddc2d3c0599e98ea1239ac012"/> <link rel="stylesheet" type="text/css" href="https://usercss.blog.st-hatena.com/blog_style/13574176438040458148/d55616d8a82dc73f1254718e666a1d73d39c566d"/> <script> </script> <style> div#google_afc_user, div.google-afc-user-container, div.google_afc_image, div.google_afc_blocklink { display: block !important; } </style> <script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","dateModified":"2023-06-21T18:28:09+09:00","datePublished":"2023-06-19T08:30:00+09:00","headline":"デザイナーのリモートワーク環境でのオンボーディングを振り返って","image":["https://cdn-ak.f.st-hatena.com/images/fotolife/b/bengo4/20230530/20230530203213.png"]}</script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-KJB0HLBDNN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KJB0HLBDNN'); </script> </head> <body class="page-entry header-image-only enable-bottom-editarea category-弁護士ドットコム globalheader-off globalheader-ng-enabled"> <div id="globalheader-container" data-brand="hatenablog" style="display: none" > <iframe id="globalheader" height="37" frameborder="0" allowTransparency="true"></iframe> </div> <div id="container"> <div id="container-inner"> <header id="blog-title" data-brand="hatenablog"> <div id="blog-title-inner" style="background-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/b/bengo4/20241011/20241011212321.png'); background-position: center 0px;"> <div id="blog-title-content"> <h1 id="title"><a href="https://creators.bengo4.com/">弁護士ドットコム株式会社 Creators’ blog</a></h1> <h2 id="blog-description">弁護士ドットコムがエンジニア・デザイナーのサービス開発事例やデザイン活動を発信する公式ブログです。</h2> </div> </div> </header> <div id="content" class="hfeed" > <div id="content-inner"> <div id="wrapper"> <div id="main"> <div id="main-inner"> <!-- google_ad_section_start --> <!-- rakuten_ad_target_begin --> <article class="entry hentry test-hentry js-entry-article date-first autopagerize_page_element chars-5200 words-100 mode-markdown entry-odd" id="entry-820878482937084007" data-keyword-campaign="" data-uuid="820878482937084007" data-publication-type="entry"> <div class="entry-inner"> <header class="entry-header"> <div class="date entry-date first"> <a href="https://creators.bengo4.com/archive/2023/06/19" rel="nofollow"> <time datetime="2023-06-18T23:30:00Z" title="2023-06-18T23:30:00Z"> <span class="date-year">2023</span><span class="hyphen">-</span><span class="date-month">06</span><span class="hyphen">-</span><span class="date-day">19</span> </time> </a> </div> <h1 class="entry-title"> <a href="https://creators.bengo4.com/entry/2023/06/19/083000" class="entry-title-link bookmark">デザイナーのリモートワーク環境でのオンボーディングを振り返って</a> </h1> <div class="entry-categories categories"> <a href="https://creators.bengo4.com/archive/category/%E5%BC%81%E8%AD%B7%E5%A3%AB%E3%83%89%E3%83%83%E3%83%88%E3%82%B3%E3%83%A0" class="entry-category-link category-弁護士ドットコム">弁護士ドットコム</a> </div> </header> <div class="entry-content hatenablog-entry"> <ul class="table-of-contents"> <li><a href="#入社前に感じていた不安">入社前に感じていた不安</a></li> <li><a href="#弁護士ドットコムのオンボーディングの流れ">弁護士ドットコムのオンボーディングの流れ</a></li> <li><a href="#実際の取り組み内容と印象に残った点">実際の取り組み内容と印象に残った点</a><ul> <li><a href="#KnowWho">KnowWho</a></li> <li><a href="#Slackのハドルミーティング">Slackのハドルミーティング</a></li> <li><a href="#定期的な1on1の場">定期的な1on1の場</a></li> <li><a href="#ドキュメントに残す文化">ドキュメントに残す文化</a></li> </ul> </li> <li><a href="#とはいえオフラインのコミュニケーションも侮れない">とはいえ、オフラインのコミュニケーションも侮れない</a></li> <li><a href="#まとめ">まとめ</a></li> </ul> <p>こんにちは、弁護士ドットコム株式会社デザイン部の門倉(<a href="https://twitter.com/kuroinu123">@kuroinu123</a>)です。弁護士ドットコムには2022年12月に入社し、現在でちょうど6ヶ月が経ちました。今回、初めてリモートワーク環境でのオンボーディングを経験したので、弁護士ドットコムのオンボーディングの進め方を紹介しながら、自身の振り返りをまとめたいと思います!</p> <h2 id="入社前に感じていた不安">入社前に感じていた不安</h2> <p>前職では毎日オフィスに通って対面で業務を行っていましたが、新型コロナウイルスの影響で途中からリモートワークに切り替わりました。</p> <p>既にリモートワークの経験があったので、新しい職場でのデザインやコーディングといった業務そのものに対する不安はほとんどありませんでしたが、以前の職場ではリモートワーク導入前からメンバーとの関係性が築かれていました。今回はリモート環境での入社およびオンボーディングであったため、これまでと同じように円滑なコミュニケーションが取れるのか、という点には若干の不安がありました。</p> <p>しかしながら、実際にオンボーディングを終えてみるとその心配は全くなかったなと今では感じています。</p> <h2 id="弁護士ドットコムのオンボーディングの流れ">弁護士ドットコムのオンボーディングの流れ</h2> <p>まず、弁護士ドットコムのオンボーディングの目的は、入社後のオリエンテーションで次のように案内されます。</p> <p><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/b/bengo4/20230619/20230619083012.png" alt="&#x30B9;&#x30E9;&#x30A4;&#x30C9;&#x753B;&#x50CF;: &#x5165;&#x793E;&#x5F8C;&#x306B;&#x6848;&#x5185;&#x3055;&#x308C;&#x308B;&#x30AA;&#x30F3;&#x30DC;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x306E;&#x76EE;&#x7684;" width="800" height="450" loading="lazy" title="" class="hatena-fotolife" itemprop="image"></span></p> <p>組織への定着や、パフォーマンスの最大化という会社からの期待と、本人の価値発揮・貢献の実感や会社で達成したいことを実現できるか、その環境を会社・組織・上司・人事が一体となって整備することが目的です。</p> <p>また、入社から3ヶ月はオンボーディング期間とされており、この期間は、人事による全社的なオンボーディングをベースに、各部門やチームによるオンボーディングも行われます。</p> <p><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/b/bengo4/20230619/20230619083005.png" alt="&#x30B9;&#x30E9;&#x30A4;&#x30C9;&#x753B;&#x50CF;: &#x5168;&#x793E;&#x30AA;&#x30F3;&#x30DC;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x306E;&#x4F4D;&#x7F6E;&#x3065;&#x3051;" width="800" height="450" loading="lazy" title="" class="hatena-fotolife" itemprop="image"></span></p> <p>部門・チームによる組織単位でのオンボーディングと、人事が担当する全社でのオンボーディングがあります。事業の全体像や業務、組織文化を把握するのが組織単位でのオンボーディングです。これに対し、全社でのオンボーディングの位置づけとしては、会社の成り立ち、経営理念、組織体制といった全体像や人事制度などの仕組みの把握と、PCなどのツールのセットアップの実施となります。</p> <p>次に、オンボーディングの大まかなスケジュールです。 約2週間は組織の理解や役割の把握、その後の2ヶ月半はパフォーマンスを高めるための期間として設けられています。</p> <p><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/b/bengo4/20230619/20230619083008.png" alt="&#x30B9;&#x30E9;&#x30A4;&#x30C9;&#x753B;&#x50CF;: &#x30AA;&#x30F3;&#x30DC;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x5236;&#x5EA6;&#x306B;&#x3064;&#x3044;&#x3066;" width="800" height="450" loading="lazy" title="" class="hatena-fotolife" itemprop="image"></span></p> <p>オンボーディング制度は活躍の基盤づくりとなる2週間と、活躍の確度をあげる2ヶ月半で構成されています。入社初日から2週間でオリエンテーションやオンボーディング面談を行い、後述するKnowWhoによる1on1やマネージャーとの定期的な1on1、サポーターによるサポートを受けながら組織へのフィットを目指します。残りの2ヶ月半も引き続きマネージャーとの1on1を行い、能力開発目標設定などを行います。この間も、人事部門からの定期的な入社アンケートによるサポートも行ます。</p> <h2 id="実際の取り組み内容と印象に残った点">実際の取り組み内容と印象に残った点</h2> <p>オンボーディングの目的は会社の全体像の把握や業務へのスムーズな取り組みをサポートするなど、様々な要素がありますが、今回は特に印象に残った点をまとめました。</p> <h3 id="KnowWho">KnowWho</h3> <p>弁護士ドットコムにはKnowWhoと呼ばれる取り組みがあり、こちらがとても印象的でした。 KnowWhoは、新入社員が所属組織のメンバーや関わりのある人と30分程度の1on1を行う相互理解の場です。</p> <p>具体的な流れは以下の通りです。</p> <ol> <li>事前に候補に上げられたメンバーのリストを確認する</li> <li>Slackで各メンバーと日程調整し、Googleカレンダーに追加する</li> <li>当日はGoogle Meetを使用してビデオ通話で1on1をする</li> </ol> <p>メンバーとの初めての会話でも、自己紹介、お互いの経験や趣味、得意領域やON/OFFの場面で大事にしていること、といったテーマが用意されていたのでスムーズに進めることができました。</p> <p>私は以前の職場ではWebのフロントエンド開発とデザインの業務を行なっておりましたが、KnowWhoで1on1をしたデザイナー達も皆コードを書き、デザインへの深い知識があると感じとても刺激を得ました。実際に業務を開始してからも、この時に話したことがきっかけでデザインや技術の相談などもしやすくなったので、とても良い機会だったと思います。</p> <p>また、弁護士ドットコムでは情報共有サービスの<a href="https://esa.io/">esa</a>を使用しています。入社してすぐにesaで自身の経験や趣味といった自己紹介ページを作成します。各社員がこの自己紹介ページを持っているので、KnowWhoの前に確認し、相手との共通点を見つけて会話できるといった仕組みがあるので、話題に困ってしまうこともありませんでした。</p> <p>チーム全体でのミーティングはほぼ毎日ありますが、メンバーと一対一で話す機会はなかなかありません。 早い段階でメンバーと関われると、その後の業務でのコミュニケーションもより円滑になりますし、チームビルディングの促進に役立つので、とても良い取り組みだと思いました。</p> <h3 id="Slackのハドルミーティング">Slackのハドルミーティング</h3> <p><a href="https://slack.com/intl/ja-jp/resources/using-slack/solve-problems-aloud-with-slack-huddles">ハドルミーティング</a>はSlackの機能の一つで、音声によるコミュニケーションを簡単に開始することができます。ワンクリックで通話を開始できるためビデオ通話よりも手軽に開始でき、また、必要に応じて画面共有をすることも可能です。このハドルミーティングの活用もとても印象的でした。</p> <p>リモートで働き始めた直後は、他のメンバーが現在何をしているのか、声をかけても良いタイミングなのかわからない…と感じあることがありましたが、オンボーディング期間中にサポートしてくれたマネージャーはハドルミーティングをオープン(常時待機)にしてくれ、「いつでも入ってきて良いですよ!質問でも何でもどうぞ!」と気にかけてくれました。</p> <p>また、例えばコーディングのための開発環境構築をする際、Slackのチャンネルで「開発環境構築に挑戦します!」とスレッドを作成して進捗状況を書いていると、詰まってしまった時にコメントでマネージャーやエンジニアがサポートをしてくれたり、テキストで伝えるのが難しい場合はハドルミーティングに切り替えて、会話や画面共有をしながら問題を解決していけたのもとても助かりました。</p> <p>また、その他にもデザイナー同士の交流の場として、ハドルミーティングを使用した週4回の夕会と、Google Meetを使用した週1回のデザイナー定例があります。これはオンボーディング施策とは別に行われているものです。</p> <p>前職では、私一人でデザイン業務を担当していたので、他のデザイナーと情報共有をしたり、デザイン業務で困っていることについて話す機会がありませんでしたが、デザイナー同士の夕会でこれが実現できました。また、デザイナー定例では各施策の取り組みについて共有し合うため、業務に活かせるアイデアや、課題解決のためのヒントも得ることができ、とても心強かったです。</p> <h3 id="定期的な1on1の場">定期的な1on1の場</h3> <p>初めの1ヶ月間は、毎週、マネージャーとの1on1ミーティングがあります。これは、活動プランシートを元にした進捗状況の把握や相談事項の解消、オンボーディング期間中のゴールに対する成果のイメージが一致しているかを確認するものでした。</p> <p>こちらも基本的にはGoogle Meetを使用して行ったのですが、プライベートな空間での1on1にはビデオ通話はとても適していると感じました。ビデオ通話を活用することで、直接会話をしながらも必要な情報を共有できますし、業務上の問題も効率的に解決でます。顔を見ながら会話ができるのでリラックスした雰囲気で自由にコミュニケーションを取ることができました。</p> <p>実際、業務における不安や困っていること以外にも、これまでにどのような場面でモチベーションが高くなったか、どのような強みを伸ばしていきたいか、将来的にどのようなキャリアを目指していきたいか、といったテーマもフラットに話しました。このような会話を通じて、早い段階から業務への取り組み方など自身の考え方や強みの発見などを意識する機会が多くなったと感じています。</p> <p>部門での1on1に加え、オンボーディング期間中には人事室より定期的にアンケートが実施されます。アンケートでは、サポートの充実度や入社後の期待値との相違がないかをチェックするための項目が含まれています。些細なことでも共有できる場として提供されており、チームや部門だけでなく、会社全体でサポートをしてくれていることを実感する機会となりました。</p> <h3 id="ドキュメントに残す文化">ドキュメントに残す文化</h3> <p>その他に、オンボーディング期間中にわからないことがあった際も、さまざまなテーマに関するドキュメントが充実しており、とても役に立ちました。</p> <p>例えば、施策についてのドキュメントは概ね以下のようなフォーマットで作成されております。</p> <ul> <li>施策名</li> <li>施策の目的や背景</li> <li>計画</li> <li>仮説や検証方法</li> <li>成果指標</li> <li>キャプチャ</li> <li>関連するesaのリンク</li> </ul> <p>特に、新しく担当するプロジェクトに関しては、それぞれの施策の目的や、どのような流れで機能の改善に至ったのかなど、esaで確認できるのでキャッチアップに役立ちました。</p> <p>また、施策や議事録のみならず、ツールの使用方法、開発環境の構築から主要Gitコマンドの解説といったノウハウ系まで幅広くまとめられているので、質問によってマネージャーやメンバーの手を止めてしまうのではないか…といった心配もせずに済みました。(もちろん、いつでも声をかけてね!と言っていただいたので、必要な時は遠慮なく質問させてもらいました!)</p> <p><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/b/bengo4/20230619/20230619083015.png" alt="&#x30CE;&#x30A6;&#x30CF;&#x30A6;&#x7CFB;&#x30C9;&#x30AD;&#x30E5;&#x30E1;&#x30F3;&#x30C8;&#x306E;&#x4F8B;: git&#x4F5C;&#x696D;&#x306E;&#x6D41;&#x308C;&#x30FB;&#x30B3;&#x30DE;&#x30F3;&#x30C9;&#x4E00;&#x89A7;&#x3002;&#x6700;&#x521D;&#x306B;&#x899A;&#x3048;&#x308B;&#x3079;&#x304D;&#x304A;&#x7D04;&#x675F;&#x3001;&#x4F5C;&#x696D;&#x306B;&#x5FC5;&#x8981;&#x306A;&#x57FA;&#x672C;&#x77E5;&#x8B58;&#x3001;&#x4F5C;&#x696D;&#x3059;&#x308B;&#x30A2;&#x30D7;&#x30EA;&#x3068;&#x3044;&#x3063;&#x305F;&#x60C5;&#x5831;&#x304C;&#x307E;&#x3068;&#x3081;&#x3089;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;" width="800" height="532" loading="lazy" title="" class="hatena-fotolife" itemprop="image"></span></p> <h2 id="とはいえオフラインのコミュニケーションも侮れない">とはいえ、オフラインのコミュニケーションも侮れない</h2> <p>これまで手厚いオンボーディング体験について振り返りましたが、難しさを感じた点もありました。</p> <p>1on1や交流の場といった話しやすい環境を設計されており、自身の考えを伝える上で支障はありませんでしたが、それでも、個人的には実際に対面で会って話す方がより親しみを感じるので、コミュニケーションが取りやすかったです。</p> <p>同じ空間で一緒に業務をすることで刺激を受けることができますし、休憩時間中のちょっとした会話があるだけでも自然と交流が生まれ、それをきっかけに仕事がしやすいと感じることも多く「雑談は侮れないな〜」と感じました。</p> <p>なお、弁護士ドットコムではシャッフルランチ(ディナーも可)という制度を活用し、任意参加者同士でランダムにグループを作り食事をすることができますし、部活動もあります。これらを活用することで、プロジェクト外での交流を積極的に深めることができます(私も入社してからほぼ毎月シャッフルランチ制度を利用させていただいています!)</p> <h2 id="まとめ">まとめ</h2> <p>以上がオンボーディング期間を通じて感じたことです。全体的に、コミュニケーションを大切にし、話しやすい環境を作ること、そしてそこから業務で活躍できる土台を構築することを大切にしていると強く感じました。</p> <p>リモートワーク環境では、相手の表情や行動が見えにくいことがあり、特に新入社員にとっては孤立してしまう恐れがあるかと思います。そんな状況も、このような施策により回避することができたと思います。</p> <p>弁護士ドットコムではクリエイター職を中心にリモートワークが行われていますが、もちろん出社も可能ですので、リモートとオフィス出社をバランスよく掛け合わせるなど、うまく融合させることでよりパフォーマンスが出せるのではないかと思います。</p> <p>以上が私が入社した2022年12月から3月までのデザイン部におけるオンボーディング施策の振り返りでした。ありがとうございました!</p> </div> <footer class="entry-footer"> <div class="entry-tags-wrapper"> <div class="entry-tags"> <span class="entry-tag"> <a href="https://d.hatena.ne.jp/keyword/%E3%83%AA%E3%83%A2%E3%83%BC%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AF" class="entry-tag-link"> <span class="entry-tag-icon">#</span><span class="entry-tag-label">リモートワーク</span> </a> </span> <span class="entry-tag"> <a href="https://d.hatena.ne.jp/keyword/%E3%82%AA%E3%83%B3%E3%83%9C%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0" class="entry-tag-link"> <span class="entry-tag-icon">#</span><span class="entry-tag-label">オンボーディング</span> </a> </span> <span class="entry-tag"> <a href="https://d.hatena.ne.jp/keyword/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC" class="entry-tag-link"> <span class="entry-tag-icon">#</span><span class="entry-tag-label">デザイナー</span> </a> </span> </div> </div> <p class="entry-footer-section track-inview-by-gtm" data-gtm-track-json="{&quot;area&quot;: &quot;finish_reading&quot;}"> <span class="author vcard"><span class="fn" data-load-nickname="1" data-user-name="khirooo" >khirooo</span></span> <span class="entry-footer-time"><a href="https://creators.bengo4.com/entry/2023/06/19/083000"><time data-relative datetime="2023-06-18T23:30:00Z" title="2023-06-18T23:30:00Z" class="updated">2023-06-19 08:30</time></a></span> </p> <div class="hatena-star-container" data-hatena-star-container data-hatena-star-url="https://creators.bengo4.com/entry/2023/06/19/083000" data-hatena-star-title="デザイナーのリモートワーク環境でのオンボーディングを振り返って" data-hatena-star-variant="profile-icon" data-hatena-star-profile-url-template="https://blog.hatena.ne.jp/{username}/" ></div> <div class="social-buttons"> <div class="social-button-item"> <a href="https://b.hatena.ne.jp/entry/s/creators.bengo4.com/entry/2023/06/19/083000" class="hatena-bookmark-button" data-hatena-bookmark-url="https://creators.bengo4.com/entry/2023/06/19/083000" data-hatena-bookmark-layout="vertical-balloon" data-hatena-bookmark-lang="ja" title="この記事をはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only.gif" alt="この記事をはてなブックマークに追加" width="20" height="20" style="border: none;" /></a> </div> <div class="social-button-item"> <div class="fb-share-button" data-layout="box_count" data-href="https://creators.bengo4.com/entry/2023/06/19/083000"></div> </div> <div class="social-button-item"> <a class="entry-share-button entry-share-button-twitter test-share-button-twitter" href="https://x.com/intent/tweet?hashtags=%E3%83%AA%E3%83%A2%E3%83%BC%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AF&amp;hashtags=%E3%82%AA%E3%83%B3%E3%83%9C%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0&amp;hashtags=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC&amp;text=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%AE%E3%83%AA%E3%83%A2%E3%83%BC%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AF%E7%92%B0%E5%A2%83%E3%81%A7%E3%81%AE%E3%82%AA%E3%83%B3%E3%83%9C%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%92%E6%8C%AF%E3%82%8A%E8%BF%94%E3%81%A3%E3%81%A6+-+%E5%BC%81%E8%AD%B7%E5%A3%AB%E3%83%89%E3%83%83%E3%83%88%E3%82%B3%E3%83%A0%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE+Creators%E2%80%99+blog&amp;url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2023%2F06%2F19%2F083000" title="X(Twitter)で投稿する" ></a> </div> </div> <div class="customized-footer"> <div class="entry-footer-modules" id="entry-footer-secondary-modules"> <div class="hatena-module hatena-module-related-entries" > <!-- Hatena-Epic-has-related-entries-with-elasticsearch:true --> <div class="hatena-module-title"> 関連記事 </div> <div class="hatena-module-body"> <ul class="related-entries hatena-urllist urllist-with-thumbnails"> <li class="urllist-item related-entries-item"> <div class="urllist-item-inner related-entries-item-inner"> <a class="urllist-image-link related-entries-image-link" href="https://creators.bengo4.com/entry/2024/08/14/080000"> <img alt="クラウドサインのCREチームにジョインして1か月が経過しました" src="https://cdn.image.st-hatena.com/image/square/c6bcfee910f20a49eebea01f8c3c1004e2c7779d/backend=imagemagick;height=100;version=1;width=100/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20240814%2F20240814080005.png" class="urllist-image related-entries-image" title="クラウドサインのCREチームにジョインして1か月が経過しました" width="100" height="100" loading="lazy"> </a> <div class="urllist-date-link related-entries-date-link"> <a href="https://creators.bengo4.com/archive/2024/08/14" rel="nofollow"> <time datetime="2024-08-13T23:00:00Z" title="2024年8月14日"> 2024-08-14 </time> </a> </div> <a href="https://creators.bengo4.com/entry/2024/08/14/080000" class="urllist-title-link related-entries-title-link urllist-title related-entries-title">クラウドサインのCREチームにジョインして1か月が経過しました</a> <div class="urllist-entry-body related-entries-entry-body">こんにちは、藤谷(𝕏@fujitanien05)です。 2024/7/1より弁護士ド…</div> </div> </li> <li class="urllist-item related-entries-item"> <div class="urllist-item-inner related-entries-item-inner"> <a class="urllist-image-link related-entries-image-link" href="https://creators.bengo4.com/entry/2024/04/16/083000"> <img alt="イベント開催レポート:PdM Meetup〜ビジョンを成功に導く効果的なPdM組織とは?" src="https://cdn.image.st-hatena.com/image/square/7aecb59b86f9dd1d0596ce1b0b8897803e986e88/backend=imagemagick;height=100;version=1;width=100/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20240415%2F20240415212447.png" class="urllist-image related-entries-image" title="イベント開催レポート:PdM Meetup〜ビジョンを成功に導く効果的なPdM組織とは?" width="100" height="100" loading="lazy"> </a> <div class="urllist-date-link related-entries-date-link"> <a href="https://creators.bengo4.com/archive/2024/04/16" rel="nofollow"> <time datetime="2024-04-15T23:30:00Z" title="2024年4月16日"> 2024-04-16 </time> </a> </div> <a href="https://creators.bengo4.com/entry/2024/04/16/083000" class="urllist-title-link related-entries-title-link urllist-title related-entries-title">イベント開催レポート:PdM Meetup〜ビジョンを成功に導く効果的なPdM組織とは?</a> <div class="urllist-entry-body related-entries-entry-body">こんにちは。クラウドサインでプロダクトマネージャー(PdM)を…</div> </div> </li> <li class="urllist-item related-entries-item"> <div class="urllist-item-inner related-entries-item-inner"> <a class="urllist-image-link related-entries-image-link" href="https://creators.bengo4.com/entry/2023/12/13/000000"> <img alt="イマジナリーキャットと暮らしたい" src="https://cdn.image.st-hatena.com/image/square/817091a6fb95f4c8dc3992ab50c6d336e3b79fad/backend=imagemagick;height=100;version=1;width=100/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20231213%2F20231213000119.png" class="urllist-image related-entries-image" title="イマジナリーキャットと暮らしたい" width="100" height="100" loading="lazy"> </a> <div class="urllist-date-link related-entries-date-link"> <a href="https://creators.bengo4.com/archive/2023/12/13" rel="nofollow"> <time datetime="2023-12-12T15:00:00Z" title="2023年12月13日"> 2023-12-13 </time> </a> </div> <a href="https://creators.bengo4.com/entry/2023/12/13/000000" class="urllist-title-link related-entries-title-link urllist-title related-entries-title">イマジナリーキャットと暮らしたい</a> <div class="urllist-entry-body related-entries-entry-body">この記事は、弁護士ドットコム Advent Calendar 2023の13日目の…</div> </div> </li> <li class="urllist-item related-entries-item"> <div class="urllist-item-inner related-entries-item-inner"> <a class="urllist-image-link related-entries-image-link" href="https://creators.bengo4.com/entry/2023/12/07/090000"> <img alt="はじめての転職と今後の展望" src="https://cdn.image.st-hatena.com/image/square/319d328bfd20e2f14b893075d360f52ba09f360b/backend=imagemagick;height=100;version=1;width=100/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20231207%2F20231207090020.png" class="urllist-image related-entries-image" title="はじめての転職と今後の展望" width="100" height="100" loading="lazy"> </a> <div class="urllist-date-link related-entries-date-link"> <a href="https://creators.bengo4.com/archive/2023/12/07" rel="nofollow"> <time datetime="2023-12-07T00:00:00Z" title="2023年12月7日"> 2023-12-07 </time> </a> </div> <a href="https://creators.bengo4.com/entry/2023/12/07/090000" class="urllist-title-link related-entries-title-link urllist-title related-entries-title">はじめての転職と今後の展望</a> <div class="urllist-entry-body related-entries-entry-body">この記事は、弁護士ドットコム株式会社の Advent Calendar 2023…</div> </div> </li> <li class="urllist-item related-entries-item"> <div class="urllist-item-inner related-entries-item-inner"> <a class="urllist-image-link related-entries-image-link" href="https://creators.bengo4.com/entry/2023/10/05/090000"> <img alt="弁護士ドットコムがPHP Conference Japan 2023にプラチナスポンサーとして協賛します!" src="https://cdn.image.st-hatena.com/image/square/df4c2a92f82eb9af74122b066e93072f94b4ebbf/backend=imagemagick;height=100;version=1;width=100/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20231005%2F20231005090032.png" class="urllist-image related-entries-image" title="弁護士ドットコムがPHP Conference Japan 2023にプラチナスポンサーとして協賛します!" width="100" height="100" loading="lazy"> </a> <div class="urllist-date-link related-entries-date-link"> <a href="https://creators.bengo4.com/archive/2023/10/05" rel="nofollow"> <time datetime="2023-10-05T00:00:00Z" title="2023年10月5日"> 2023-10-05 </time> </a> </div> <a href="https://creators.bengo4.com/entry/2023/10/05/090000" class="urllist-title-link related-entries-title-link urllist-title related-entries-title">弁護士ドットコムがPHP Conference Japan 2023にプラチナスポンサーとして協賛し…</a> <div class="urllist-entry-body related-entries-entry-body">こんにちは。 PHP Conference Japan 2023に、弁護士ドットコム…</div> </div> </li> </ul> </div> </div> </div> </div> </footer> </div> </article> <!-- rakuten_ad_target_end --> <!-- google_ad_section_end --> <div class="pager pager-permalink permalink"> <span class="pager-prev"> <a href="https://creators.bengo4.com/entry/2023/07/13/083000" rel="prev"> <span class="pager-arrow">&laquo; </span> Alpine LinuxでのDNSトラブルシューティン… </a> </span> <span class="pager-next"> <a href="https://creators.bengo4.com/entry/2023/06/14/083000" rel="next"> Vue2.7アップデートに伴うv-deep移行で詰… <span class="pager-arrow"> &raquo;</span> </a> </span> </div> </div> </div> <aside id="box1"> <div id="box1-inner"> </div> </aside> </div><!-- #wrapper --> <aside id="box2"> <div id="box2-inner"> <div class="hatena-module hatena-module-profile"> <div class="hatena-module-title"> プロフィール </div> <div class="hatena-module-body"> <a href="https://creators.bengo4.com/about" class="profile-icon-link"> <img src="https://cdn.profile-image.st-hatena.com/users/bengo4/profile.png?1695814907" alt="id:bengo4" class="profile-icon" /> </a> <span class="id"> <a href="https://creators.bengo4.com/about" class="hatena-id-link"><span data-load-nickname="1" data-user-name="bengo4">id:bengo4</span></a> <a href="https://blog.hatena.ne.jp/guide/corporation" title="はてなブログ for DevBlog"><i class="badge-type-devblog">はてなブログ for DevBlog</i></a> </span> <div class="hatena-follow-button-box btn-subscribe js-hatena-follow-button-box" > <a href="#" class="hatena-follow-button js-hatena-follow-button"> <span class="subscribing"> <span class="foreground">読者です</span> <span class="background">読者をやめる</span> </span> <span class="unsubscribing" data-track-name="profile-widget-subscribe-button" data-track-once> <span class="foreground">読者になる</span> <span class="background">読者になる</span> </span> </a> <div class="subscription-count-box js-subscription-count-box"> <i></i> <u></u> <span class="subscription-count js-subscription-count"> </span> </div> </div> <div class="profile-about"> <a href="https://creators.bengo4.com/about">このブログについて</a> </div> </div> </div> <div class="hatena-module hatena-module-search-box"> <div class="hatena-module-title"> 検索 </div> <div class="hatena-module-body"> <form class="search-form" role="search" action="https://creators.bengo4.com/search" method="get"> <input type="text" name="q" class="search-module-input" value="" placeholder="記事を検索" required> <input type="submit" value="検索" class="search-module-button" /> </form> </div> </div> <div class="hatena-module hatena-module-html"> <div class="hatena-module-title">採用情報</div> <div class="hatena-module-body"> <div class="b4-module-banner"> <a class="b4-module-banner-link" href="https://hrmos.co/pages/bengo4/jobs/0009602?utm_source=referral&utm_medium=creatersBlog&utm_campaign=sideBanner" target="_blank"> <img class="b4-module-banner-image--outline" src="https://cdn-ak.f.st-hatena.com/images/fotolife/b/bengo4/20220131/20220131211957.jpg" alt="採用情報"> </a> </div> </div> </div> <div class="hatena-module hatena-module-recent-entries "> <div class="hatena-module-title"> <a href="https://creators.bengo4.com/archive"> 最新記事 </a> </div> <div class="hatena-module-body"> <ul class="recent-entries hatena-urllist "> <li class="urllist-item recent-entries-item"> <div class="urllist-item-inner recent-entries-item-inner"> <div class="b4-module-post"> <a class="b4-module-post-link" href="https://creators.bengo4.com/entry/2024/11/05/080000"> <div class="b4-module-post-head"> <img class="b4-module-post-image" src="https://cdn.image.st-hatena.com/image/square/337345157192e1ddef992a9df627c402ccb389d5/backend=imagemagick;height=100;version=1;width=100/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20241105%2F20241105080022.png"> </div> <div class="b4-module-post-body"> <span class="b4-module-post-date">2024-11-05</span> <span class="b4-module-post-title">&#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x958B;&#x50AC;&#x30EC;&#x30DD;&#x30FC;&#x30C8;&#xFF1A;&#x300C;&#x51FA;&#x5F35;&#xFF01;&#x4FFA;&#x306E;&#x96FB;&#x5B50;&#x5951;&#x7D04;&#x300D;&#x301C;&#x30AF;&#x30E9;&#x30A6;&#x30C9;&#x30B5;&#x30A4;&#x30F3;&#x3092;&#x30A2;&#x30AF;&#x30BB;&#x30B7;&#x30D3;&#x30EA;&#x30C6;&#x30A3;&#x30C1;&#x30A7;&#x30C3;&#x30AF;&#x301C;</span> </div> </a> </div> </div> </li> <li class="urllist-item recent-entries-item"> <div class="urllist-item-inner recent-entries-item-inner"> <div class="b4-module-post"> <a class="b4-module-post-link" href="https://creators.bengo4.com/entry/2024/10/22/073000"> <div class="b4-module-post-head"> <img class="b4-module-post-image" src="https://cdn.image.st-hatena.com/image/square/c1dfc03847a3f2cce3cb951118c7127ebc14768f/backend=imagemagick;height=100;version=1;width=100/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20241021%2F20241021192009.png"> </div> <div class="b4-module-post-body"> <span class="b4-module-post-date">2024-10-22</span> <span class="b4-module-post-title">&#x30BC;&#x30ED;&#x30C0;&#x30A6;&#x30F3;&#x30BF;&#x30A4;&#x30E0;&#x3067; Amazon EC2 &#x3067;&#x7A3C;&#x50CD;&#x3057;&#x3066;&#x3044;&#x308B; nginx &#x3092; AWS Fargate &#x306B;&#x79FB;&#x884C;&#x3057;&#x305F;</span> </div> </a> </div> </div> </li> <li class="urllist-item recent-entries-item"> <div class="urllist-item-inner recent-entries-item-inner"> <div class="b4-module-post"> <a class="b4-module-post-link" href="https://creators.bengo4.com/entry/2024/10/19/060000"> <div class="b4-module-post-head"> <img class="b4-module-post-image" src="https://cdn.image.st-hatena.com/image/square/78550c9140689b604ecd1443b7fbafed9a699798/backend=imagemagick;height=100;version=1;width=100/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20241019%2F20241019060008.png"> </div> <div class="b4-module-post-body"> <span class="b4-module-post-date">2024-10-19</span> <span class="b4-module-post-title">&#x5F01;&#x8B77;&#x58EB;&#x30C9;&#x30C3;&#x30C8;&#x30B3;&#x30E0;&#x306F;Vue Fes Japan 2024&#x306B;&#x30B9;&#x30DD;&#x30F3;&#x30B5;&#x30FC;&#xFF06;&#x767B;&#x58C7;&#x3057;&#x307E;&#x3059;&#xFF01;</span> </div> </a> </div> </div> </li> <li class="urllist-item recent-entries-item"> <div class="urllist-item-inner recent-entries-item-inner"> <div class="b4-module-post"> <a class="b4-module-post-link" href="https://creators.bengo4.com/entry/2024/10/10/083000"> <div class="b4-module-post-head"> <img class="b4-module-post-image" src="https://cdn.image.st-hatena.com/image/square/45c91a5a2433d1e863405ce9eeb9a5c0803289c0/backend=imagemagick;height=100;version=1;width=100/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20241010%2F20241010084002.png"> </div> <div class="b4-module-post-body"> <span class="b4-module-post-date">2024-10-10</span> <span class="b4-module-post-title">MockServiceWorker&#xFF08;MSW&#xFF09; &#x3092;&#x4F7F;&#x3063;&#x305F;&#x9AD8;&#x901F;&#x958B;&#x767A;&#x306E;&#x305F;&#x3081;&#x306E;&#x904B;&#x7528;&#x4E8B;&#x4F8B;</span> </div> </a> </div> </div> </li> <li class="urllist-item recent-entries-item"> <div class="urllist-item-inner recent-entries-item-inner"> <div class="b4-module-post"> <a class="b4-module-post-link" href="https://creators.bengo4.com/entry/2024/10/09/073000"> <div class="b4-module-post-head"> <img class="b4-module-post-image" src="https://cdn.image.st-hatena.com/image/square/511df004a6ecc99e66c03522a77e4b7cfb05073d/backend=imagemagick;height=100;version=1;width=100/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20241008%2F20241008230505.png"> </div> <div class="b4-module-post-body"> <span class="b4-module-post-date">2024-10-09</span> <span class="b4-module-post-title">AWS COST CUT FIGHT &#x56DE;&#x7B54;&#x3092;&#x4F5C;&#x3063;&#x3066;&#x307F;&#x307E;&#x3057;&#x305F;</span> </div> </a> </div> </div> </li> </ul> </div> </div> <div class="hatena-module hatena-module-archive" data-archive-type="default" data-archive-url="https://creators.bengo4.com/archive"> <div class="hatena-module-title"> <a href="https://creators.bengo4.com/archive">月別アーカイブ</a> </div> <div class="hatena-module-body"> <ul class="hatena-urllist"> <li class="archive-module-year archive-module-year-hidden" data-year="2024"> <div class="archive-module-button"> <span class="archive-module-hide-button">▼</span> <span class="archive-module-show-button">▶</span> </div> <a href="https://creators.bengo4.com/archive/2024" class="archive-module-year-title archive-module-year-2024"> 2024 </a> <ul class="archive-module-months"> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2024/11" class="archive-module-month-title archive-module-month-2024-11"> 2024 / 11 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2024/10" class="archive-module-month-title archive-module-month-2024-10"> 2024 / 10 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2024/09" class="archive-module-month-title archive-module-month-2024-9"> 2024 / 9 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2024/08" class="archive-module-month-title archive-module-month-2024-8"> 2024 / 8 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2024/07" class="archive-module-month-title archive-module-month-2024-7"> 2024 / 7 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2024/05" class="archive-module-month-title archive-module-month-2024-5"> 2024 / 5 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2024/04" class="archive-module-month-title archive-module-month-2024-4"> 2024 / 4 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2024/03" class="archive-module-month-title archive-module-month-2024-3"> 2024 / 3 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2024/02" class="archive-module-month-title archive-module-month-2024-2"> 2024 / 2 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2024/01" class="archive-module-month-title archive-module-month-2024-1"> 2024 / 1 </a> </li> </ul> </li> <li class="archive-module-year archive-module-year-hidden" data-year="2023"> <div class="archive-module-button"> <span class="archive-module-hide-button">▼</span> <span class="archive-module-show-button">▶</span> </div> <a href="https://creators.bengo4.com/archive/2023" class="archive-module-year-title archive-module-year-2023"> 2023 </a> <ul class="archive-module-months"> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2023/12" class="archive-module-month-title archive-module-month-2023-12"> 2023 / 12 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2023/11" class="archive-module-month-title archive-module-month-2023-11"> 2023 / 11 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2023/10" class="archive-module-month-title archive-module-month-2023-10"> 2023 / 10 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2023/09" class="archive-module-month-title archive-module-month-2023-9"> 2023 / 9 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2023/08" class="archive-module-month-title archive-module-month-2023-8"> 2023 / 8 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2023/07" class="archive-module-month-title archive-module-month-2023-7"> 2023 / 7 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2023/06" class="archive-module-month-title archive-module-month-2023-6"> 2023 / 6 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2023/04" class="archive-module-month-title archive-module-month-2023-4"> 2023 / 4 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2023/03" class="archive-module-month-title archive-module-month-2023-3"> 2023 / 3 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2023/02" class="archive-module-month-title archive-module-month-2023-2"> 2023 / 2 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2023/01" class="archive-module-month-title archive-module-month-2023-1"> 2023 / 1 </a> </li> </ul> </li> <li class="archive-module-year archive-module-year-hidden" data-year="2022"> <div class="archive-module-button"> <span class="archive-module-hide-button">▼</span> <span class="archive-module-show-button">▶</span> </div> <a href="https://creators.bengo4.com/archive/2022" class="archive-module-year-title archive-module-year-2022"> 2022 </a> <ul class="archive-module-months"> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2022/12" class="archive-module-month-title archive-module-month-2022-12"> 2022 / 12 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2022/11" class="archive-module-month-title archive-module-month-2022-11"> 2022 / 11 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2022/10" class="archive-module-month-title archive-module-month-2022-10"> 2022 / 10 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2022/09" class="archive-module-month-title archive-module-month-2022-9"> 2022 / 9 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2022/08" class="archive-module-month-title archive-module-month-2022-8"> 2022 / 8 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2022/07" class="archive-module-month-title archive-module-month-2022-7"> 2022 / 7 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2022/06" class="archive-module-month-title archive-module-month-2022-6"> 2022 / 6 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2022/05" class="archive-module-month-title archive-module-month-2022-5"> 2022 / 5 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2022/04" class="archive-module-month-title archive-module-month-2022-4"> 2022 / 4 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2022/03" class="archive-module-month-title archive-module-month-2022-3"> 2022 / 3 </a> </li> <li class="archive-module-month"> <a href="https://creators.bengo4.com/archive/2022/02" class="archive-module-month-title archive-module-month-2022-2"> 2022 / 2 </a> </li> </ul> </li> </ul> </div> </div> <div class="hatena-module hatena-module-category"> <div class="hatena-module-title"> カテゴリー </div> <div class="hatena-module-body"> <ul class="hatena-urllist"> <li> <a href="https://creators.bengo4.com/archive/category/%E3%82%A2%E3%83%89%E3%83%99%E3%83%B3%E3%83%88%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC" class="category-アドベントカレンダー"> アドベントカレンダー (25) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%83%BB%E3%82%AB%E3%83%B3%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9" class="category-イベント・カンファレンス"> イベント・カンファレンス (19) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/CLOUDSIGN" class="category-CLOUDSIGN"> CLOUDSIGN (38) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3" class="category-アクセシビリティ"> アクセシビリティ (1) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/SRE" class="category-SRE"> SRE (5) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89" class="category-フロントエンド"> フロントエンド (9) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E3%83%AA%E3%83%BC%E3%82%AC%E3%83%AB%E3%83%96%E3%83%AC%E3%82%A4%E3%83%B3%E9%96%8B%E7%99%BA" class="category-リーガルブレイン開発"> リーガルブレイン開発 (1) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E7%A8%8E%E7%90%86%E5%A3%AB%E3%83%89%E3%83%83%E3%83%88%E3%82%B3%E3%83%A0" class="category-税理士ドットコム"> 税理士ドットコム (3) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E5%BC%81%E8%AD%B7%E5%A3%AB%E3%83%89%E3%83%83%E3%83%88%E3%82%B3%E3%83%A0" class="category-弁護士ドットコム"> 弁護士ドットコム (23) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E5%BC%81%E3%82%B3%E3%83%A0%E3%81%AA%E4%BA%BA%E3%80%85" class="category-弁コムな人々"> 弁コムな人々 (15) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/QA" class="category-QA"> QA (2) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/CRE" class="category-CRE"> CRE (2) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E3%83%87%E3%83%BC%E3%82%BF%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%B0" class="category-データエンジニアリング"> データエンジニアリング (2) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E9%83%A8%E6%B4%BB%E5%8B%95" class="category-部活動"> 部活動 (2) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E6%83%85%E5%A0%B1%E3%82%AC%E3%83%90%E3%83%8A%E3%83%B3%E3%82%B9%E6%9C%AC%E9%83%A8" class="category-情報ガバナンス本部"> 情報ガバナンス本部 (1) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E4%BA%BA%E4%BA%8B%E6%9C%AC%E9%83%A8" class="category-人事本部"> 人事本部 (1) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3" class="category-セキュリティ"> セキュリティ (1) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/BUSINESS%20LAWYERS" class="category-BUSINESS-LAWYERS"> BUSINESS LAWYERS (1) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/Professional%20Tech%20Lab" class="category-Professional-Tech-Lab"> Professional Tech Lab (1) </a> </li> <li> <a href="https://creators.bengo4.com/archive/category/%E6%96%B0%E5%8D%92%E6%8E%A1%E7%94%A8" class="category-新卒採用"> 新卒採用 (1) </a> </li> </ul> </div> </div> <div class="hatena-module hatena-module-html"> <div class="hatena-module-title">リンク</div> <div class="hatena-module-body"> <div class="b4-module-banner"> <p class="b4-module-banner-title">クラウドサイン note ~Inside~</p> <a href="https://note.com/cloudsign/m/md653f118eed4" class="b4-module-banner-link"> <img class="b4-module-banner-image" src="https://cdn-ak.f.st-hatena.com/images/fotolife/b/bengo4/20220407/20220407152735.jpg" alt="20220407152735"> </a> </div> </div> </div> </div> </aside> </div> </div> <div id="bottom-editarea"> <div class="b4-module-footer"> <p class="b4-module-footer-copyright">© Bengo4.com, Inc. 2005</p> </div> </div> </div> </div> <script async src="https://s.hatena.ne.jp/js/widget/star.js"></script> <script> if (typeof window.Hatena === 'undefined') { window.Hatena = {}; } if (!Hatena.hasOwnProperty('Star')) { Hatena.Star = { VERSION: 2, }; } </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&appId=719729204785177&version=v17.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="quote-box"> <div class="tooltip-quote tooltip-quote-stock"> <i class="blogicon-quote" title="引用をストック"></i> </div> <div class="tooltip-quote tooltip-quote-tweet js-tooltip-quote-tweet"> <a class="js-tweet-quote" target="_blank" data-track-name="quote-tweet" data-track-once> <img src="https://cdn.blog.st-hatena.com/images/admin/quote/quote-x-icon.svg?version=add51ddc2d3c0599e98ea1239ac012" title="引用して投稿する" > </a> </div> </div> <div class="quote-stock-panel" id="quote-stock-message-box" style="position: absolute; z-index: 3000"> <div class="message-box" id="quote-stock-succeeded-message" style="display: none"> <p>引用をストックしました</p> <button class="btn btn-primary" id="quote-stock-show-editor-button" data-track-name="curation-quote-edit-button">ストック一覧を見る</button> <button class="btn quote-stock-close-message-button">閉じる</button> </div> <div class="message-box" id="quote-login-required-message" style="display: none"> <p>引用するにはまずログインしてください</p> <button class="btn btn-primary" id="quote-login-button">ログイン</button> <button class="btn quote-stock-close-message-button">閉じる</button> </div> <div class="error-box" id="quote-stock-failed-message" style="display: none"> <p>引用をストックできませんでした。再度お試しください</p> <button class="btn quote-stock-close-message-button">閉じる</button> </div> <div class="error-box" id="unstockable-quote-message-box" style="display: none; position: absolute; z-index: 3000;"> <p>限定公開記事のため引用できません。</p> </div> </div> <script type="x-underscore-template" id="js-requote-button-template"> <div class="requote-button js-requote-button"> <button class="requote-button-btn tipsy-top" title="引用する"><i class="blogicon-quote"></i></button> </div> </script> <div id="hidden-subscribe-button" style="display: none;"> <div class="hatena-follow-button-box btn-subscribe js-hatena-follow-button-box" > <a href="#" class="hatena-follow-button js-hatena-follow-button"> <span class="subscribing"> <span class="foreground">読者です</span> <span class="background">読者をやめる</span> </span> <span class="unsubscribing" data-track-name="profile-widget-subscribe-button" data-track-once> <span class="foreground">読者になる</span> <span class="background">読者になる</span> </span> </a> <div class="subscription-count-box js-subscription-count-box"> <i></i> <u></u> <span class="subscription-count js-subscription-count"> </span> </div> </div> </div> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <script src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> <script type="text/javascript" src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?v=1.12.4&amp;version=add51ddc2d3c0599e98ea1239ac012"></script> <script src="https://cdn.blog.st-hatena.com/js/texts-ja.js?version=add51ddc2d3c0599e98ea1239ac012"></script> <script id="vendors-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/vendors.js?version=add51ddc2d3c0599e98ea1239ac012" crossorigin="anonymous"></script> <script id="hatenablog-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/hatenablog.js?version=add51ddc2d3c0599e98ea1239ac012" crossorigin="anonymous" data-page-id="entry"></script> <script>Hatena.Diary.GlobalHeader.init()</script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10