Kiku's Portfolio

フロントエンドエンジニアを目指している
マークアップエンジニア・Kikuのポートフォリオサイトです。

ABOUT

Kikuについて
Kikuのアイコン

Kiku

Markup enjineer

1992年生まれ、生まれも育ちも沖縄県です。

フロントエンドエンジニアを目指している、マークアップエンジニアです。

色んなWeb制作ができるようになりたいと思ったことがきっかけで、フロントエンドエンジニアを目指すようになりました。

コード触るの、結構好きです。

2020/12/01〜転職活動中...です...(^ω^)

Time line これまでの経歴

close

POSSIBLE & SKILL

出来ること、使用できる言語やツールなど

PORTOFLIO

実績と個人制作

Work実績

2018 - 2019

以下URLから確認できます。

https://book.plan-b.co.jp/people/144/

2019 - 2020

  • 他社サイト作成

  • 自社メディアサイト改修、更新

  • 記事内画像作成

  • 動画ナレーション

を担当しました。
こちらの実績内容は該当サイト(ページ)のURLをお送りいたしますので、お気軽にお問い合わせください。

Product個人制作

Kiku's Portfolio
Kiku’s Porfolio

  • HTML5 / SCSS / JavaScript(ES6)

  • テンプレート：
    Percolator
    アイコン(別窓)：
    ICOOON MONO
    アイコン(言語、ツール)：
    Devicon

JavaScriptの学習も兼ねて、追従ヘッダーの効果付けやモーダルウィンドウの作成、「Time line」や「POSSIBLE & SKILL」のリストをVue.jsで作成してみました。

レスポンシブ対応済みです。

close
Kiku's Portfolio
個人制作 プロフィールページ

Twitter用のプロフィールページです。

プロフィールページということで、head内の記述は最低限のものだけにしています。

レスポンシブ対応済みです。

close
個人制作 ブログサイト
個人制作 ブログサイト

以前デザインの方の個人制作で公開していたものを、コーディングして形にしてみました。

head内の記述は最低限のものだけにしています。

PHP以外の方法でファイルのインクルード方法を探していたら、jQueryで可能とのことだったので、footerとサイドメニューの表示はそのように対応しました。

元々headerもインクルードできるようにしていましたが、ハンバーガーメニューに影響が出てしまったので、除外しました。

エラーの原因・改修はまだ弱いな〜、と痛感した個人制作でした。

close
個人制作 Todoリスト
個人制作 Todoリスト

  • HTML5 / CSS / JavaScript

  • アイコン(ゴミ箱)：
    ICOOON MONO

JavaScriptを使った制作物を作りたい、ということでTodoリストを作成しました。

データベース不使用のため、ローカルストレージにタスクが残るようにしています。

リロードした際、タスクが復活することがあるので、完全削除は履歴を全て削除することをオススメします・・・。

close
個人制作 クイズ
個人制作 クイズ

  • HTML5 / CSS / JavaScript

  • 参考動画：
    YouTube

参考動画を元にクイズを作成、問題文やデザインを自分でいじってみました。

クイズの内容ですが、すごく趣味丸出しです。

全シリーズ制覇はしていませんが、ガンダムではUCが好きなので、それに関連するクイズにしています。

正誤判定は画像で行いたかったのですが、うまく出来なかったので参考動画と同じようにポップアップにしました。

次は画像で正誤判定できるクイズを作成出来たらな〜、と考えています。

close

CONTACT

お問い合わせ

お手数をお掛けしますが、ツイッターのDMから
ご連絡よろしくお願いいたします。