『みんなの転職「体験談」。』
『みんなの転職「体験談」。』

『みんなの転職「体験談」。』は、20~50代社会人男女の、 「転職したいけれど、迷いや不安で行動を踏み出せない」を 解決し、
より良い将来を目指した一歩を踏み出していける為の、 生々しい体験談情報やナレッジを提供するWebサービスです。

MENU

フロントエンドエンジニアに転職するには?求められるスキルとおすすめ転職エージェント

[最終更新日]2022/11/17

フロントエンドエンジニアってどんな仕事?スキルや経験は必要なの?

Webサービスに関わる仕事をしている人やWebエンジニアの仕事に興味のある人で、フロントエンドエンジニアにステップアップ/キャリアチェンジしたいと考えている人は多いでしょう。

Webエンジニアの中でも、ユーザビリティとアクセシビリティを高めた良いWebサイトを作るためには「フロントエンドエンジニア」が重要な役割を担っています。

目次

ユーザーにとって使いやすいサイト作りを支えるフロントエンドエンジニア

フロントエンドエンジニアとは。どんなユーザーでもストレスなくWebサイトを閲覧できるように、総合的に力を発揮する人材のこと。

いまや誰もがWebサイトにアクセスし、閲覧するようになりました。

ユーザーの中にはWebの技術的な面に詳しくない人や、使い慣れていない人も少なからず含まれています。

どのようなユーザーにとっても使いやすく、ストレスなく閲覧できるWebサイトを構築するには、ユーザビリティへの配慮が欠かせません。

フロントエンドとは「前部の」という意味で、Webサイトがユーザーに向けて表示される部分を指しています。

フロントエンドエンジニアは、以前であればHTMLコーダー、マークアップエンジニア、Javascriptプログラマと分業されていたWeb系のエンジニアの仕事を一手に引き受け、使いやすいWebサイト作りのために総合的に力を発揮する人材のことを言います。

近年のWeb業界でとくに需要が急増している職種ですので、フロントエンドエンジニアとして評価されればWeb業界で引っ張りだこの人材になれる可能性が高いと言えます。

Webコーダー・マークアップエンジニアとの違い

コーダー:頼まれた通りにサイトの見た目を作る。 マークアップエンジニア:ユーザビリティのバランスも考え総合的にデザインを仕上げる。 →フロントエンドエンジニアは、これらの能力も発揮しつつ、ユーザビリティを追求するうえでマルチに活躍することが求められる

前で述べた通り、フロントサイドエンジニアの仕事は従来のWebコーダーやマークアップエンジニアの仕事を含んでいます。

WebコーダーはWebデザインを実現するためにHTMLコーディングをする仕事です。
簡単に言えば、「頼まれた通りにサイトの見た目を作る」のが仕事であり、基本的に依頼通り忠実に再現する役割です。

マークアップエンジニアはサイトのデザインとユーザビリティのバランスを考え、総合的にデザインを仕上げていく仕事です。

サイトに動きを加えたり、ユーザーにとって便利な機能を追加したりするのもマークアップエンジニアの役割です。

サイトへのアクセス数を増やすためのSEO最適化を図ることも重要な仕事と言えるでしょう。

Webコーダーもマークアップエンジニアも、ユーザーにとって使いやすいサイト作りを目的とする仕事ですが、分業化されており守備範囲が限られています。

これに対して、フロントサイドエンジニアはユーザビリティを追求する上であらゆる役割を果たすのが特徴です。

ときにはWebコーダーやマークアップエンジニアとしての能力を発揮し、ときにはJavascriptエンジニアとして活躍するといったように、マルチな力が求められる仕事です。

2)フロントエンドエンジニアのやりがい・大変なこと

フロントエンドエンジニアの仕事のやりがい

フロントエンドエンジニアのやりがい ■ユーザーのリアクションが見えやすい ■今後の需要も高い ■働き方の選択肢が多い
  • ユーザーのリアクションが見えやすい
  • 今後の需要も高い
  • 働き方の選択肢が多い

ユーザーのリアクションが見えやすい

フロントエンドエンジニアはブラウザやUI(ユーザーインターフェース)など、ユーザーにとって使いやすいサイト作りを担います。

Web技術に詳しくないユーザーでも使いやすいサイトを構築していくためには、ユーザーの視線に立って作業を行う必要があるため、他のエンジニア職よりもユーザーとの距離感が近い職種であると言えます

また、ユーザーのリアクションは、アクセス解析等のツールで確認できます。
多くの人に見てもらえる」、「追加した機能を使ってくれている」といった手応えや感触を得やすいでしょう。

今後の需要も高い

スマートフォンの普及により、UI/UXの重要性は増してきました。
それに伴い、ユーザーにとってより使いやすいWebサイト作りに尽力する企業も増加し、フロントエンドエンジニアの仕事の需要は今後も続くものと想定されます。

時代の変化やブラウザの仕様変更などに伴い、その都度最新の技術をキャッチアップしていくことで、フロントエンドエンジニアとしてのキャリアを積んでいくことは可能です。

より多くの人にサービスを使ってほしい」、「様々な技術を学び続けたい」と考える人には、フロントエンドエンジニアの仕事はやりがいを感じられることが多いでしょう。

働き方の選択肢が多い

フロントエンジニアは、スキルを高めていくにしたがって様働き方の選択肢が広がっていきます。
最新のフレームワークやアプリケーションについての知識を習得すれば、業務にかける時間も大きく削減されるため、残業も極力避けて働くことができます。

また、短時間で作業をこなせる人はフリーランスとして独立しても安定して案件を獲得できる可能性があります。
フリーランスであればワークライフバランスも取りやすく、案件次第では社員時代よりも高報酬を得られるかもしれません。

フロントエンドエンジニアの仕事の大変なこと

フロントエンドエンジニアの大変なこと ■最新の情報をキャッチアップする必要がある ■他の作業の影響を受けやすい
  • 最新の情報をキャッチアップしていく必要がある
  • 他の作業の影響を受けやすい

最新の情報をキャッチアップしていく必要がある

メリットの裏返しにもなりますが、フロントエンドエンジニアはサービスやアプリなど、ユーザーの目に見える範囲を担当する仕事のため、時代や流行の移り変わりに乗じての新技術が出やすいです。
そのため、ふんだんに知識とスキルをアップデートしていく必要があります。

これまで通りのやり方で対応可能な案件でも、クライアントの意向によっては最新の技術に合わせて作業を行う必要性が生じることもあります。

学び続ける姿勢」というのはエンジニアの仕事全般に共通して必要とされますが、やりがいと大変さはまさに表裏一体であると言えます。

他の作業の影響を受けやすい

フロントエンドエンジニアの仕事は他の職種と関わる機会も多く、サーバサイドの領域を担当するバックエンドエンジニア、そのほかWebディレクターWebデザイナーとの接点が多くあります。

基本的にフロントエンドエンジニアの仕事は、デザインやバックエンドシステムの作成が完了後に作業を開始するため、他の作業の進捗によって左右されやすい領域です。

特に納期が動かせない案件で作業の遅延が発生すると、後工程を担当するフロントエンドエンジニアがしわ寄せを受け、残業が発生するということも決して少なくありません。

フロントエンドエンジニアは幅広い仕事を一手に引き受け、総合的に能力を発揮できる人材のことを指しています。

未経験からフロントエンジニアを目指す際には、どのようなことを意識しておけばよいのか、以下の3つのパターン別に解説していきます。

  • Webコーダー・マークアップエンジニアからフロントエンドエンジニアを目指す
  • Webデザイナーからフロントエンドエンジニアを目指す
  • 営業・販売・その他職種からフロントエンドエンジニアを目指す

Webコーダー・マークアップエンジニアからフロントエンドエンジニアを目指す

Webコーダー、マークアップエンジニアからフロントエンドエンジニアを目指す→HTMLやCSS、JavaScriptの知識に加え、PHPなどのサーバーサイドの知識、CMS構築スキル、UI・UXなどWebデザインの知識も求められる。

1章で述べた通り、フロントエンドエンジニアはWebコーダー、マークアップエンジニアの上位職にあたります。

そのため、既にコーダー、マークアップエンジニアとしてのキャリアを積んできている方がフロントエンドエンジニアを目指すのはキャリアパスとして自然な流れです

とはいえ、転職活動の際はこれまで獲得した業務スキルを活用しつつ、新たにフロントエンドエンジニアで求められる知識・スキルを可能な限り事前に獲得しておいた方が良いでしょう。

Webコーダー・マークアップエンジニアからフロントエンドエンジニアを目指す際に準備すること

コーダー、マークアップエンジニアであればHTMLやCSS、JavaScriptに関する知識を備えていることが予想されますが、フロントエンドエンジニアではそれらに加えてPHPなどのサーバーサイドの知識CMS構築スキル、更にはUI・UXなどWebデザインの知識も求められます。

ただし、これら新たにフロントエンドエンジニアに求められる知識・スキルは独学も可能です。学習の一環としてポートフォリオを作成して、選考の際にアピールするのも一つの手でしょう。

Webデザイナーからフロントエンドエンジニアを目指す

Webデザイナーからフロントエンドエンジニアを目指す→HTMLやCSS、JavaScript、PHPなどプログラミングの知識を事前に持っておくと安心。

Webデザイナーからフロントエンドエンジニアへ転職するのも、代表的なキャリアパスの一つです。
Webデザイナーはフロントエンドエンジニアが作業を行えるよう、サイトのデザインを作成する仕事のため、フロントエンドエンジニアと関わりの強い仕事です。

サイトユーザーに心地よく使ってもらうにはどのような見た目・デザインにすべきか」を考えるのはデザイナーとフロントエンドエンジニアどちらにも共通しています。
デザインに関するスキルがあり、かつフロントエンドに対する知識も備えている人材は、仕事においても重宝されるはずです。

Webデザイナーからフロントエンドエンジニアを目指す際に準備すること

Webデザイナーからフロントエンドエンジニアに転職する際は、HTMLCSSJavaScriptPHPなどのプログラミングの知識を事前に持っておいた方が安心です。

これらは自宅のPC環境でも学べる領域ですので、書籍やスクール等を活用して一定の知識を有した状態で転職活動を行うと良いでしょう

営業・販売・その他職種からフロントエンドエンジニアを目指す

その他職種からフロントエンドエンジニアを目指す→Web開発未経験はやや難易度が高い。まずはコーダー、マークアップエンジニアからキャリアを積んでいくのがおすすめ。

ここまで述べてきたように、フロントエンドエンジニアの仕事は様々な技術に関する最新情報をキャッチアップし、常にスキルを磨き続ける必要があります。

そのため、これまでにWeb開発の仕事に携わってきた経験のない方がいきなりフロントエンドエンジニアを目指すのは難易度が高いと言えるでしょう。

営業・販売・その他職種からフロントエンドエンジニアを目指す際に準備すること

異業種から実務経験でフロントエンドエンジニアを目指す方は、まずはコーダーマークアップエンジニアとしてキャリアを積んでから上位職であるフロントエンドエンジニアへとステップアップしていくのがおすすめです。

また、フロントエンドエンジニアは複数のメンバーで連携して作業を行う場面が多いため、コミュニケーション能力も相応に求められます。
前職がサービス業などで一定のコミュニケーションスキルを備えている方は、後々それが活かされる場面も訪れるはずです。

ユーザビリティを高めるUI/UX設計のスキル

#その1 ユーザビリティを高めるUI/UX設計のスキル

Webサイトを構築する上で、単に情報を画面上に表示できていればいいわけではなく、ユーザーの使い勝手を考慮した上で、直感的な操作を可能にするサイトデザインになっていることは非常に重要です。

また、Webサイトを閲覧・利用する上でストレスなく快適に使うことができるUXの観点も欠かせません。

こうしたUI/UXの設計スキルは一朝一夕に身につくものではなく、ユーザーとしても開発者としても日常的にWebに接し、トレンドやニーズを摸索し続ける必要があります。

たとえば、Webサイトをスクロールして読んでいくと、ページの先頭に戻るボタンが表れるページなどもよく見かけるようになりました。

ユーザーが閲覧していてどのような動きをするのか求めている情報にたどり着きやすいページ構成やデザインになっているのか、といったことを客観的に判断し、機能を実装していく能力が求められます。

ユーザービリティに関しては「これが正解」というものはないため、自ら考え摸索し続けるマインドも求められます。

PHPやPerlなどサーバーサイド言語の知識

#その2 PHPやPerlなどサーバーサイド言語の知識

サーバーサイドの知識というと、フロントエンドエンジニアに必要なスキルとは対極な位置にあるイメージがあるかもしれませんが、フロントエンドエンジニアだからこそサーバーサイドに関する知識を持っておくことが重要です。

ふだんユーザーとしてWebサービスを利用しているときのことを思い返してみると、会員登録してIDとパスワードでログインしていたり、ECサイトで買い物をしたりといったように、サーバーサイドでの処理が必要になる場面は意外と多いはずです。
Webサイトがユーザーから何らかの情報を受け取るのは、今やごく一般的なことになっているのです。

フロントサイドエンジニアは、Webサイト全体のユーザビリティを考慮する必要がありますので、クライアントサイドだけを見ていればよい、というわけにはいきません。

サーバーサイドも含めた全体を見て開発を進めるためにも、PHPPerlといったサーバーサイド言語の知識にも長けていると、人材価値を高めることができるはずです。

JavaScriptに関する知識・スキル

#その3 JavaScriptに関する知識・スキル

JavaScriptは代表的なプログラミング言語の一つで、ブラウザ上で文字に動きを加えたり、目次の開閉やポップアップ表示など、動的な表現を可能にします
JavaScriptはHTMLやCSSと併せて使用されることが多く、フロントエンドエンジニアにとって必須言語と言えるでしょう。

プログラミング言語としてJavaScriptを学ぶことも大切ですが、jQueryReactVueなどのライブラリやフレームワークについても知識を深めておくと、より効率よく開発を行うことができます。

なかでもHTMLのように記述が可能なReact、ファイルサイズが小さく速度や柔軟性があるVueは近年需要が伸びてきているライブラリ/フレームワークなので、マスターしておくと活躍の場も広がります。

WordPressなどCMSに関する知識・スキル

#その4 WordPressなどCMSに関する知識・スキル

Web制作は作って納品すれば完了ではなく、その後の運用まで考慮しておく必要があります。

定期的に更新したり編集したりといったことが想定されているのであれば、あらかじめそういった作業がしやすい作りにしておくべきでしょう。

Webの専門知識がない人でもコンテンツを修正できるよう、CMS上でWebサイトを構築してほしいという要望をもらうことも十分考えられます。

そこまで含めてユーザービリティと捉えれば、フロントエンドエンジニアにとってCMSに関する知識・スキルはぜひ持っておきたいものなのです。

代表的なCMSの1つにWordPressがありますが、WordPressの機能や扱い方に熟練していれば、見栄えの良いWebサイトを短期間で制作できる上に、運用開始後もメンテナンスがしやすいというメリットがあります。

フロントエンドエンジニアにとっては、サイトの作りが標準化されるため顧客ごとに異なる対応をしなくてはならない部分が減り、作業の確実性を高めることができるでしょう。

SEOに関する知識・スキル

#その5 SEOに関する知識・スキル

完成したWebサイトがどのぐらい見てもらえるものになるかは、コンテンツの質以外にWebサイトの設計そのものによって左右されている部分もあります。

特にGoogleなどの検索エンジンからどれだけアクセスを得られるかは、コンスタントに訪問者を獲得していくためにも非常に重要なところです。

SEOはマークアップエンジニアにとってマーケティング寄りの知識・スキルと言えます。

検索エンジンで上位に検索結果を表示させるためにやっておくべきことがあると同時に、SEOにおいて不利になるマークアップを避けることも重要な視点になります。

世の中にはSEOを専門とする「SEOエンジニア」もいるほどですが、フロントエンドエンジニアはSEO「も」意識しつつ、サイト全体の設計を考えることから、より上位に位置する職種と考えることができるのです。

なお、SEOについての情報は日々更新されており、めまぐるしく変化しています。

フロントエンドエンジニアにとって、新しい情報をキャッチするアンテナの高さが求められる要素と言えます。

フロントエンドエンジニアは特定のスキルが何か1つあれば通用する、といった性質の仕事ではありません。

さまざまな種類のスキルを複合的に組み合わせ、幅広い知識を駆使してWebサイトを構築する仕事です。

よって、フロントエンドエンジニアになれるだけのスキルレベルがあるかどうか得意分野のスキルを求めている企業かどうか、といった複雑なマッチングが必要になるため、IT業界を専門とした転職エージェントの活用がおすすめです。

転職活動の際には、殆どの人が「転職エージェント」を利用しています。

その主な理由は、国内の少なくない企業がハローワークや転職サイトではなく転職エージェントのみに「非公開求人」を出しているからです。

「非公開求人」とは?=企業が社名を明かさず人材を募集すること。▽企業が非公開求人を行う理由●企業側で急な採用が必要となり、求人を公開して募集する時間がない。●企業の人事採用側の事務コストの節約。●機密性の高いプロジェクトや事業戦略に関わる人材採用。

フロントエンドエンジニアの募集も、大抵は「空き枠採用」であり、非公開求人として転生エージェント経由で行う企業が多いです。

ですが、私たちが転職エージェントを利用する際は「求人を紹介してくれる人」としてではなく、「転職活動全般を相談できる人」として活用したほうがより効果的でしょう。

転職エージェントサービスの仕組み。転職エージェントのキャリアアドバイザーは、求人紹介やキャリアプランへのアドバイス、書類添削・面接対策などのサポートを行ってくれます。

上記図で表す通り、「求人紹介」は転職エージェントが提供するサービスの一部でしかありません。

それ以外のサービス、例えばキャリアプランのアドバイス(キャリア相談)、企業ごとの書類添削、面接対策などの選考通過のためのサポートも受けることによって、転職成功の確度を高めていけるはずです。

ただし、転職エージェントは国内多くのサービスがあり、またどの担当者が付くかによってもサポートの提供のされ方が変わります。

あなたに合った転職エージェント(または担当アドバイザー)を見つけるためにも、はじめに2~3つのサービスに登録して、利用のしやすさやコミュニケーションの取りやすさを比較しておくことをおすすめします。

転職エージェントについての説明を詳しく見る

ここでは、フロントエンドエンジニアを目指す上で特におすすめの5社をご紹介します。

マイナビIT AGENT

マイナビエージェント。ITエンジニアの方へ

ITエンジニア専門の転職エージェントといえばココ!あなたにマッチする求人紹介から、書類作成・面談準備のサポートまで、丁寧に対応してくれます。

マイナビIT AGENTは人材紹介会社の大手マイナビが運営する「IT/Webエンジニア専用」の転職支援を行うエージェントです。
サポート対応地域は全国。オンラインでの面談も受け付けています。

マイナビIT AGENTの大きな特徴は、エンジニア向け求人数の豊富さ、そしてシステム会社から事業会社まで幅広い業界の求人に対応している点が挙げられます。

また、マイナビの転職サービスは「サポートの丁寧さ」にも定評があり、職歴書の作成や面接対策に不安を感じている人におすすめです。

マイナビIT AGENTの特徴

特徴
  • ITエンジニアの求人数は国内トップレベル。システム会社から事業会社まで幅広く網羅
  • 担当者の対応が丁寧。書類添削から面接対策までじっくり取り組んでくれる
  • 企業とのリレーションが強く、独自の非公開求人が多数
サービス対応地域 全国
拠点 東京(2か所)、神奈川、北海道、宮城、愛知、大阪、京都、兵庫、福岡
フロントエンドエンジニアの公開求人数 約4,000件(2022年9月現在)
ITエンジニア求人トップクラス
登録は3分程で完了します。

ワークポート

ワークポート。各業界専門の総合転職エージェント。

「未経験でも、積極的に支援してほしい!」という人におすすめのエージェント。です。

ワークポート(WORKPORT)は「業界・職種未経験者」のサポートに優れており、なかでもIT・Web業界の支援に強い転職エージェントです。
全都道府県の地域を対象としており、オンライン面談も受け付けています。

ワークポートは「未経験職種」へのサポートが手厚いことでも知られています。
そのため、今の職種から新たにフロントエンドエンジニアにジョブチェンジを検討している方は、ワークポートのサービスがFitしやすいでしょう。

ワークポートのここが強み! ■あなたの可能性を最大限に引き出すプロの力 ■個別の面接対策、書類作成のアドバイス

引用元:ワークポート 「転職コンシェルジュの転職相談サービス

他の転職エージェントに登録したものの、想像していたほど求人を紹介してもらえなかった人や、担当者のレスポンスが鈍く転職活動が進まないと感じていた人にこそ、ワークポートを利用するメリットを実感できるはずです。

ワークポートの特徴

ワークポートの特徴
  • 全国トップレベルの求人数。特にIT・Web業界への転職支援に強い
  • 幅広い業界において、未経験者へのサポート実績が豊富
  • 転職者の希望に合わせて、「チャレンジ転職」にも力強くサポートしてくれる
サービス対応地域 全国
拠点 北海道、宮城、東京(2か所)、埼玉、栃木、神奈川、静岡、愛知、京都、大阪、兵庫、岡山、広島、福岡
フロントエンドエンジニアの求人数 約3,000件(2022年9月現在)

リクルートエージェント

リクルートエージェントIT

フロントエンドエンジニアの求人数は国内最多!転職支援ツールや無料セミナーも充実しています。

リクルートエージェントは国内No1の求人数と転職支援実績を誇る転職エージェントです。

ITエンジニアの転職支援にも強く、2022年9月のITエンジニア向け公開求人数は6.6万件と、他のエージェントから群を抜いての豊富さです。
フロントエンドエンジニアの求人も豊富に取り揃えています。

リクルートエージェントの強みは、これまでの培ったノウハウと企業とのリレーションをもとにした支援ツール・サービスの充実にあります。

リクルートエージェント:豊富な事例と企業との強力なリレーションをもとに力強くサポート

たとえば、リクルートエージェントでは志望企業の特徴・評判といった分析から選考のポイントまでをまとめた「エージェントレポート」を用意してくれます。
ITエンジニアの転職では、その職場の開発環境から求められるスキルや働き方まで、ネットで公開されていないような企業情報が必要となることも多いでしょう。その際に、レポート情報は大いに役立つはずです。

リクルートエージェントの特徴

リクルートエージェントの特徴
  • ITエンジニアの求人数および転職支援実績 国内No1。全エンジニア職種において常時豊富な求人を用意
  • 担当者の提案ペースが早く、スピーディな転職を実現しやすい
  • 面接力向上セミナー等のセミナー・イベントも随時開催
サービス対応地域 全国
拠点 北海道、宮城、東京(2か所)、埼玉、栃木、神奈川、静岡、愛知、京都、大阪、兵庫、岡山、広島、福岡
フロントエンドエンジニアの公開求人数 約9,000件(2022年9月現在)

doda ITエンジニア

doda。企業との強いリレーションで口コミ転職者満足度No.1。ITエンジニアの転職ならdoda

豊富な求人と担当者の積極的な提案が特徴。「本気で求人を見つけたい!」という人はぜひ登録しておきたい転職サイトです。

doda ITエンジニアは国内大手人材会社「doda」の、ITエンジニアに特化した転職エージェントサービスです。
ITエンジニア系のエージェントは都市部に特化したところが多い中、doda ITエンジニアは都市部だけでなく地方での転職支援にも強いです。

また、dodaは求人を自分で探して応募する「転職サイト」と、求人紹介から企業への応募、日程調整までアドバイスしてもらえる「転職エージェント」両方のサービスを利用できます。
「まずは自分でじっくりフロントエンドエンジニアの求人チェックしたい」という方は転職サイトのサービスを利用し、その後「応募や企業への交渉についてサポートしてほしい」となったときにエージェントサービスを利用する、という使い方もできます。

dodaエンジニアITの特徴

特徴
  • 全国トップレベルのITエンジニア求人数。都市部だけだなく地方求人にも強い
  • 企業からのスカウト・オファーが届きやすい
  • 転職サイト・転職エージェントどちらのサービスも利用できる
サービス対応地域 全国
拠点 北海道、宮城、東京、神奈川、静岡、愛知、大阪、京都、兵庫、岡山、広島、福岡
フロントエンドエンジニアの求人数 約7,000件(2022年9月現在)
職種ごとに専門のサポート
登録は5~10分程で完了します。

まとめ)フロントエンドエンジニアは努力次第で未経験からも目指せる職種

エンジニアイメージ

WebサイトやWebサービスは、すでに私たちの暮らしの中でなくてはならないものになりつつあります。

使い勝手に関しても以前なら「あれば便利」だった機能が「あって当たり前」のものになり、レベルが底上げされ続けています。

このようなWeb業界にあって、フロントエンドエンジニアは柱となる職種になっていくはずです。

フロントエンドエンジニアは、努力次第で未経験からも十分目指せる職種です。
これからフロントエンドエンジニアを目指す人は、この記事に書かれている内容を参考に、活動の一歩を踏み出してください。

目次[ 閉じる ]