インターン
ブログ

こんにちは、塚原です。

今日は１回目のインターン最終日です。
作業では前回の続きで、ポップアップを消したら１日間表示しないように設定をする作業をしていました。
前回local storageに1日後の日付データを保存することができ、今日は表示、非表示の設定を行いました。
表示はTypeScriptで操作し、非表示はvue.jsで非表示にするという流れで、非表示にした際に1日後の日付データを保存していきます。

非表示では、前回である程度完成していたのもあり、すぐに終わらせることが出来ました。
元々のコードにあった@clickを活用し、クリックされた際、非表示にしながらlocal storageに1日後の日付データを保存というコードを作成し、実際に動作するかlocal storageを削除しながら進めました。

表示ではlocal storageにあるデータと現在の日付と時間を比較して、local storageにあるデータより前だったら表示しない、あとだったら場合とlocal storageにデータが無い場合は表示するという流れで作成しました。
作業が進み、大まかに完成したら動作確認をしていたら、表示されたり表示されなかったりというよくわからないエラーが発生しました。エラーの原因は表示設定の条件分岐前にapiを読み込んでいたからためだったようで、条件分岐の後にapiを読み込むコードを配置したら直りました。

作業が思いのほか早く終わったので、次回のインターンに向けて残り時間をPythonの勉強に当てていました。
vue.jsの方ではまだ知識不足があり、作業をする際時間が掛かってしまうものの、ある程度はできているのでPythonの方を勉強に注力しました。

Pythonの勉強の方では参考書を読んだり、Pythonのチュートリアルをやりながら、何ができて何ができないのか、どこが難しいのかを洗い出しました。今回洗い出した物とvue.js＋TypeScript関連の勉強を次回インターンまでにしっかり勉強しようと思います。

次回も楽しんで作業をしていきたいです

こんにちは、塚原です。

今日の作業では、ポップアップを消したら１日間表示しないようにする設定をメインにポイント残高ページのコードの修正を少し行っていました。
local storage上に消した時から１日後の値を保存して、ページを表示するたびにその値と現在の時間を比べて表示、非表示を判断するというやり方で作っていますが、vue + TypeScript というインターンを始める前までは使っていないものなので、難しかったです。

現状では、local storage上に１日後の値を保存するやり方は概ね理解できたので、明日では表示、非表示の方も取り組んで行きたいです。

次回も楽しんで作業していきたいです。

こんにちは、塚原です。

今日はポイント残高ページの修正とPythonの作業を始めました。

ポイント残高ページの修正では、条件分岐で行っていたコードの修正の修正や新たなボタンをマイページに追加するなどの作業を行いました。

Pythonの作業では、ポップアップの表示をランダムで表示するといった内容をしていました。
Pythonのコードに慣れていないのでしっかり勉強をしようと感じた１日でした。

次回も楽しんで作業をしていきたいと思います。

こんにちは、塚原です。

今日は、前回も行っていたポイント残高ページの改修作業と新たにモーダルウィンドウの一部修正をしていました。

ポイント残高ページの方では、pagenationの設置と設置した際のコードの調整をしていました。
とりあえずpagenationを設置するために、改修する前のデータを参考に設置してコードも調整したのですが、
なぜか、pagenationが表示されないという自体に陥りました。
apiの方を確認したところ、ページネーション用の部分がnullになっていて値を取得できていないので、非表示状態になっていたようです。その後、api自体を直してみたら問題なく表示されました。
ですが、元のコードのままでも問題なく動き、新規で作ったアカウントで試しても元のコードで問題なく動いたので、なぜnullになっていたのか再現できませんでした。

モーダルウィンドウの一部修正ではモーダルウィンドウのボタンをhoverした際、文字に下線が表示されてしまうので、その下線を消すのとhoverした際のボタンの背景を変更しました。
背景変更は問題なくできていたのですが、文字の下線の方では、text-decoration: noneで下線を消すのは知っていたので試していたのですが、なかなか消えないなと思っていたら、ボタンの方ではなくリンクの方で適応しなければいけないと気づきました。おかげでその部分だけで結構な時間を取られました。

次回も作業を楽しみながら、頑張っていきたいと思います。

こんにちは、塚原です。

現在、マイページのポイント残高ページの改修を行なっています。

作業をしていく際、変更を保存したままエディターを閉じてしまい、command⌘+ z で戻せなくなってしまい、gitの方から変更を戻そうと頑張ったら、別フォルダーで戻そうとしてしまいました。
結局、間違えていたフォルダーでエラーが発生してしまいフォルダーをもう一度環境構築して、戻そうとしていたフォルダーも戻しました。

ポイント残高ページの改修の方では、Django REST frameworkで作成したapiのデータをvue.jsでレイアウトなどの調整をするという手順で進めていきました。
レイアウトの調整などは終わったのですが、1つのファイルでtemplateの中身やscript、styleなどを設定したのもあり、コードが長くなってしまったので、1部のコードをcomponent化して、
見やすくしました。

また、ポイントの有効期限などの表示の際、Moment.jsを使いました。
日付がYYYY-MM-DDのような形だったのをYYYY年MM月DD日のような形にフォーマットしたり、有効期限の設定の際に日付の差分を出すので diff を使い差分を出した後、ifで条件分岐させ、日時分の表示が出るようにしました。
ですが、残り日数の設定がしっかり設定していなかったので、いつの間にか if から外れていてすぐに修正しました。

次回も作業を楽しみながら、頑張っていきたいと思います。

はじめまして、インターンをしている塚原です。

インターンが始まり、環境構築と漫画全巻ドットコムのマイページの改修をしました。
環境構築は主に、PHP、Nuxt、Python(Django)の環境設定をしました。
環境構築は、何度か経験したことがあるのですが、たびたびエラーが発生してしまいうまくいかないことが多かったですが、
解決するまできちんと教えて頂けました。

環境構築ができ、操作もある程度できるようになった際、マイページの改修の方を行って行きました。
マイページの改修ではポイント残高ページの方を改修するということで、使ったことがない『Vue.js』でデザインや表示する内容を変更するので、しっかりできいるか不安でした。

改修作業を始めて、HTMLやCSS、JavaScriptなどを使った経験があったのですが、わからない部分が多々あり、作業の進捗自体は遅くなってしました。
ですが、わからない部分があれば教えてもらい、スムーズとは言えないものの作業は進められました。

作業を進めるにあたって、Vue.jsやGit関連、Bootstrapなど覚えることは沢山ありますが、次回も作業を楽しみながら、頑張っていきたいと思います。

大学を卒業しなければいけない（研究室に戻る）関係でしばらくお休みします。
テストをすべて終わらせることが出来ず先輩に引き継ぐ形になりました。
個人開発でテストは書いた経験がありますが、DBをどこまで準備すれば良いか？等の違った難しさがありました。

改めて自分はまだまだ未熟であると共にもっと多くのことを学ばなければいけないというモチベーションになりました。
短い間でしたが、先輩方に丁寧に教えていただける素晴らしい環境で実務のイメージを掴んだり様々な気づきを得る非常に有意義な時間でした。

今日はテストをメインに取り組みました。

テストの書き方を覚えるだけでなく、どの程度まで詳細にテストして、テストデータを揃えるのかまで考えないといけなかったので、案外難しかったです。

気づけばインターン２０日目に到達してしまいました。

大学生という貴重な時間をインターンに費やすのは人によっては「勿体ない」と思うかもしれませんが、早い段階から働くイメージを掴んだり、学ぶべきことを把握するという意味では非常に有益なんじゃないかと個人的に思っています。

実際のところ、働くイメージも学ぶべきこともなんとなく掴めてきて残りの学生生活を有意義に過ごせそうです。

今日でおおよそAPIの実装が終了し、テストコードに取り掛かり始めました。
単体テストの書き方にはまだ慣れてないので今日の夜しっかりインプットして明日一気にアウトプットして行きたいと思います。

今日も引き続きAPIの作成に取り掛かりました。

最初に実装したコードをアレンジするだけだったのでスムーズにすすめることが出来、ひとまず出来たところまでプッシュしました。

今日で一通り、歴代の発行部数を表示するAPIとそれに相当する画面の作成が終了しました。

今実装しているAPIはモバイルでも使いたいらしいのでフロントは一旦置いておいて、APIを作成することに注力していきます。

今までは先輩に色々聞きながらすすめる形でしたので前より自力で実装できるように頑張りたいです。

今日は月1で行われる開発部の発表会があり、各自今月開発した成果物の発表を行いました。
内容としては少々難しく理解に苦しむ部分もありましたが、非常に学びのある有意義な時間となりました。

今日は既存のコードを読み込むことがメインとなりました。

大規模なアプリなのでデバッカーを駆使して一つ一つ値を確認していくような地道な作業でしたが少しずつ全体像が理解できてきました。

前回実装したAPIに相当するフロントエンドを実装しました。
といっても、以前先輩方が作ってくれたコンポーネントにAPIをあてはめるだけでしたさほど、難しいことはありませんでした。
ただ盲目的に利用するのではなく、コードを理解した上で再利用しようと務めました。
コードの内容を理解することが非常に勉強になりました。

DBをsequel proでチェックしたり、pycharmのコードジャンプ機能ですでに実装されてる機能やDBを確認して少しずつ感覚が掴めてきました。
先輩方に教えてもらってギリギリ食らいついてるような状況なので土日もdjangoの勉強を頑張りたいと思います。
ちょうど、リーグ運営に使うツール（リーグ表、試合、得点分析）等ができるアプリケーションを作ってみたいなーと思ったので時間があったら作ってみたいと思います。

先輩方の助けもあって無事環境構築が終わり実務に突入しました。

ランキングページを作成するにあたり、DjangoでrestfulAPIを作りはじめました。
今日は仕様の確認や使っているツールについて調べていたためあまり先には進めませんでしたが、明日からしっかり本腰をいれて頑張りたいと思います。

結局解決口を見つけることができなかったのでmacを初期化することにしました。
今までの頑張りがすべて消えてしまうような気がして躊躇ってしまいましたが、もっと早めにしてもよかったなと思っています。（暴落してる株で損失が出てる状態で損切りできずにずるずるホールドしてしまう心理状況に近いですね）

なんだかんだ５日間環境構築をすることになってしまいましたが、次回から少しずつ実務に入っていけそうでワクワクしています。

未だに実務に入るための環境構築が終わっておらず奮闘してました。こういうのも一つの勉強なのかもしれませんが、わけが分からなすぎる＆不毛な時間を過ごしている感があって非常に辛いです。来週はPCを初期化してでも実務に入れるよう頑張りたいと思います。

最近、若者の間で流行ってるらしいという噂を耳にして東京リベンジャーズというアニメを見ているのですが、色々ツッコミどころ（「警察ちゃんと仕事しろ」）があって面白いですね。
今後もアニメや漫画のトレンドを追えるよう少しずつnetflixを消化していきたいと思います。

一昨日戦術ボードアプリをFirebase Hostingでデプロイしてリリース致しました。Twitterでそこそこ反響もあり2日で200人近くの人がアクセスしてくれて良いモチベーションになりました。また、先輩方にコードレビュー等のフィードバックも頂き非常に勉強になるとともに、サービスを開発する上で非常に頭を悩ませていたところに対して素晴らしい解決策を提示して頂き、次やるべきことが明確になりました。

ドラッグアンドドロップ系のアプリで複雑のものを作りたいのであればDOMのabsolute指定して動かすより、canvasで描画する構成の方が処理速度やレスポンシブ対応的観点から優れているというのは非常に勉強になりました。

次回から少しずつ実務に入っていくので、この続きは個人開発でやっていこうと思います。

domの座標を変更しても描画されないバグが解消されず、半分諦め独自のライブラリを作る方向性にシフトしました。

（おそらくライブラリの中に問題があると推定）

とりあえず最小限度の機能しか出来ていませんが、一度リリースしてみて世間の反応を見たいと思います。