Welcome to
My Portfolio

AboutAbout

はじめまして、草苅 彩香(くさかり あやか)です。

【経歴】

2011年3月:立教大学 社会学部 社会学科 卒業

2011年4月〜2015年7月:飲料メーカー(営業職)

ドリンクディスペンサーやショーケースの営業担当として、新規の顧客開拓・既存の取引先への提案等に従事しました。

当時の営業部の課題は、なかなか新規顧客開拓ができないこと。

既存取引のほとんどが飲食店だったのに対し、「清涼飲料水は飲食店で販売する」という発想を転換することで、異業種への営業に成功しました。

この経験から「固定概念を捨て、柔軟な発想を持つこと」が身に付きました。

2017年12月〜2019年11月:電気機器メーカー(事務職 / 契約社員)

約50名いる部署のサポートスタッフとして、一般事務を担当。
予算・実績管理や工数管理・集計、社内勉強会の事務局など、幅広い業務に従事しました。

課題は、工数集計に余計な時間がかかっていた上に、計算が多く、人的ミスが発生しやすいことでした。

エクセルでの単純作業が多いことに着目し、VBAで効率化することで、作業全体の工数を約70%削減に成功しました。また、計算における人的ミスが減りました。

前任者から引き継いだ業務をただこなすのではなく、「常に考えて改善しながら仕事をする」ことが身に付きました。
もともとVBAの知識はゼロでしたが、詳しい人に教えてもらいながら行うことで「周りとコミュニケーションを取って問題を解決する力」も備わりました。

2020年1月〜3月:職業訓練(Java&Python講座)

ITパスポート試験対策、Java、SQL、Pythonを学習できる講座に3か月間通い、一通りの基礎を学習しました。

サーバーサイドの技術を習得することで、フロントエンドの理解がより深まりました。

また、通学中にITパスポート試験に合格することができました。

【コメント】

2019年1月からプログラミング学習を開始しました。

電気機器メーカー在職中、プログラミングを使って業務の効率化ができることを体験して以来、プログラミングに興味を持ちました。

現在はフロントエンドの技術やWebデザインを習得中で、開発工程を幅広く経験し、多くの人の役に立ちたいと考えております。

【学習した書籍】

・WordPressの教科書 Ver.4.x対応版
・Web制作者のためのSassの教科書
・Web制作者のためのGitHubの教科書
・ノンデザイナーズ・デザインブック
・なるほどデザイン

SkillsSkills

2019年1月以降に習得したスキルの一覧です。

HTML5

0からのコーディングが可能です。デザインカンプからのコーディング経験もございます。

CSS3

レスポンシブデザインでのページ作成、フレームワークを使用したページの実装が可能です。

JavaScript

基本的な文法、基礎知識は学習サイトで学習済。jQueryで動きのあるWebサイト制作が可能です。

WordPress

WordPressサイト運営、構築の経験があります。静的HTMLサイトのWordPress化が可能です。

Photoshop / XD

PhotoshopやXDの基本的な操作方法は習得済みです。デザインカンプからのコーディングが可能です。

Git

基本的なGitの操作ができます。制作したものは、GitHub上に公開しております。

gulp

コマンドラインの基礎、gulpの環境構築、Sassのコンパイルが可能です。

SEO

個人ブログを運営しており、SEOの知識があります。SEOを意識したサイト制作、記事執筆が可能です。

WorksWorks

2019年1月以降の制作物です。
クリックすると、詳細ページに移動します。

WordPress

ポートフォリオサイト(当サイト)

自己紹介やスキル、成果物を載せたポートフォリオサイトです。 開発の経緯 プログラミング学習してきたことをアウトプットするために作成しました。 ポイント ・ デザイン作成・コーディング・WordPress化を実施 ・成果物 […]

WordPress

WordPressの自作テーマ(企業サイト)

WordPressの練習として、自作テーマで架空の洋菓子店のサイトを作成しました。 » 「架空の洋菓子店のサイト」へのリンク 開発の経緯 WordPressの基礎が理解できたので、自作テーマ作りにチャレンジしました。 ポ […]

WordPress

WordPressの自作テーマ(ブログテーマ)

静的HTMLサイトをWordPress化しました。 » 練習用ブログテーマへのリンク 開発の経緯 「東京フリーランス」 のプログラミング学習のオンラインコミュニティに所属しており、静的HTMLサイトをWordPress化 […]

コーディング

デザインカンプからのコーディング(XD)

Adobe XDのデザインカンプ、コーディング仕様書を見ながらコーディングを行いました。 » サイトへのリンク 開発の経緯 「東京フリーランス」 のプログラミング学習のオンラインコミュニティに所属しており、 Adobe […]

コーディング

デザインカンプからのコーディング(Photoshop)

Adobe Photoshopのデザインカンプからコーディングを行いました。 » サイトへのリンク 開発の経緯 実務で使うことの多いPSDデータからのコーディングの練習のために、制作しました。 こちらのサイトからPSDデ […]

Javascript

テキスト変換ツール

メモ帳やWord、Googleドキュメントで作成した文章を、HTMLテキストに変換するツールです。 変換したいテキストを貼り付けると、自動変換されます。 » 「テキスト変換ツール」へのリンク 使用中の動画 開発の経緯 私 […]

Python

マルバツゲーム

Pythonのみを用いて制作したマルバツゲームです。 実行中の動画 開発の経緯 職業訓練で学習したPythonの知識を定着させるために、簡単なゲームを作成しました。 ポイント ・縦・横・斜めのいずれかに同じ記号が揃えば勝 […]

コーディング

模写制作

「iSara[イサラ]」のサイトを模写コーディングしました。 開発の経緯 コーディングの練習のために、模写コーディングをしました。 ポイント ・ Chrome拡張機能「PerfectPixel」を使用し、ピクセルパーフェ […]

BlogBlog

2019年2月から個人ブログの運営を開始しました。» ブログへのリンク
ジャンルはプログラミング・おすすめの本などで、最高PVは20,000PV/月。
SEOやWebライティングの知識が得られました。
GoogleアナリティクスやGoogle Search Consoleを使用して、サイトの分析もしております。

プログラミング学習で学んだことをまとめた記事の一覧です。

Bootstrapのテンプレート「Canvas」の使い方を解説した記事です。
「bootstrap canvas テンプレート」、「canvas テンプレート 使い方」というキーワードで検索順位1位を獲得。
多くの方から参考になったというコメントをいただいております。

プログラミング学習をアウトプットするため、ブログテーマ「Cocoon」にソースコードを埋め込む方法の解説記事です。
ただ埋め込むだけでなく、左上に何のコードなのかをわかりやすいようにカスタマイズしました。
「cocoon ソースコード」というキーワードで検索順位4位を獲得。

「Web制作者のためのSassの教科書」で学んだことをアウトプットしました。
他人に教えるように記事にすることで、知識が定着しました。
また、この本でSassの便利さを知り、Sassを使うようになりました。

Sassを学んだあとに、Gulpで自動コンパイルする方法を学びました。
非常に便利だったので、環境構築からの手順をまとめました。
さらに、Gulpでブラウザ自動更新をしてコーディングを効率化する方法についても学び、アウトプットしました。

「wow.js」と「Animate.css」を使用してサイトに動きを出す方法を学んだので、アウトプットするために記事を書きました。
「CodePen」を使用してデモを埋め込み、視覚的にわかりやすいように工夫しました。

「Web制作者のためのGitHubの教科書」で学んだことをアウトプットしました。「GitHub」で自分自身がつまづいた経験を踏まえ、わかりやすくまとめました。
①Gitのインストール、②GitHubへのpush、③cloneからpushを解説しています。

初めて「もくもく会」に参加した感想や当日の内容をまとめました。
普通のもくもく会とは違い、転職相談やエンジニアの先輩方の講義を聞くことができ、参加者同士の交流をメインにしているもくもく会でした。
とても有意義で、私もいずれ主催側にまわってみたいと考えております。

ContactContact

必須お名前

 

必須メールアドレス

必須お問い合わせ内容