COMTEX Blog

「本日の学び」

目的：「システムの画面を一通り作成する」

目標：「CSSを用いたデザイン調整」

　本日は、練習用システムの作成に取り組み、入力欄やボタンの修正、CSSを用いたデザイン調整を行いました。

　昨日、1画面で検索とデータの表示を行う方針から、検索ボタンを押すと検索条件画面が表示される2画面構成に変更しました。

　別画面の表示は実装できましたが、HTMLに気になる箇所がございましたので、参考にしているソースコードを調査し、コードを修正いたしました。

　また、別画面に戻るボタンなどを追加しました。本日はそちらのデザイン調整に時間を費やし、Handsontableを使ったテーブルのデザイン調整には着手できませんでした。

　TypeScriptを用いた入力欄やボタンの修正、またCSSでの作業に時間を要しているため、ひとまずCSSでの作業を終えた段階で、結果を基に再度スケジュールを立てようと存じます。

---

「ポケモンセンター&ジブリショップ（どんぐり共和国）」

　三連休は東京旅行に行って参りました。その際の様子について書き綴って参ります。

　本日は、２日目の「東京スカイツリー」、ポケモンセンター&ジブリショップ（どんぐり共和国）編となります。

　前回、ダッフィー統一パーティを作り、ディズニーシーを練り歩いた我々三人（高校時代の先輩、友人、私）は、ホテルへ戻ることにしました。

　その途中、近くにポケモンセンターがあるので、「せっかくなら寄っていかないか」という話が出ましたが、荷物が多かったため、一度荷物を置くということで話がまとまりました。

　ホテルに着いた私は、例の如く、すでに疲労困憊でしたが、次の理由から、空元気から元気を絞り出し、スカイツリーに向かいました。

1. 友人がスカイツリーにあるポケモンセンターに行くことに乗り気であった
2. ジブリ好きの母がいる
3. ジャンプショップがある

　１日目もスカイツリーには来ておりましたが、二度目のスカイツリーはゆっくりと楽しむことをモットーに歩きました。ポケモンセンターでは友人にお土産を購入し、ジャンプショップでは商品を眺めて満足しました。

• 

• 

　最後にどんぐり共和国に行ってきました。カオナシのランプをはじめとする、落ち着いた雰囲気の店内に癒されながら、母へのお土産を購入しました。

　私をホテルから連れ出してくれた友人には大変感謝しております。

「本日の学び」

目的：「システムの画面を一通り作成する」

目標：「CSSを用いたデザイン調整」

　本日は、練習用システムの作成に取り組み、入力欄やボタンの修正、CSSを用いたデザイン調整を行いました。

　昨日から取り組んでいたサイズを縮小すると入力欄が見えなくなるといった課題は解消しました。

　また、小さい画面でのレイアウト調整を意識しながら作業を進める中で、検索条件の項目が画面を圧迫していると感じたため、検索ボタンを押すと検索条件画面が表示される2画面構成に方針を変更しました。

　参考にしているコードの調査を行いながら、実装することができました。

　その過程で、先輩社員の方から伺っていた、「ビューはほぼ書かずクライアント側でTypeScriptを用いて作っている」という方針を、知識として理解するだけでなく、実感として深く理解することができました。

　検索条件のデザイン調整は一通り完了しましたが、Handsontableのデザイン調整にはまだ着手できておりませんので、引き続き作業に取り組みます。

---

「新エリア探索」

　三連休は東京旅行に行って参りました。その際の様子について書き綴って参ります。

　本日は、２日目の「東京ディズニーシー」、新エリア探索編となります。

　前回、ダッフィー統一パーティを作り、ディズニーシーを練り歩いた我々三人（高校時代の先輩、友人、私）は、新エリアへと足を踏み入れました。

　写真を載せようと考えましたが、ネタバレ防止のため、途中で食べたアイスのみといたします。

　新エリア「ファンタジースプリングス」では、主に『アナと雪の女王』と『塔の上のラプンツェル』のエリアを訪れました。

　入り口では遠くに見える霧の演出にテンションが上がりましたが、アイスを食べて、頭どころか体の芯まで冷え切りました。少し前まで汗をかいていたのが噓のようです。

　作中に登場する建物に加え、キャラクターの石像や滝などの世界観を満喫し、記念撮影をした我々はお土産屋さんに向かいました。

　満員電車のように混雑したショップの中で、時折先輩や友人とはぐれながらも、なんとか無事にお土産を購入できました。熱気がすごく、気付けばまた汗をかいておりました。

　体力も尽き、満足したため、総員で撤退することとなりました。

　帰りもモノレールに乗って地下鉄を乗り継いで帰ります。徐々に魔法が解けていく感覚とともに、蒸れた帽子をいつか脱がなければならないという焦りが募っていきます。

「本日の学び」

目的：「システムの画面を一通り作成する」

目標：「CSSを用いたデザイン調整」

　本日は、練習用システムの作成に取り組み、入力欄やボタンの修正、CSSを用いたデザイン調整を行いました。

　また、新たにボタンにアイコン画像を追加する作業を行いました。作業中に生じた懸念点は先輩社員の方に確認し、分からない点についてはその都度調査することで無事に作業を完了させることができました。

　Bootstrapについても調べ、疑問点を先輩社員の方に尋ねることができたため、有意義な一日となりました。

　画面はかなり形になって参りましたが、サイズを縮小すると入力欄が見えなくなるといった課題があるため、レスポンシブデザインを目指して、引き続き作業に取り組みます。

---

「アトラクション」

　三連休は東京旅行に行って参りました。その際の様子について書き綴って参ります。

　本日は、２日目の「東京ディズニーシー」、アトラクション編となります。

　地下鉄とモノレールを乗り継いで、ディズニーシーに到着した我々三人（高校時代の先輩、友人、私）は、早速お土産屋さんでダッフィーの帽子やカチューシャを購入し、ダッフィー統一パーティを作りました。

　まずはトイ・ストーリー・マニア！に行ってみましたが、長蛇の列により他のアトラクションに乗ることにしました。

　近くのタワー・オブ・テラーを見て、「最初にタワー・オブ・テラーは腰を抜かすかもしれない」などと話しながら、やはり別のアトラクションを探します。

　議論が煮詰まり、最初に乗ったのはセンター・オブ・ジ・アースでした。

　好きな映画のアトラクションだったこともあり、推してみたところ乗れることになりました。

　絶叫マシンは片手で数えるほどしか経験がないのですが、「楽しもう」と心に決め、すべてを発散するが如く声を出すつもりで、アトラクションに乗り込みました。期待と不安の中アトラクションが始まり、この日一番の絶叫を上げます。

　その後はレストランでご飯を食べ、一息ついてから海底2万マイルに乗りました。登場するキャラクターが可愛かったです。

• 

• 

　フォートレス・エクスプロレーション“ザ・レオナルドチャレンジ”では子どもたちに混ざって謎を解きました。意外にも難しく、何度か迷いましたが、無事にクリアできました。

　謎解き中に新年のパレードが見られたので、ハッピーになりました。

「本日の学び」

目的：「システムの画面を一通り作成する」

目標：「CSSを用いたデザイン調整」

　本日は、練習用システムの作成に取り組み、入力欄やボタンの修正、CSSのデザイン調整を行いました。

　Bootstrapの読み込みは完了しましたが、CSSでの作業は目標達成には至りませんでした。

　CSSでの作業がスケジュールに与える影響を十分に考慮しておりませんでしたので、スケジュールの見直しが必要だと感じております。

---

「学びの詳細」

　昨日に引き続き、入力欄やボタンの修正と、CSSを用いたデザイン調整を行いました。

　CSSについては、Bootstrapの読み込みが途中で上手くいかなかったため、先輩社員の方に相談し、無事に読み込みを成功させることができました。

　また、作業の途中で、レイアウトの共通部分を管理する_Layout.vbhtmlについても理解を深めることができ、大変勉強になりました。

　しかし、本日中に終わらせる予定であったCSSでの作業が終わらず、目標達成には至りませんでした。

　CSSでの作業がスケジュールに与える影響を十分に考慮しておりませんでしたので、今後、スケジュールの見直しが必要だと感じております。

---

「ゆきのモノレール」

　三連休は東京旅行に行って参りました。その際の様子について書き綴って参ります。

　本日は、２日目の「東京ディズニーシー」、ゆきのモノレール編となります。

　この日はディズニーシーということで、私はかなりテンションが上がっておりました。地下鉄に乗り、徐々にディズニーが近づいて参ります。

　「あれが全てホテルなんだ」「すごいや。規模が違う」などと話しておりましたら、気が付けばモノレール乗り場に到着いたしました。

　雑談の中で「モノレールに乗るかどうか」も話題にしておりましたので、モノレールに乗ることにしました。

　手すりや窓まで作り込まれておりましたので、夢の国に近付いているという確かな感覚がございました。

　ここで雑念は捨て去ろうと決め、いざ夢の国へ。意外にも入場口に人は並んでおらず、慣れない荷物検査にドキドキしながらも、私は国境を越えました。

「本日の学び」

目的：「システムの画面を一通り作成する」

目標：「CSSを用いたデザイン調整」

　本日は、練習用システムの作成に取り組みました。

　昨日に引き続き、入力欄やボタンの作成を進めるとともに、CSSを用いたデザイン調整にも着手しました。

　ボタン要素や入力欄の配置は大まかに完了しましたが、目標達成には至りませんでした。

　来週も引き続きCSSでの作業を進めて参ります。

---

「学びの詳細」

　昨日に引き続き、入力欄やボタンの作成を進め、修正が必要な箇所を見直しました。また、午後からCSSを用いたデザイン調整を開始しました。

　CSS、特にフレックスボックスの挙動には苦手意識がありましたが調査を行う中で、少しずつ理解が深まりました。

　ボタン要素や入力欄の配置はおおよそ形になりましたが、デザイン全体としてはまだ未完成です。

　CSSでの作業を本日中に終わらせる予定でしたが、目標達成には至りませんでした。来週も引き続き、CSSでの作業に取り組む予定です。

---

「部屋飲み」

　三連休は東京旅行に行って参りました。その際の様子について書き綴って参ります。

　本日は、１日目の「飲み会」、部屋飲み編となります。

　前回、スカイツリーにてハワイアンバーガーを満喫した我々三人（高校時代の先輩、友人、私）は、満ち足りた気分でホテルへ戻りました。

　部屋飲みを存分に楽しむために、まずは風呂に入り、風呂上りに一つの部屋に集合して遊ぶことにしました。

　私はドン・キホーテで購入したビールで乾杯し、すっかり上機嫌でした。尽きることのない会話を楽しみ、二人の話に相槌を打ちながら、カードゲームにも興じ、夜遅くまで楽しい時間を過ごしました。

　翌日はディズニーシーに行く予定でしたが、結局11時頃まで話し込んでしまいました。なお、ドン・キホーテで購入して楽しみにしていた天ぷらスナックは、結局食べる機会がないまま終わりました。

「本日の学び」

目的：「システムの画面を一通り作成する」

目標：「入力欄やボタンの作成」

　本日は、練習用システムの作成に取り組みました。

　昨日から入力欄やボタンの作成に着手し、本日中に大部分の要素を作成することができました。

　明日は引き続き作業を進め、入力欄やボタンの作成を完了させた上で、CSSを用いたデザイン調整に移りたいと思います。

---

「学びの詳細」

　昨日に引き続き、入力欄やボタンの作成に取り組みました。

　作業中、詰まっていた箇所がございましたが、上司の方が気にかけてくださり、ご相談させていただくことで疑問を解消することができました。その結果、本日中に大部分の要素を作成することができました。

　また、先輩社員の方に、作業中に疑問に思った設計書の項目をお尋ねしたところ、実現方法について詳しく教えていただきました。非常に有意義な一日となりました。

　明日は入力欄やボタンの作成を完了させ、CSSを用いたデザイン調整に移りたいと思います。

---

「ハワイアンバーガー」

　三連休は東京旅行に行って参りました。その際の様子について書き綴って参ります。

　本日は、１日目の「浅草食べ歩き」、ハワイアンバーガー編となります。

　前回、スカイツリーを満喫した我々三人（高校時代の先輩、友人、私）は、晩御飯に何を食べるか考えておりました。

　その中で、「ハンバーガーを食べよう」という話が持ち上がり、先輩おすすめのハンバーガー店に連れて行ってもらうことになりました。

　雨上がりのように光沢のある広場に面したそのお店は、「KUA`AINA」といいました。

　早速メニューを決めて入店。必要に応じてマスタードなどを自席に持っていくスタイルだと気付き、細長い袋を眺めて、「ストローもセルフなんだな」などと考えながら注文を終えました。

　お隣の外国人ご家族の流暢な英語に感心しながら、ハンバーガーを待っておりましたが、「この時間にストローを取ってこよう」と思い立ち、件の細長い袋を見に行きました。

　なんとスティックシュガーでした。OMG（オーマイガー）。

　しばらくすると、ハンバーガーが半バーガー状態にて到着しました。どうやら合体させてハンバーガー完全体にするところから楽しめるようです。

　非常に美味しそうなハンバーガーができました。添えられていた袋に包んで頬張ります。

　ベーコンが香ばしく、チーズも美味でした。パテは言わずもがなのジューシーさです。ポテトも美味しかったです。非常に満足感のある一品でした。

　書いていて気づいたのですが、ハワイアンバーガーは浅草のある台東区ではなく墨田区でした。厳密には浅草食べ歩きではございませんが、延長線上のイベントということでご容赦くださいませ。

「本日の学び」

目的：「システムの画面を一通り作成する」

目標：「入力欄やボタンの作成」

　本日は、練習用システムの作成に取り組みました。

　昨日詰まっていたダミーデータの表示は問題なく終えることができ、予定通り、「入力欄やボタンの作成」を新たな目標として作業に入りました。

　また、本日は、スケジュール作成に取り組みました。

　大まかなものですので、今後、様子を見ながら改良して参ります。

　明日からはスケジュールを基に作業を進める所存です。

---

「学びの詳細」

　本日は、主にスケジュール作成に取り組みました。

　これまでは、漠然と知識の吸収・システムの完成を目的としてシステム作成を行って参りましたが、項目ごとに期限を設けることにいたしました。

　私は、良くも悪くも先走ってしまいましたので、先輩社員の方からいただいたシステムの機能についてかなりの時間をかけて調査し、それを基に練習用システムの処理を作成するという作業を行っております。

　そのため、調査し、コードを作成するのにどの程度の時間を要するのかが少しずつ分かって参りました。

　その上でスケジュールを立て、上司の方にも軽くご確認をいただけましたので、今後はこのスケジュールを必要に応じて改良し、活用して、作業を進める所存です。

---

「チェックイン&東京スカイツリー」

　三連休は東京旅行に行って参りました。その際の様子について書き綴って参ります。

　本日は、１日目の「浅草食べ歩き」、小話（チェックイン&東京スカイツリー）編となります。

　前回、ドン・キホーテにて部屋飲み用のお酒を購入した我々三人（高校時代の先輩、友人、私）は、ついにホテルを目指して歩き始めました。

　普段インドア派の私としましては、この時点でかなりの大冒険でした。高校時代のクラスメイトである友人もまた、足が疲れたようでした。

　その日は「スカイツリーに行こう」という話が出ておりましたが、「一度荷物を置こう」という意見に全員が賛同し、見渡す限り人の中、やっとのことでホテルに着きました。

　しばらく休むことになり、「このまま部屋飲みを開催するのもありなのではないか」と思い始めましたが、念のため友人にも意見を聞いてみると、「せっかくなのでスカイツリーに行こう」という話になりました。

　既に空元気の体から元気を絞り出し、なんとかスカイツリーを目指します。

　私の特性なのですが、腰が重い代わりに動き始めるとそこそこのフッ軽（フットワークが軽いこと）になります。

　そこそこフッ軽な私は、意外にも簡単にソラマチに到着し、スカイツリーを下から眺めました。修学旅行で一足先に東京に来ていた弟から話は聞いておりましたが、想像以上に圧巻でした。

　アンテナショップなどでお土産を購入しておりますと、ヒロアカ（『僕のヒーローアカデミア』）のコラボ企画が開催されていることに気付きました。

　私と先輩はヒロアカ読者ですので、テンションが上がりました。もちろんフォトスポットにて記念撮影を行い、それも含めて東京スカイツリーを満喫しました。

　私をホテルから連れ出してくれた友人には大変感謝しております。

「本日の学び」

目的：「システムの画面を一通り作成する」

目標：「ダミーデータの表示」

　本日は、練習用システムの作成に取り組みました。

　また、昨日の目的・目標を大きく変更することにいたしました。

　これまで、画面の表示を途中のまま、様々な機能の実装に着手しておりましたが、画面の作成から改めて取り組む必要性を感じたためです。

　本日中の目標達成とはなりませんでしたが、引き続き作業に取り組みます。

---

「学びの詳細」

　以前、練習用システムの作成に取り組んでいた際、先輩社員の方から、「まずは画面を作り、その後データベースなどからデータの取得を行う」とのアドバイスを受けておりました。

　しかし、様々な機能を覚える必要がある焦りから、画面の表示も半ばに、データの取得や検索機能の実装に進みました。

　作業から学びがあったことは間違いないのですが、本日再び、「まずは画面間の移動やボタンの動作を実装する」という基本的な取り組み方をご教示いただき、改めて画面作成から取り組むことにしました。

　お客様にお見せする場面を想定しながら、効率よくダミーデータを作成し、画面に表示することを意識いたしました。

　本日の目標は達成できませんでしたが、明日は目標達成を行い、新たな目標を立てて引き続き作業に取り組みます。

---

「ドン・キホーテ」

　三連休は東京旅行に行って参りました。その際の様子について書き綴って参ります。

　本日は、１日目の「浅草食べ歩き」、ドン・キホーテ編となります。

　前回、クリーム小倉に茶そばまで頼んだ私と、甘いものを楽しんだ二人（高校時代の先輩、友人）は、ひとまずお土産を買いに歩き始めました。

　その途中、ショーウィンドウに並ぶ模造刀を発見いたしました。実は、肉巻きおにぎりのお店でも一度見かけておりましたが、二度目となると話題として触れずにはいられませんでした。

　模造刀を筆頭に他愛もない会話をしておりますと、「部屋飲みをしよう」という話になり、お酒を安く買えるドン・キホーテを目指すことにしました。

　見た目に少し圧倒されましたが、無事に入店し、買い物を済ませました。

　帰り際、店の外でざわめきが起こっておりました。何事かと思い見てみると、銅像に扮したパフォーマーの方がいらっしゃるではありませんか。

　メディアの情報を見ている分には人だと気付けそうだと思っておりましたが、入店時に気付かなかったので、驚きました。

「本日の学び」

目的：「練習用システムに、テーブルの情報を検索するための入力欄やボタンを追加すること」

目標：「検索ボタンを押した時点で検索する機能」

　本日は、練習用システムの作成に取り組みました。

　先週発見した「検索条件を保持する処理」と、目標である「検索機能」との関連性を調査いたしました。

　その結果、新たに、「検索条件を復元する処理」を見つけました。この処理について理解を深めながら、検索機能の実装に取り組みました。

　今後も引き続きシステムの作成に取り組んで参ります。

---

「学びの詳細」

　先週の作業中に発見した、「検索条件を保持する処理」と、目標としている「検索機能」との関連性について調査を行いました。

　その過程で、「検索条件の復元をする処理」を発見しました。この処理について理解を深めつつ、検索機能の実装を進めました。

　また、localStorageやJSONに関する疑問点が発生するたびに調べ、学びをまとめながら作業を進めました。

　目標を意識し、現在の取り組みとその意義を考えながら、必要に応じて作業の痕跡をメモとして残すようにいたしました。

　これまで疑問だった機能の役割が理解できるようになり、各機能の関連性がより明確に見えて参りました。

　引き続きシステムの作成に取り組みます。

---

「クリーム小倉と茶そば」

　三連休は東京旅行に行って参りました。その際の様子について書き綴って参ります。

　本日は、１日目の「浅草食べ歩き」、クリーム小倉と茶そば編となります。

　前回、肉巻きおにぎりを楽しんだ我々三人（高校時代の先輩、友人、私）は、次なる目的地、「梅園」を目指して歩き始めました。

　先輩が最近見たテレビで紹介されていたお店だそうで、気になっていたとのことです。

　お茶を飲んでおりますと、最初に到着したのは茶そばでした。ツルっとした喉越しの茶そばを楽しんでおりますと、あわぜんざいやクリーム小倉が次々と到着。食べるのに夢中になりすぎて、肝心の写真を撮るのを忘れてしまいました。

　クリーム小倉は、これでもかと敷き詰められたあんこと白玉を頬張り、甘みで口が満たされるたびに先輩の頼んだお口直しをいただきつつ、美味しくいただきました。

　一人だけ二品頼んでしまいましたが、どちらも美味しく大満足でした。

「本日の学び」

目的：「練習用システムに、テーブルの情報を検索するための入力欄やボタンを追加すること」

目標：「検索ボタンを押した時点で検索する機能」

　本日は、練習用システムの作成に取り組みました。

　昨日の目標を再度見直し、「検索ボタンを押した時点で検索する機能」を目指すことにしました。そのため、入力欄と検索ボタンを作成しましたが、目標達成には至りませんでした。

　作業中に、「検索条件を保持する処理」を発見したため、次回はこの処理と検索機能との関連性を調査する予定です。

---

「学びの詳細」

　昨日、設計書と参考にしていたソースコードで方針が異なることが判明しました。そのため、一時的に、「入力欄に情報を入力した時点で検索が行われる機能」を目標として設定しました。

　しかし、参考にしていたシステムでは、設計書とは少し仕様が異なるものの、設計書と同じ、検索ボタンを使用する検索機能が採用されておりました。このため方針を変更し、「検索ボタンを押した時点で検索する機能」の実現を目指しました。

　結果としては、入力欄と検索ボタンの作成には成功しましたが、目標達成には至りませんでした。

　ただし、本日の作業中に「検索条件を保持する処理」を発見しました。この処理と検索機能の関連性を調査し、引き続き作業を進めて参ります。

---

「肉巻きおにぎり」

　三連休は東京旅行に行って参りました。その際の様子について書き綴って参ります。

　本日は、１日目の「浅草食べ歩き」、肉巻きおにぎり編となります。

　前回、浅草寺にておみくじを引き、浅草メンチを楽しんだ我々三人（高校時代の先輩、友人、私）は、次なる目的地「うなぎおにぎり」を目指して歩き始めました。

　お昼時は行列ができているだろうと覚悟しておりましたが、意外にも列は少なく、先輩が先陣を切ってくださいました。しかし、確認してみると、どうやら整理券で３時間待ちだったようです。

　予定を変更し、我々は、あらかじめ目を付けていた肉巻きおにぎりを食べることにいたしました。

　肉巻きおにぎりはチーズが乗ったものをいただきました。私以外の二人は「味が濃い」と評しておりましたが、私は当然のようにパクパクと食べ進めておりました。

　この出来事をきっかけに、「私が濃い味付けで日々を過ごしている」ということが発覚し、以降の旅行中でも話題に上がることとなりました。

　また、食事中に色違いの鳩を発見いたしました。

　そこから話題はポケモン=ポケットモンスターのゲームに移り、「（色違いのポケモンが出現する確率は）1/1024でしたっけ？」などと話しておりました。

　後で調べてみたところ、実際の確率は1/4096だと分かり、考えていた以上に確率が低かったため驚きました。この鳩との出会いは1/4096ということにしておきます。