Ruto Okazaki

岡崎 流宇斗のポートフォリオサイト

制作実績・スキル・自己紹介などを掲載しております。
また、お問い合わせフォームもご用意しておりますので、
どうぞお気軽にお問い合わせください。

Works

Skills

使用可能な言語やツールの一覧です。
アイコンをクリックすると、詳細を拡大表示できます。
気になるスキルを、以下のアイコンからお選びください。

  • すべて
  • 言語
  • ツール系
  • デザイン系
  • 学習中
  • 学習予定
  • その他

  • HTML

    HTML

    説明

    ウェブページを構築するための基本的なマークアップ言語
    テキスト、画像、リンク、リスト、フォームなど、ウェブページの骨組みや構造を定義します。

    具体的にできること

    構造の理解をしているため、最適なコーディングを実装
    思い通りのコーディングが可能
    画像コーディングも対応可能
    命名規則(BEM記法)を用いた管理・効率の良いクラスの命名

  • CSS

    CSS

    説明

    ウェブページのスタイルやレイアウトを定義するためのマークアップ言語
    HTMLで構造を決めた後、CSSでその見た目をスタイリングします。

    具体的にできること

    デザイン通りの見た目に仕上げます。
    多少奇抜なデザインなどの対応可能
    レスポンシブにも対応
    アニメーションの実装可能

  • SASS

    SASS

    説明

    CSSの拡張言語
    変数やネストなどを使ってCSSを効率的に書き、管理できるようにします。

    具体的にできること

    ネスト、変数、関数の使用
    ファイルの分割
    私は現在、ほとんどのプロジェクトでSassを用いています。

  • JavaScript

    JavaScript

    説明

    ウェブページに動きをつけたり、動的な機能やインタラクションを追加するためのプログラミング言語

    具体的にできること

    基本的な文法の理解
    プログラムやUIやコンポーネントの実装
    モダンJavaScript対応
    現在、javascriptのフレームワークも学習中

  • TypeScript

    TypeScript

    説明

    JavaScriptに型付け機能を追加した拡張言語
    より安全で読みやすいコードを書けるのが特徴です。

    具体的にできること

    適切な型をつけて管理やバリデーションなどの実装が可能
    ジェネリックスやインターフェース、タイプの理解

  • PHP

    PHP

    説明

    サーバーサイドで動作するスクリプト言語
    動的なウェブページを生成するために使用されます。
    データベースとの連携も得意で、ウェブアプリケーションの構築に広く利用されています。

    具体的にできること

    PHPの基本文法や構文を理解
    WordPressテーマやプラグインのカスタマイズ、機能追加を行うためのPHPスクリプト

  • MySQL

    MySQL

    説明

    リレーショナルデータベースと呼ばれるデータベース構造で、データの保存と管理に使用されています。
    通常は、SQL文という言語を使って、コマンドラインから操作を行います。
    また、カーソル操作で直感的に画面で容易に操作できるphpmyadminがあります。

    具体的にできること

    データベースの概念や仕様、扱い方などは把握しています。
    取り扱いに関しては、phpmyadminを用いてデータの移行や内容の確認ができます。また、作成、挿入、抽出、更新、削除も行えます。
    SQL文を実際に使えるように学習しています。
    MySQLなどのデータベースと連携し、データの取得や保存を行う

  • WordPress

    WordPress

    説明

    ウェブサイトやブログを作成・管理するための、無料で使えるオープンソースのコンテンツマネジメントシステム（CMS）
    （CMSとは、管理画面を通じて簡単に編集・更新・管理・運用ができるシステム）
    主にブログやウェブサイトの作成・運営に使用され、プログラミングの知識がなくても、テーマを利用することで簡単にクオリティの高いサイトを構築できます。
    CMSの中で世界一のシェアを誇り、有名企業もこのプラットフォームを使用してコーポレートサイトなどを構築しています。

    具体的にできること

    要望に沿ったオリジナルテーマの制作
    プログラミングの知識がない人でも、管理画面から簡単に編集や更新、管理・運用（例: ページの追加、記事の更新、設定や権限の変更など）が行えるように構築
    投稿の制御や表示を思い通りにカスタマイズ可能
    投稿やアップされたデータの参照
    カスタム投稿タイプ、カスタムフィールド、プラグイン、その他各種機能の使用
    お問い合わせの実装やスパム対策
    運用保守

  • Shopify

    Shopify

    説明

    ECサイト（オンラインショップ）の構築と運営を簡単にするためのプラットフォーム
    プログラミングの知識がなくても、商品の登録、支払いシステムの設定、注文管理などを簡単に行えます。また、豊富なテーマやアプリを活用することで、機能を拡張したり、デザインをカスタマイズすることが可能です。

    具体的にできること

    仕様の把握
    前職でカスタマイズの経験あり
    基本的な管理画面の使い方や設定や更新
    shopifyで用いているliquidという言語を編集でき、パーツやフロント画面のカスタマイズが可能
    前職では運用面で商品登録を担当しており、スプレッドシートを活用した効率的な商品登録も可能

  • ターミナル(CLI)

    ターミナル(CLI)

    説明

    コンピュータの操作を文字操作でコマンドを入力して行うもの
    （通常の操作はGUIと呼ばれるカーソル操作で行います。）

    具体的にできること

    基本的なコマンドを習得し、コンピュータ操作が可能
    コマンド入力で環境構築やインストール（各種言語やパッケージマネージャ、ビルドツール、Git、Dockerなど）
    インストールしたツールを使って作業の効率化や、情報取得
    リモート環境へ接続してコマンド操作（SSH接続）

  • パッケージマネージャー各種

    パッケージマネージャー各種

    説明

    ソフトウェアやライブラリ（パッケージ）を管理するツール
    プログラムを効率的に開発するために、必要なソフトウェアをインストール、更新、削除、依存関係の解決を自動で行います。

    具体的にできること

    Homebrew(macOSやLinux),npm(Node.jsやJavaScript系),Composer(php)での開発環境構築

  • Vite(ビルドツール)

    Vite(ビルドツール)

    説明

    モダンなフロントエンドビルドツールで、高速な開発サーバーとビルド機能を提供するもの

    具体的にできること

    ビルドツールはViteを使用した、モダンJavaScriptの開発
    今後はwebpackを用いた開発も学習予定

  • Git

    Git

    説明

    ソースコードのバージョン管理システム
    開発中のコードの変更履歴を追跡し、過去のバージョンに戻したり、複数人での共同作業を効率化するためのツールです。
    ローカルのリポジトリにコードを保存し、変更内容を記録することで、開発過程を管理できます。
    （リポジトリとは、バージョン管理されたコードやファイルを保存しておく場所）

    具体的にできること

    基本的なgitコマンドの理解
    実際のプロジェクトでのバージョン管理
    差分比較やログの閲覧、履歴に戻すといったようなことができます。
    ブランチを切ってmargeして分岐させながらプロジェクトを進めることも可能です。

  • Github

    Github

    説明

    Gitリポジトリをリモート環境にオンラインでホスティングするプラットフォーム
    （リポジトリとは、バージョン管理されたコードやファイルを保存しておく場所）
    ローカルでGitで管理していたコードをリモートリポジトリにアップロード（push）したり、リモートリポジトリからローカルに取り込む（pull）ことができます。
    また、リポジトリは「公開」にすることできます。公開状態であれば他の開発者のリポジトリでも、そのURLを通じてアクセスし、コードを閲覧したり、ダウンロード（clone）することが可能です。
    さらに、Gitの基本機能に加えて、コードの共有、チームでのコラボレーション、レビューを簡単に行うことができます。

    具体的にできること

    ローカルからリモートリポジトリへのコードのアップロード（push）や、リモートリポジトリから最新の変更をローカルへ取り込む（pull）
    また、他の開発者が公開しているファイルのダウンロード（clone）
    プルリクエスト、コラボレーター、レビューなどの機能も理解
    私のGitHubアカウントでは、このサイトのリモートリポジトリでコードを公開しています。以下のURLからご覧いただけます。
    https://github.com/ruto-okazaki/portfolio-project

  • Docker

    Docker

    説明

    アプリケーションをコンテナという軽量な仮想環境で実行するプラットフォーム
    これにより、アプリケーションとその依存関係をまとめて、異なる環境でも一貫して動作させることができます。
    開発から本番環境へのデプロイが簡単になり、共同作業時にはファイル一つでコマンドを実行するだけで、同じ開発環境を素早く構築できます。

    具体的にできること

    仮想コンテナ環境の理解
    基本的なdockerコマンドの理解
    docker,docker-composeの理解
    docker-compose.yamlの理解
    ローカルでの開発環境の構築
    前職では、Dockerを使ってローカルで開発環境を構築し、その設定を書いたdocker-compose.yamlとファイル一式を他の人に送り、共同開発を行っていました。

  • Photoshop

    Photoshop

    説明

    写真や画像を編集するためのソフト
    画像の合成や修正ができ、画像加工のほか、文字や図形を追加し、レイヤー機能やフィルターを使ってゼロから画像を作成することもできます。

    具体的にできること

    基本的な使い方
    画像加工やリサイズ
    バナー作成

  • Illustrator

    Illustrator

    説明

    ベクター画像（拡大しても品質が落ちない画像）を作成するのに適した、イラストやロゴ、名刺などを作成するためソフトです。

    具体的にできること

    基本的な使い方
    名刺作成
    ロゴ作成

  • AdobeXd

    AdobeXd

    説明

    UI/UXデザインのためのツール
    インタラクティブなプロトタイプを作成できるソフトです。

    具体的にできること

    ワイヤーフレームやデザインカンプの作成
    提案されたデザインカンプからの画像の書き出し
    簡単な画像加工、ロゴ作成

  • Figma

    Figma

    説明

    クラウドベースで使えるデザインツール
    オンラインでチームと共同作業しながらデザインを作成できます。
    リアルタイムでの共同編集が可能です。

    具体的にできること

    ワイヤーフレームやデザインカンプの作成
    提案されたデザインカンプからの画像の書き出し
    簡単な画像加工
    ロゴ作成

  • Notion

    Notion

    説明

    メモやタスク、プロジェクトを管理するツール
    メモやタスクを整理したり、データベースの機能を有した多機能なワークスペースアプリです。チームでの作業を計画するのに役立ちます。

    具体的にできること

    基本的な使い方

  • Dropbox

    Dropbox

    説明

    クラウドストレージサービス

    具体的にできること

    データの管理や共有

  • Googleドライブ

    Googleドライブ

    説明

    Googleが提供するクラウドストレージサービス
    Googleの他のツール（ドキュメントやスプレッドシートなど）との相性がよく、ファイルを保存・共有できます。

    具体的にできること

    データの管理や共有

  • スプレッドシート

    スプレッドシート

    説明

    Googleが提供する無料で使えるサービスで、Excelの代替として使用
    共同編集可能で、リアルタイム変更が可能です。

    具体的にできること

    基本的な使い方
    前職で、顧客や商品登録などで使用経験あり
    異なるファイル形式でのデータの取り扱い
    関数（例：VLOOKUP、SUBSTITUTEなど）の使用
    テンプレートに合わせたCSVの作成
    CSVデータのインポートやエクスポート
    データの整形やインポート先の仕様に合わせたフォーマット作成
    上記を用いた変換シートの作成
    エクスポートしたデータが意図通りになっているかを確認するために、関数を用いて機械的にチェックを実施

  • Microsoft Office 各種

    Microsoft Office 各種

    説明

    Word、PowerPoint、Excel

    具体的にできること

    Word,PowerPoint,Excel各種の仕様や基本的な使い方

  • ChatGPT

    ChatGPT

    説明

    文章生成AI

    具体的にできること

  • SEO対策

    SEO対策

    説明

    検索エンジン最適化の手法で、ウェブサイトの検索エンジン順位を上げるための戦略や技術
    検索結果で上位に表示されるように、サイトの内容や構造を最適化します。

    具体的にできること

    基本的なSEO、内部SEOの知見

  • HTML

    HTML

    説明

    ウェブページを構築するための基本的なマークアップ言語
    テキスト、画像、リンク、リスト、フォームなど、ウェブページの骨組みや構造を定義します。

    具体的にできること

    構造の理解をしているため、最適なコーディングを実装
    思い通りのコーディングが可能
    画像コーディングも対応可能
    命名規則(BEM記法)を用いた管理・効率の良いクラスの命名

  • CSS

    CSS

    説明

    ウェブページのスタイルやレイアウトを定義するためのマークアップ言語
    HTMLで構造を決めた後、CSSでその見た目をスタイリングします。

    具体的にできること

    デザイン通りの見た目に仕上げます。
    多少奇抜なデザインなどの対応可能
    レスポンシブにも対応
    アニメーションの実装可能

  • SASS

    SASS

    説明

    CSSの拡張言語
    変数やネストなどを使ってCSSを効率的に書き、管理できるようにします。

    具体的にできること

    ネスト、変数、関数の使用
    ファイルの分割
    私は現在、ほとんどのプロジェクトでSassを用いています。

  • JavaScript

    JavaScript

    説明

    ウェブページに動きをつけたり、動的な機能やインタラクションを追加するためのプログラミング言語

    具体的にできること

    基本的な文法の理解
    プログラムやUIやコンポーネントの実装
    モダンJavaScript対応
    現在、javascriptのフレームワークも学習中

  • TypeScript

    TypeScript

    説明

    JavaScriptに型付け機能を追加した拡張言語
    より安全で読みやすいコードを書けるのが特徴です。

    具体的にできること

    適切な型をつけて管理やバリデーションなどの実装が可能
    ジェネリックスやインターフェース、タイプの理解

  • PHP

    PHP

    説明

    サーバーサイドで動作するスクリプト言語
    動的なウェブページを生成するために使用されます。
    データベースとの連携も得意で、ウェブアプリケーションの構築に広く利用されています。

    具体的にできること

    PHPの基本文法や構文を理解
    WordPressテーマやプラグインのカスタマイズ、機能追加を行うためのPHPスクリプト

  • MySQL

    MySQL

    説明

    リレーショナルデータベースと呼ばれるデータベース構造で、データの保存と管理に使用されています。
    通常は、SQL文という言語を使って、コマンドラインから操作を行います。
    また、カーソル操作で直感的に画面で容易に操作できるphpmyadminがあります。

    具体的にできること

    データベースの概念や仕様、扱い方などは把握しています。
    取り扱いに関しては、phpmyadminを用いてデータの移行や内容の確認ができます。また、作成、挿入、抽出、更新、削除も行えます。
    SQL文を実際に使えるように学習しています。
    MySQLなどのデータベースと連携し、データの取得や保存を行う

  • WordPress

    WordPress

    説明

    ウェブサイトやブログを作成・管理するための、無料で使えるオープンソースのコンテンツマネジメントシステム（CMS）
    （CMSとは、管理画面を通じて簡単に編集・更新・管理・運用ができるシステム）
    主にブログやウェブサイトの作成・運営に使用され、プログラミングの知識がなくても、テーマを利用することで簡単にクオリティの高いサイトを構築できます。
    CMSの中で世界一のシェアを誇り、有名企業もこのプラットフォームを使用してコーポレートサイトなどを構築しています。

    具体的にできること

    要望に沿ったオリジナルテーマの制作
    プログラミングの知識がない人でも、管理画面から簡単に編集や更新、管理・運用（例: ページの追加、記事の更新、設定や権限の変更など）が行えるように構築
    投稿の制御や表示を思い通りにカスタマイズ可能
    投稿やアップされたデータの参照
    カスタム投稿タイプ、カスタムフィールド、プラグイン、その他各種機能の使用
    お問い合わせの実装やスパム対策
    運用保守

  • Shopify

    Shopify

    説明

    ECサイト（オンラインショップ）の構築と運営を簡単にするためのプラットフォーム
    プログラミングの知識がなくても、商品の登録、支払いシステムの設定、注文管理などを簡単に行えます。また、豊富なテーマやアプリを活用することで、機能を拡張したり、デザインをカスタマイズすることが可能です。

    具体的にできること

    仕様の把握
    前職でカスタマイズの経験あり
    基本的な管理画面の使い方や設定や更新
    shopifyで用いているliquidという言語を編集でき、パーツやフロント画面のカスタマイズが可能
    前職では運用面で商品登録を担当しており、スプレッドシートを活用した効率的な商品登録も可能

  • ターミナル(CLI)

    ターミナル(CLI)

    説明

    コンピュータの操作を文字操作でコマンドを入力して行うもの
    （通常の操作はGUIと呼ばれるカーソル操作で行います。）

    具体的にできること

    基本的なコマンドを習得し、コンピュータ操作が可能
    コマンド入力で環境構築やインストール（各種言語やパッケージマネージャ、ビルドツール、Git、Dockerなど）
    インストールしたツールを使って作業の効率化や、情報取得
    リモート環境へ接続してコマンド操作（SSH接続）

  • パッケージマネージャー各種

    パッケージマネージャー各種

    説明

    ソフトウェアやライブラリ（パッケージ）を管理するツール
    プログラムを効率的に開発するために、必要なソフトウェアをインストール、更新、削除、依存関係の解決を自動で行います。

    具体的にできること

    Homebrew(macOSやLinux),npm(Node.jsやJavaScript系),Composer(php)での開発環境構築

  • Vite(ビルドツール)

    Vite(ビルドツール)

    説明

    モダンなフロントエンドビルドツールで、高速な開発サーバーとビルド機能を提供するもの

    具体的にできること

    ビルドツールはViteを使用した、モダンJavaScriptの開発
    今後はwebpackを用いた開発も学習予定

  • Git

    Git

    説明

    ソースコードのバージョン管理システム
    開発中のコードの変更履歴を追跡し、過去のバージョンに戻したり、複数人での共同作業を効率化するためのツールです。
    ローカルのリポジトリにコードを保存し、変更内容を記録することで、開発過程を管理できます。
    （リポジトリとは、バージョン管理されたコードやファイルを保存しておく場所）

    具体的にできること

    基本的なgitコマンドの理解
    実際のプロジェクトでのバージョン管理
    差分比較やログの閲覧、履歴に戻すといったようなことができます。
    ブランチを切ってmargeして分岐させながらプロジェクトを進めることも可能です。

  • Github

    Github

    説明

    Gitリポジトリをリモート環境にオンラインでホスティングするプラットフォーム
    （リポジトリとは、バージョン管理されたコードやファイルを保存しておく場所）
    ローカルでGitで管理していたコードをリモートリポジトリにアップロード（push）したり、リモートリポジトリからローカルに取り込む（pull）ことができます。
    また、リポジトリは「公開」にすることできます。公開状態であれば他の開発者のリポジトリでも、そのURLを通じてアクセスし、コードを閲覧したり、ダウンロード（clone）することが可能です。
    さらに、Gitの基本機能に加えて、コードの共有、チームでのコラボレーション、レビューを簡単に行うことができます。

    具体的にできること

    ローカルからリモートリポジトリへのコードのアップロード（push）や、リモートリポジトリから最新の変更をローカルへ取り込む（pull）
    また、他の開発者が公開しているファイルのダウンロード（clone）
    プルリクエスト、コラボレーター、レビューなどの機能も理解
    私のGitHubアカウントでは、このサイトのリモートリポジトリでコードを公開しています。以下のURLからご覧いただけます。
    https://github.com/ruto-okazaki/portfolio-project

  • Docker

    Docker

    説明

    アプリケーションをコンテナという軽量な仮想環境で実行するプラットフォーム
    これにより、アプリケーションとその依存関係をまとめて、異なる環境でも一貫して動作させることができます。
    開発から本番環境へのデプロイが簡単になり、共同作業時にはファイル一つでコマンドを実行するだけで、同じ開発環境を素早く構築できます。

    具体的にできること

    仮想コンテナ環境の理解
    基本的なdockerコマンドの理解
    docker,docker-composeの理解
    docker-compose.yamlの理解
    ローカルでの開発環境の構築
    前職では、Dockerを使ってローカルで開発環境を構築し、その設定を書いたdocker-compose.yamlとファイル一式を他の人に送り、共同開発を行っていました。

  • Photoshop

    Photoshop

    説明

    写真や画像を編集するためのソフト
    画像の合成や修正ができ、画像加工のほか、文字や図形を追加し、レイヤー機能やフィルターを使ってゼロから画像を作成することもできます。

    具体的にできること

    基本的な使い方
    画像加工やリサイズ
    バナー作成

  • Illustrator

    Illustrator

    説明

    ベクター画像（拡大しても品質が落ちない画像）を作成するのに適した、イラストやロゴ、名刺などを作成するためソフトです。

    具体的にできること

    基本的な使い方
    名刺作成
    ロゴ作成

  • AdobeXd

    AdobeXd

    説明

    UI/UXデザインのためのツール
    インタラクティブなプロトタイプを作成できるソフトです。

    具体的にできること

    ワイヤーフレームやデザインカンプの作成
    提案されたデザインカンプからの画像の書き出し
    簡単な画像加工、ロゴ作成

  • Figma

    Figma

    説明

    クラウドベースで使えるデザインツール
    オンラインでチームと共同作業しながらデザインを作成できます。
    リアルタイムでの共同編集が可能です。

    具体的にできること

    ワイヤーフレームやデザインカンプの作成
    提案されたデザインカンプからの画像の書き出し
    簡単な画像加工
    ロゴ作成

  • TypeScript

    TypeScript

    説明

    JavaScriptに型付け機能を追加した拡張言語
    より安全で読みやすいコードを書けるのが特徴です。

    具体的にできること

    適切な型をつけて管理やバリデーションなどの実装が可能
    ジェネリックスやインターフェース、タイプの理解

  • Node.js

    Node.js

    説明

    サーバーサイドのJavaScript実行環境
    ウェブサーバーを作成したり、データを処理したりするために使います。ブラウザではなくサーバー上で動きます。

    具体的にできること

    React,Next.jsを併用しながら、モダンなWebサイトを構築できるように学習しております。

  • React

    React

    説明

    ユーザーインターフェースの構築を簡単にするためのJavaScriptライブラリ
    再利用可能なコンポーネントを使って、効率的にインターフェースを構築できます。

    具体的にできること

    Node.js,Next.jsを併用しながら、モダンなWebサイトを構築できるように学習しております。

  • Next.js

    Next.js

    説明

    Reactのフレームワーク
    サーバーサイドレンダリングや静的サイトの生成が簡単にできます。SEOやパフォーマンスの改善にも適しています。

    具体的にできること

    Node.js,Reactを併用しながら、モダンなWebサイトを構築できるように学習しております。

  • PHP

    PHP

    説明

    サーバーサイドで動作するスクリプト言語
    動的なウェブページを生成するために使用されます。
    データベースとの連携も得意で、ウェブアプリケーションの構築に広く利用されています。

    具体的にできること

    PHPの基本文法や構文を理解
    WordPressテーマやプラグインのカスタマイズ、機能追加を行うためのPHPスクリプト

  • MySQL

    MySQL

    説明

    リレーショナルデータベースと呼ばれるデータベース構造で、データの保存と管理に使用されています。
    通常は、SQL文という言語を使って、コマンドラインから操作を行います。
    また、カーソル操作で直感的に画面で容易に操作できるphpmyadminがあります。

    具体的にできること

    データベースの概念や仕様、扱い方などは把握しています。
    取り扱いに関しては、phpmyadminを用いてデータの移行や内容の確認ができます。また、作成、挿入、抽出、更新、削除も行えます。
    SQL文を実際に使えるように学習しています。
    MySQLなどのデータベースと連携し、データの取得や保存を行う

  • Shopify

    Shopify

    説明

    ECサイト（オンラインショップ）の構築と運営を簡単にするためのプラットフォーム
    プログラミングの知識がなくても、商品の登録、支払いシステムの設定、注文管理などを簡単に行えます。また、豊富なテーマやアプリを活用することで、機能を拡張したり、デザインをカスタマイズすることが可能です。

    具体的にできること

    仕様の把握
    前職でカスタマイズの経験あり
    基本的な管理画面の使い方や設定や更新
    shopifyで用いているliquidという言語を編集でき、パーツやフロント画面のカスタマイズが可能
    前職では運用面で商品登録を担当しており、スプレッドシートを活用した効率的な商品登録も可能

  • webpack

    webpack

    説明

    モジュールバンドラーで、JavaScriptやCSSなどのファイルをバンドルし、効率的なウェブアプリケーションを構築。

    具体的にできること

    今後学習予定

  • jest

    jest

    説明

    JavaScriptのテストフレームワーク
    プログラムが正しく動くかどうかを自動でチェックします。コードの品質を保つために使います。

    具体的にできること

    今後学習予定

  • AWS

    AWS

    説明

    amazonが提供するクラウドプラットフォーム
    サーバー、ストレージ、データベースなどのサービスをオンラインで提供し、スケーラブルなアプリケーションを構築できます。

    具体的にできること

    今後学習予定

  • Notion

    Notion

    説明

    メモやタスク、プロジェクトを管理するツール
    メモやタスクを整理したり、データベースの機能を有した多機能なワークスペースアプリです。チームでの作業を計画するのに役立ちます。

    具体的にできること

    基本的な使い方

  • Dropbox

    Dropbox

    説明

    クラウドストレージサービス

    具体的にできること

    データの管理や共有

  • Googleドライブ

    Googleドライブ

    説明

    Googleが提供するクラウドストレージサービス
    Googleの他のツール（ドキュメントやスプレッドシートなど）との相性がよく、ファイルを保存・共有できます。

    具体的にできること

    データの管理や共有

  • スプレッドシート

    スプレッドシート

    説明

    Googleが提供する無料で使えるサービスで、Excelの代替として使用
    共同編集可能で、リアルタイム変更が可能です。

    具体的にできること

    基本的な使い方
    前職で、顧客や商品登録などで使用経験あり
    異なるファイル形式でのデータの取り扱い
    関数（例：VLOOKUP、SUBSTITUTEなど）の使用
    テンプレートに合わせたCSVの作成
    CSVデータのインポートやエクスポート
    データの整形やインポート先の仕様に合わせたフォーマット作成
    上記を用いた変換シートの作成
    エクスポートしたデータが意図通りになっているかを確認するために、関数を用いて機械的にチェックを実施

  • Microsoft Office 各種

    Microsoft Office 各種

    説明

    Word、PowerPoint、Excel

    具体的にできること

    Word,PowerPoint,Excel各種の仕様や基本的な使い方

  • ChatGPT

    ChatGPT

    説明

    文章生成AI

    具体的にできること

  • SEO対策

    SEO対策

    説明

    検索エンジン最適化の手法で、ウェブサイトの検索エンジン順位を上げるための戦略や技術
    検索結果で上位に表示されるように、サイトの内容や構造を最適化します。

    具体的にできること

    基本的なSEO、内部SEOの知見

Profile

岡崎 流宇斗　オカザキ ルウト

  • 2001年2月7日生まれ(23歳)
  • 神奈川県川崎市出身,在住

趣味

ファッション
ジャンルはアメカジで、主にレザーやデニムのアイテムが好んでいます。
サブカルチャー
エンタメや音楽の鑑賞が大好きで、映画鑑賞・お笑い、音楽は昔のJ-POPや洋楽のロックをよく聴いています。
また、アメリカの文化や価値観が好きで、憧れがあり、実際に学生時代にロサンゼルスに旅行もしました。
バイク
アメリカンタイプのバイクが好きで、実際に学生時代に国産のアメリカンを乗っていました。いつかはハーレーを買うことを目標に日々努力しています。
スキー/スノボ
毎年、必ず行っています。

資格

  • ITパスポート
  • 日商簿記検定3級
  • 普通自動二輪免許/普通自動車免許

岡崎 流宇斗と申します。よろしくお願いいたします。

プロフィール写真は、お世話になっている古着屋さんの商品を私がモデルとして着用し、撮影していただいたものです。

前職ではWebデザイナーとして働いていましたが、デザインを専門に学んだわけではなかったため、主にフロントエンドエンジニアとして、画面の構築やサイトの運用に携わっていました。現在は、フロントエンドだけでなく、バックエンドも行えるエンジニアになるために、さらなるスキル向上を目指し、日々研鑽を積んでいます。

大学時代には、ゼロから独学でコーディングやCMS、デザインソフトの使い方、デザインやWebに関する知識を学び、実際にホームページ制作を一人で行いました。具体的には、デザインからサイトの制作、公開、運用までを担当し、「見やすさ」や「使いやすさ」を重視したUI/UXを意識して制作しました。

就職後は、ホームページ制作に加えて、LP（ランディングページ）やECサイトの構築・運用にも携わりました。また、チーム開発や業務効率化を目的としたツールの活用など、幅広いスキルを身につけることができました。インターン期間を含め、約1年の勤務経験を通じて、独学では学べなかった深いIT知識を得ることができました。

今後も、自分の未熟な部分を改善し、さらに知識を深めながら、フロントエンドとバックエンドの双方が行えるエンジニアとして実際のサイト構築や業務に貢献できるスキルを磨いていきます。IT関連の仕事で「この人に任せよう」と信頼されるよう、引き続き努力してまいります。

エンジニアの視点から、ITの知見を活かして業務効率化やサービスの発展に貢献できるよう努めてまいります。

Profile

岡崎 流宇斗　オカザキ ルウト

  • 2001年2月7日生まれ(23歳)
  • 神奈川県川崎市出身,在住

趣味

ファッション
ジャンルはアメカジで、主にレザーやデニムのアイテムが好んでいます。
サブカルチャー
エンタメや音楽の鑑賞が大好きで、映画鑑賞・お笑い、音楽は昔のJ-POPや洋楽のロックをよく聴いています。
また、アメリカの文化や価値観が好きで、憧れがあり、実際に学生時代にロサンゼルスに旅行もしました。
バイク
アメリカンタイプのバイクが好きで、実際に学生時代に国産のアメリカンを乗っていました。いつかはハーレーを買うことを目標に日々努力しています。
スキー/スノボ
毎年、必ず行っています。

資格

  • ITパスポート
  • 日商簿記検定3級
  • 普通自動二輪免許/普通自動車免許

岡崎 流宇斗と申します。よろしくお願いいたします。

プロフィール写真は、お世話になっている古着屋さんの商品を私がモデルとして着用し、撮影していただいたものです。

前職ではWebデザイナーとして働いていましたが、デザインを専門に学んだわけではなかったため、主にフロントエンドエンジニアとして、画面の構築やサイトの運用に携わっていました。現在は、フロントエンドだけでなく、バックエンドも行えるエンジニアになるために、さらなるスキル向上を目指し、日々研鑽を積んでいます。

大学時代には、ゼロから独学でコーディングやCMS、デザインソフトの使い方、デザインやWebに関する知識を学び、実際にホームページ制作を一人で行いました。具体的には、デザインからサイトの制作、公開、運用までを担当し、「見やすさ」や「使いやすさ」を重視したUI/UXを意識して制作しました。

就職後は、ホームページ制作に加えて、LP（ランディングページ）やECサイトの構築・運用にも携わりました。また、チーム開発や業務効率化を目的としたツールの活用など、幅広いスキルを身につけることができました。インターン期間を含め、約1年の勤務経験を通じて、独学では学べなかった深いIT知識を得ることができました。

今後も、自分の未熟な部分を改善し、さらに知識を深めながら、フロントエンドとバックエンドの双方が行えるエンジニアとして実際のサイト構築や業務に貢献できるスキルを磨いていきます。IT関連の仕事で「この人に任せよう」と信頼されるよう、引き続き努力してまいります。

エンジニアの視点から、ITの知見を活かして業務効率化やサービスの発展に貢献できるよう努めてまいります。

Thank you

最後まで私のポートフォリオをご覧いただき、誠にありがとうございます。
お問い合わせは、下記のボタンからフォームへアクセスいただけますので、そちらよりお願いいたします。

CONTACT

Top