インターン
ブログ

TORICOインターン生のブログです。会社で起きたことについて情報発信していきます。

カテゴリーの投稿を見る

【インターン7日目】UI

前回のブログで土日にリリースすると言っていましたが、デプロイ後に友達に成果物を見せたところ想像以上に他の端末でのUIが崩れていたことから見送りました。

来週には必ずリリースしたいと思います。

今現在はオブジェクトのデータをデータとして保管する作業をしています。いきなりスマートな書き方をするのは苦手なので、まずは冗長になってもいいので手を動かし、規則性がつかめてきてから抽象化するようにしています。大学受験の数列や整数の問題でもまずは具体例を書き出してから数式に落とし込むような解き方をしていたのでこのやり方がとてもしっくりきます。

ある程度道筋は見えてきたものの、結構面倒な作業が多いので明日、明後日で一気にやりきりたいともいます。

【インターン6日目】canvasの導入

継続して休みの日や電車の通勤でVue/Nuxtを勉強中です。僕は新しいことを学ぶときって凄いパワーが必要だと思います。ノロノロ勉強しててもあまり身につかない&無駄になった経験が今まで多かったので、やるときは勉強密度を極限まで高めることが結果的に自分が楽になるのではないかと思ってます。

そういうことを意識して今は力を入れてますが、卒業に向けた研究に戻ったら、一切web開発をやらなくなるかもしれません。
今日はcanvasを使って戦術ボードにペンで書き込む機能&クリア機能を追加しました。またそれぞれにショートカットを割り当てて、アプリとして形にはなってきました。 デモ動画
とりあえず土日に一度リリースしたいと考えています。

今日はお昼の僕のルーティンを紹介したいと思います。それはお昼寝です。
僕自身、お昼休憩において健康的な食事と仮眠は非常に重要だと考えています。
10分〜15分程度の昼寝をパワーナップといって人間の3時間程度の睡眠に匹敵する脳の急速になると言われています。
まー脳科学は少し胡散臭いのでそこまで鵜呑みにはしていませんが、僕が大学受験のときに毎日この15分の昼寝を意識することで高い集中力を維持出来た経験から、実体験として信じてます。なので、私はオフィスに枕を持参してどんなに眠くなくても強引に寝るようにはしてます。

ただ、昼寝をしたいけど、お昼寝をすると先輩とご飯にいけなくなるというデメリットがあるのでトレードオフだなーと思ってます。

なので最近は、お弁当のテイクアウト(500円)でぼっち飯してます。

お店に入って食べると1000円するご飯が約半額で食べれてしまうテイクアウトはおすすめです。(コンビニより圧倒的に健康的)

【インターン5日目】抽象化

【開発】

今日は新規機能をつくるというよりかは既存のコードの整理(抽象化)にフォーカスしました。
今までは、なんとなく「こうしたら出来るかな?」という感じで軽く作っていたため、コードやファイルがぐちゃぐちゃでした。
そのためコンポネントやファイルの構成から見直して根本的に書き換えるような作業がメインとなりました。(テストは書いていません)
ちなみに自分は部屋の掃除が好きなせいか、抽象化は割と好きです笑
また、Typescriptについても軽く勉強したので次回から導入していきたいなと考えています。静的型付け言語を本格的に使ったことはないので少し敬遠しましたが、Javascritpに少し草が生えた程度らしいので難なくキャッチアップできそうです。

出来上がった戦術ボードをスクリーンキャプチャで撮影したのでリンクを貼っておきます。
レスポンシブ対応には出来てないのがかなり致命的ですが、オブジェクトの位置をレスポンシブに対応させるのはかなり高度な技術が必要なため、後回しにしたいなと思っています。

追加したい機能としてはCanvasによるお絵かき機能、オブジェクトの生成&削除、フレームの保存、リアルタイム共有機能、ユーザー登録など色々ありますが、Pythonでバックエンドも作らないといけないので優先順位を決めて早く実務に入れるよう頑張りたいと思います。

【インターン4日目】成果物のお披露目

前回のブログで宣言したとおり、土日にそこそこ勉強しました。 特に電車の時間では会社で借りたvueの本を集中して読み込んでました。
ただ、インプットが多すぎて頭の中で情報がうまく整理出来てないため、ここからアウトプットで落とし込んでいく作業になります。

課題で作っているアプリはフットサルの戦術ボードアプリです。
僕はプライベートでフットサルの戦術ブログを鬼のように書いてるようなフットサルオタクなので、このアプリがずっと欲しくて仕方なかったです笑
また、作りたいアプリがあるのが土日に勉強できた一つの要因でもあります。やはり、「自分が作りたい!」と思えるものがあるとモチベが圧倒的に変わるので、プログラミング勉強してる方にはおすすめです!

こちらがフロントです。 コマをドラッグ&ドロップで操作できます。
1日中格闘した結果、ある程度フロントは形になってきました。細かいことはまた後日書きたいと思いますのでお楽しみに!


【インターン3日目】はじめてのvue.jsとnuxt.js

【開発】
メンターさん(先輩社員)がコロナワクチンでお休みだった関係で、環境構築はある程度のところで断念し、課題に取り組み始めました。

課題の内容はwebsocketを使ったリアルタイムで同期できるアプリケーションの開発です。(バックエンドはDjango、フロントエンドはNuxt.js)

その準備として今日はvue.js,nuxt.jsを勉強しました。
vue.jsの細かいところはまだ全然抑えられていませんが、実際に手を動かしてnuxt.jsの仕組みと全体像はある程度おさえることが出来たので、簡単なアプリであればギリギリ作れそうです。(遊びでReactを少し触ったことがあったので、その知識が少し役立った気がします。)
Vueの公式ドキュメントは山盛りで、全部やってたらきりがないので、実務等のアウトプットを通じて覚えていくのが無難だなーと感じました。
だからこそ基礎知識をおさえて早めに実務に入れればと思います。
土日や通勤の時間も有効に使って勉強していきたいと思います。

【お昼ごはん】
今日はナンカレーを食べに行きました!
僕はナンが好きすぎる&ナンカレー屋のカレーは美味しくない傾向にあるので、いつもカレーをつけずにナンを食べてしまう傾向にありますが、今日のカレー屋さんはしっかりナンにカレーをつけて食べたくなる美味しさでした笑

しかし、ナンをおかわりし放題だったので食べすぎて眠くなってしまいました。お昼を食べると眠くなりやすい体質っぽいので、お昼ごはんを早めに切り上げて10分くらい仮眠をとりたいなーと思った1日でした。

【インターン二日目】終わらない環境構築と奮闘

本日も環境構築をメインに行いました。
先輩に質問しすぎて大切な時間を奪って申し訳ないなーと思いながら奮闘しました。

僕自身、環境構築が一番苦手で就活のときに「このアプリを作ったときに一番苦労したことはなんですか?」という質問に対して

環境構築」と言っていました。

コードが書けない退屈な状況から早く抜け出したいところですが、残念ながら3日目も環境構築をせざるを得なくなりそうです。

お昼は先輩方にお昼ごはんに連れてっていただき、たくさんコミュニケーションを取ることが出来非常に有意義な時間となりました。
会社周辺には美味しいご飯屋さんがたくさんあるみたいなので今後も楽しみです。

インターン初日

はじめまして。

本日から内定者インターンをさせていただく高津と申します。
新卒ながら、幅広い経験が出来る&技術スタック(Python,Flutter)等の理由から内定承諾させていただきました。
趣味はフットサルで今も尚フットサル部に所属しています。

本日は初日ということもあってPCのセットアップと環境構築がメインでした。

次回は少しでもコードが書ければと思います。(社員さんとのコミュニケーションもとれるように頑張りたいですね。)

今後ともよろしくおねがいします。

インターン20日目(最終日)

こんばんは、インターン20日目(最終日)を終えた鈴木海人です。



少し前まで、ダウンと手袋がなければならないほど寒かったのに、
最近は急にあったかくなってきました。
4月なので当たり前かもしれませんが早いなあ。。。
ボーッとしていたらすぐに夏になりそうです。



本日は、Vue.jsの環境構築を行い、その後チュートリアルを進めました。
Vue.jsの環境構築は、node.jsの環境構築ができていたため
そこまで苦戦するようなところはなく終わりました。
環境構築は基本的に毎回苦戦するので助かりました。
チュートリアルですが、以前vueは少し触ったことがあったので
最初の方は、スムーズに理解することができました。
しかし、コンポーネントのあたりから触ったことがなく苦戦しています。
一つづつ記述しながらどこを変更すればどのように画面が変わるのか確認しながら
進めています。
以前は、調べて文章を読んでわからなかったら、他の人に質問したり
もっと簡単そうなサイトを探していましたが、
このような勉強法にしてからしっかり自分で考える時間が増えて理解力が上がった気がします。


今日で2月から始めたインターンが終わりました。
20日ほど出勤し、その間にpython、node.js(express.js,socket.io)、bootstrap、vue.jsに触れました。
大学時代に比べてだいぶ密度の濃い時間を過ごせました。
入社前にインターンに参加できてよかったです☺️
明日から入社し、社会人になりますが今以上にいろいろやることがあると思うので
早く一人前になれるように明日からも頑張ります。

インターン19日目

こんばんは、インターン19日目を終えた鈴木海人です。



先週の25日に卒業式を終え、ついに学生生活を終えました。
とりあえず4年で卒業できてよかったです笑
昨年は、コロナで色々バタバタしていましたが、内定をいただき、大学も卒業できて本当によかったです。
22年間長かったようで短かったなあ...
もう学生じゃないと考えると少し寂しいです。。。
そして、あと二日で社会人になるのは、いまだに実感がありません。。。



本日は、前回行っていたbootstrapの勉強でサイトの模写の続きをおこないました。
collapse、row、colやbtnなど今まで使用したことがなかったbootstrapの便利な機能
を適宜調べて、実際に使用して完成させました。
cssをほとんど記述せずに完成させ得ることが出来るbootstrapめちゃめちゃ便利!
まだ完全に理解していない部分もあるので適宜復習しながら覚えていきます。


入社まであと2日!


インターン最終日

こんにちは。23日目を終えた清瀬です。

今日は主にクッキーに関わるタスクをさせて頂きました。

コードを書き直すということで、他の部分に影響が出ないかを慎重に確認することに

想像以上に時間がかかりました。でもこれをしないと思わぬエラーを招いてしまうので、

大事なステップだったかなと思います。

そして、タイトルの通り今日がインターン最終日です。

来週の月曜はおやすみをいただいているため、

次は4月1日、新社会人として出社します。

新社会人として、今まで以上に頑張っていきたいと思います。

インターン18日目

こんばんは、インターン18日目の鈴木海人です。



今日は不意に自転車で通える距離だし、家に帰って昼ご飯食べられるんじゃないかと思い
昼休みに家に帰って、家で昼ごはんを食べました。
ただただ疲れて、ゆっくりできず、あまりご飯も食べられませんでした。
多分もう二度としません笑




本日は昨日残っていたバグを解決し、やっとビンゴゲームを終わらせることができました。。。
だいぶ時間をかけてしまいましたが知識はついたと思うので前向きに行きます

今現在はbootstrapを使用してサイト模写を行っています。
これまでcssを使用して何かを作るときはwidth,heightを多用していましたが、
サイズを変えても問題ないようにweight,heightは使用せずにpadding,marginを使用しながら進めています。
bootstrapには初期設定でがcontainerやメディアクエリが初期装備されており便利だなあと感じました笑


慣れない作り方ですが、これから作業を行うときはこのやり方が主流になってくると思うので
今回の模写でマスターできるよう頑張ります。

21日目

こんにちは、21日目を終えました清瀬です。

1週間おやすみを頂いていたため、久しぶりの出社となりました。

本日はSQLのタスクをいくつかと、その後にDjangoと睨めっこをしていました。

Djangoは多くの機能を備えてくれているため、簡単に機能を実装できます。

そのおかげで自分のような素人でもウェブアプリケーションが作れるようになっているのですが、

今回はそれが落とし穴でした。

自分のような素人にとってはDjangoは雲の上の存在であり、まさかバグなどあるはずもないと思っていました。

そのため、どうやって解決しようかと必死に調べたのですが、なかなか上手な方法を発見することができませんでした。

ついにギブアップして相談してみたところ、Django側に問題があるかもしれないということでした。

簡単にできる解決方法も提案して頂きましたが、「Djangoを書き換えてみたら?」という

素人には天地がひっくり返っても思いつかない提案をしていただいたため、

木曜日に挑戦してみたいと思います。

インターン20日目

こんにちは。20日目を終えた清瀬です。

本日は、先週の金曜日にレビューをしていただいたコードの直しをメインにしていました。

最近、様々なタスクをさせていただく中で可読性の大切さを痛感しています。

どんなデータが、どんな型で入っているのか

どこから何を取得して、何を返してくれるメソッドなのか

この行で何をやりたいのか・どうしてこのタイミングでかくのか

個人で勉強してきたためあまり意識したことはありませんでしたが、

他の方のコードを読むとその大切さが痛いほどわかります。

今後、自分のコードが誰かに読まれることを意識していきたいと思います。

19日目

こんにちは。19日目を終えた清瀬です。

今日は昨日完成させたAPI部分のテストと、受け取ったデータを表示する部分を作成しました。

テストはFactory-BoyとDjangoのTestCaseを使用しました。

独学で勉強した頃は「テストなんて後回しでいいや。きちんと動いているし」

と軽視していました。しかし自分が作成したものが実際にお客様に使われると思うと、

そんな安易なことを言ってられません。予期せぬエラーが起こらないように、

しっかりとテストを作成していきたいと思います。

表示部分に関しては、結構苦手意識があります。

というのも、HTML&CSSは一切参考書などは使ってきませんでした。

そのため、想像通りの表示にならなかった時はGoogle先生にお聞きして、

とりあえずの場当たり的な対処ばかりをしてきました。

だから、フロント部分はあまり理解が進んでいません。

苦手意識も強いため、しっかりと勉強していきたいと思います。

インターン16〜18日目

インターン18日目を終えました、清瀬です。

16日目からの3日間、DjangoのSerializer をつくっていたので学んだことを軽くまとめようと思います。

DjangoにはSQLを書かなくてもすむように、ObjectManagerというものが用意されています。

そのため簡単な処理はSQLを書くことなくDBをいじれるのですが、単純な処理に限られてしまいます。

そこで直接SQLを実行できるように、いくつかのメソッドが用意されています。

その一つがextra関数です。

extra(select=None, where=None, params=None, tables=None, order_by=None, select_params=None)

個人的にはまったのが、whereです。

tablesで別のテーブルを参照できるようになるのですが、

whereの引数に

1. 二つのテーブルを関連させる条件を書く( SQLでのON句のようなもの)

2. 絞り込みのためにつかつ(SQLでのWHERE句)

この二つのどちらになるのかが分からずに物凄い時間を費やしたのですが、

結論はなんと両方OKなんだそうです。

個人的には、どうして両方OKなのかがいまいちピンときていません。

もしかしたらSQLの理解不足かもしれないので、時間があるときに調べてみたいなと思います。

インターン16日目

こんばんは、インターン16日目を終えた鈴木海人です。



今日は朝晴れていましたが、天気予報で午後から雨だったので傘を持ってきました。
予報通り雨が降ってきたのでよかったです笑
今日は金曜日で明日はお休みなのでゆっくり歩いて帰ります。



本日は、昨日行っていたLPの修正を完成させました。
コードの修正などは比較的簡単でよかったのですが、それ以外のファイル検索、gitの使い方やcssの使い回しなど
覚えることは多そうでした。。。
入社したらこのあたりを触ることもあると思うので勉強しておきます。


行き詰まっていたビンゴゲームの方は、今日は比較的進みました。
ゲームスタートあたりで止まっていましたが、そこを突破するとカードの作成・配布、ボール排出とビンゴカードの穴あけ
まで進めることができました。まあ前回作ったjsの記述をほぼそのまま使用したのですが。。。
ただ、今まではそもそもどこに書けばいいのかどのように書けば値を渡せるのかもわかっていなかったので
そう考えると成長したものですね笑
現在は誰がリーチ・ビンゴなのかを全員に知らせるところで止まっています。
今日中に完成させたかったですがまあしょうがないので次回終わらせたいです。

インターン15日目

こんばんは、インターン15日目を終えた鈴木海人です。



ここ数日寒い日が続いていましたが、今日は比較的暖かくていい気持ちです。
ただ花粉の影響もここ最近大きく受けるようになってきました。。。
この季節もうどうしようもないのですが、花粉症を治す薬はなぜできないのでしょうか?
コロナのワクチンはあんなにも早くできたのに、何十年も前からある花粉症の薬ができないのは
医療の闇でしょうか?毎年必ず一定数の人が病院に来て薬を購入してくれますからね。。。



本日は昨日pcの環境設定を終えたので、MANGA.CLUBのキャンペーンのLPの修正を行いました。
前回行ったキャンペーンサイトのimg、文章や文章の変更修正担当しました。
比較的簡単な内容だったので無事出来そうでほっとしました。
文章の部分がまだ終わっていないので明日には完成させます。
ただ、作業内容は簡単だったのですが初めてMANGA.CLUBのコードを見て
コードの量、ファイルの量に驚きました。。。
今開いているページはどこのファイルを修正すればいいのかわからない。。。
変にcssを弄ると関係ない部分までもが変わってしまう。。。
コードを書く技術はもちろんですが、それ以外の能力も必要そうです。



話は変わりますが、並行して進めているビンゴゲーム。。。
これがなかなか進まない。。。
少しずつでもいいので前に進めるよう頑張ります。。。



明日は華金、今週も最後まで頑張ります!

インターン14日目

こんばんは、インターン14日目を終えた鈴木海人です。



ここ最近風が強くて、夜寝づらいし、朝もすごい寒いので憂鬱です。。。
昨日うちのシャッターが風の影響を受けてガンガン音を立てて気になってなかなか寝られませんでした。
インターンが始まってからは12時すぎには寝るようになったのですが、昨日は結局3時ごろまで寝られませんでした。
しっかり睡眠を取らないと仕事に影響がでそうなので今日は寝られるといいな笑



本日は、pcの環境構築を行っていました。
昨日詰まってたMySQL-clientの導入部分で今日もだいぶ詰まりました。。。
先輩に助けていただきなんとか突破しましたが、
その後もDocker、SSH、redisやfabricなどなんとなく聞いたことのある単語や初めて聞いた単語が出てきました。。。
こちらも先輩の力をお借りしながら突破できたのですが、
何をしているのか全然わからないところが多くあったので一つ一つどんな意味なのか、どんな働きをするのか勉強しなければと実感しました。
明日からはやっと作業に取り掛かれそうなので、
指示された通りのページが作れるよう頑張ります。

インターン13日目

こんばんわ、インターン13日目の鈴木海人です。



インターンが始まって初めて通勤時に雨が降っていました。。。
自転車通勤で朝の電車が嫌いな僕にとっては最悪です。。。
朝、電車で行くか歩いて行くか迷ったあげく今日は歩いてきました。
まあ歩けない距離ではないのでいいのですがさすがに疲れました。
梅雨の時期になったら雨増えるんだろうな。。。



本日は、先日に引き続きsocket.ioを使用してのビンゴ作成とPCの環境作成をしました。
ビンゴゲームはまだちょこちょこ触ってるだけであまり進んでいません。。。難しい。。。
昼過ぎからはPCの環境作成をして、割とスムーズに進んでいたのですが
MYSQL-clientのインストールの最後の方で謎のエラーに見舞われ、時間を迎えました。
調べてそれっぽい記事を見つけて試してもうまくいかない。。。
この感覚にだんだん慣れてきました笑


明日の朝のフレッシュな頭ですぐ解決できるよう今日はしっかり寝ます。
また、LPの修正も任されたのでしっかり指示通りの修正ができるようこちらも頑張ります

それではまた明日。



インターン12日目

こんばんは、インターン12日目、2月のインターンを終えた鈴木海人です。


2月3日からインターンを初めて12日間、毎日8時間パソコンに向かって
調べて、コードを書いて、エラーが出て、調べて、コードを書いてエラーがでて
ひたすら繰り返していました。ほとんどが初めてやることばかりで
正直だいぶ疲れました。
ただ、悩み抜いた末にエラーが解除された時の快感は今までの日ではありません笑
とりあえず一ヶ月お疲れと自分に言いたいです。



本日は先日に引き続き、socket.ioを使用してのビンゴゲーム作成をやりました。
めちゃくちゃ詰まっております。
昨日詰まっていたcssが反映されない問題は、どうやらサーバの記述不足だったようで解決しました。
その後は、ユーザーのログイン周りを触っていたのですがこれに大きく詰まりました。。。
そんなに難しい記述ではないのですが、サーバーとクライアントの関係や記述法の理解が
曖昧でなぜ動かないのかずっと悩んでいました。。。
現在は管理者ログインで止まっています。
序盤でだいぶ詰まってしまったのは残念でしたがまあ基礎的なところの理解が深まった気がするので
まあよしとします。。。


来週も引き続き頑張ります。