SE（すみエンジニア）

# プロジェクト概要 レコメンドウィジェット型WEB広告サービス「X-lift（クロスリフト）」の設置に伴う業務。 ※該当サービスは撤退済のため、サービスサイトなし。 # 担当業務詳細 - 広告生成システムの管理画面を利用した、コーディング業務 - 広告導入先のデザインに合わせたCSSのコーディング - DOM操作の必要がある場合のJavaScriptコーディング - コンテンツ生成時に必要となるファイルをEC2上に作成する作業（Linuxコマンドを用いたファイル操作） - MySQLクライアントを利用したデータベースのメンテナンス　など。 ## 頑張ったこと - 業務の幅をひろげること。 - 入社時点で自信を持って提供できる技術はHTML/CSS/JavaScriptのみだったため、そちらの業務をメインで担当していました。 - しかし、業務の幅を広げるため、上司のサポートを頂きながら Git、Linuxコマンド、MySQL、AWSを習得し、習得後は、上記技術を使った業務にも携わりました。 - また、自主的にVue.jsやPHPも勉強し、理解を深めました。 - Vue.jsの学習では後述の業務で使うツール、PHPの学習ではリアルタイムチャットシステムを作成して学習しました。 - サーバーサイドには初めて触れたため、AWS、WEBサーバ、Ajax（Fetch API）、リレーション図の作成、ハッシュ化を用いたログイン機能、WebSocketを利用したリアルタイム通信など、たくさんのことを学びました。[（習得項目）](https://github.com/H40831/real_time_chat#%E7%BF%92%E5%BE%97%E9%A0%85%E7%9B%AE) - サービス撤退が決定したため当社に在籍中に習得した知識で貢献することはできませんでしたが、後の経歴にて基礎学習をしっかり行っていることが評価されました。 - 業務補助ツールの作成 - 業務上、CSSの :nth-of-type系の疑似クラスを使う事が多かったのですが、どのような指定をしたらどのように反映されるのかを頭の中で考えながら書き続ける非効率的だと思い、視覚的に確認できるツールをVue.jsで自主的に作成しました。[nth-of-type generator](https://h40831.github.io/nth-of-type-generator/)

# プロジェクト概要 趣味としてVue.jsとGoogleドライブAPIを利用したサーバーレスPWAアプリを開発中です。 試してみたいことを自己責任でトライ＆エラーできるため、業務での習得とは違った形で知識を広げることができています。 ## 頑張ったこと - GoogleドライブAPI公式ドキュメントを読んで実装に落とし込むこと。 - 自分は英語ネイティブレベルではなく、さらにGoogleのドキュメントはあまり読みやすい構成ではないと感じるため、苦戦しました。 - しかし、日本語・外国語問わずGoogleドライブAPIに関する情報が多くない状況なので、自力で読み解いて実装しています。 - Markdownライブラリの導入。 - Markdownライブラリの選択肢はあまり豊富ではなく、更にどのライブラリも日本語資料が少ないため、理解して実装するのに苦戦しました。 - どのライブラリにも痒いところに手が届かない部分があるため、オリジナルのMarkdownエディタを実装するべきかと悩みましたが、車輪の再開発になるので、既存のライブラリで補えない機能は自力で追加することにしました。