スマレジ開発ひよっこblog

株式会社スマレジの開発チームで働くデザイナーのブログ

ほぼ同期会

プラグラムは中途入社の人がほとんどで時期も不定期なので私には厳密な同期入社というのはいないのです。が、去年の同じ時期に入社した私含む3名で勝手に同期会と称して飲みにいったのが約半年前。今週金曜日に、ひさびさの第2回を開催しました。


せっかくだしということでそれぞれ近くの人に声をかけたり、振られたりしながら、営業3人、開発1人、デザイン2人の6人で行くことに。

 

明るいうちに出発。すでに楽しくなってきました。

シャツと自転車のピンクコーデ。

f:id:yamadami:20160605182531j:plain


お店は、ランチ会でもお世話になったこちらです。


テラス席で乾杯!外飲みにぴったりの涼しさでとても気持ちがいいです。

 

本日の営業部の制服。もちろんパンツもベージュのチノパンでお揃いです。

f:id:yamadami:20160605183040j:plain

 

仕事終わりでもう一人きてくれました。おつかれさまです!

f:id:yamadami:20160605185439j:plain

 

楽しすぎて写真を撮り忘れましたが、お料理も美味しく、よく食べよく飲みました。

さあ今日はたっぷり遊ぶって決めてるので、次はボーリングに移動です。

 

チーム戦。慣れないチームメイトに指導がはいります。

f:id:yamadami:20160605183547j:plain

 

先生、できません。。

f:id:yamadami:20160605183711j:plain

この後、熱血指導と練習が実を結び、2ゲーム目では500%越えのスコアアップを果たしました!

 

ポテトつまんだりしながら。

f:id:yamadami:20160605183816j:plain

 

入社3日目のこの方とは2度目の夜遊びです。ふふふ。

f:id:yamadami:20160605184000j:plain

 

このあと時間のある人はダーツでもうひと遊びしました。

f:id:yamadami:20160605184050j:plain

 

最後は気付いたら自称同期会の3人きりになっていたので、アイスで乾杯して解散しました。


実は私は今週ちょっと体調を崩してしまったり、弱気になったついでに仕事もこれからやっていけるんだろうか。。これが世に言う5月病ってやつかしら、なんて思っていたのですが、ぱーっと遊んだらなおった気がします 笑
もう6月ですしね。また月曜からできることをこつこつと、体に気をつけて、仕事は楽しく、やっていきたいと思います。


あー楽しかった!遊んでくれた人ありがとうございました!

f:id:yamadami:20160605184348j:plain

勉強を始めてから初リリースまでの振り返り①

しばらくブログをサボってしまっていた間に、

私が開発チームへ移動して4ヶ月が過ぎようとしています。早いものです。

 

そして先日、ベータ版としてひっそりとではありますが

担当していたプロジェクトで初めてのリリースが完了。

作ったものが本番サーバーにアップされました。

一部の方に使ってもらいフィードバックを頂いている段階で一般公開はまだ先ですが、

リリースの時はじわーっと嬉しい気持ちになりました。

 

このあたりで一度この4ヶ月を振り返ってみたいと思います。

1ヶ月目

やったこと

PHPとはなんでしょう?に始まる調べ学習
・cake PHP、bootstrapを使って簡単なブログシステムを作ってみる練習
 (その途中で調べたこと: SQLの基礎 MVCって?などなど)
・それをAngularJS化してみる練習
 (その途中で調べたこと:Ajaxって?jsonって?などなど) 

ドットインストールをはじめ、主にネット上の教材で学習しました。
分からないところは同じくネットで調べたり、先輩に質問して解決しつつ進めました。

この段階で、一人で勉強してたら挫折していたなと一番感じたのは開発環境の準備です。
MAMPを入れてバーチャルホストの設定をして、

プロジェクトのソースを落としてきて、eclipseにプロジェクトを追加して、と。
何をするにもいちいちつまづいていました。

そんな時に助けてくれてくれる先輩がいる大変恵まれた環境です。
最初のうちは、甘えすぎてはいけないと思い、かといって自分で解決もできずに時間ばかりが過ぎていくということが多々ありました。

でも途中からは割となりふり構わず聞きに行っていました。
特に環境のことは頼りきりでしたが、おかげでプログラミングの勉強に集中ができたと思います。

先輩が調べ物をしながら問題を解決していくところを横で見ることができるのはとても勉強になります。

すぐ聞きに行く代わりに、

一度教わったことはできるようになる!調べ方も盗む!

ということは心がけました。

記憶力がないのでメモ魔になりました。

 

勉強を始めてから初リリースまでの振り返り② へ続きます

やりすぎ注意

無理は禁物

今作っているWebアプリがラストスパートということで、先週はまあまあ遅くまで残って作業をしてしまいました。

重ねてお花見なんかで飲みすぎ食べすぎ、胃もたれでお昼抜いちゃえ、なんてやっていたら、肌荒れがすごいことになりました。

 

仕事上はあまりよろしく無いのでしょうが、ちょっと動かし方が分かってきて楽しい盛りなので、ついつい必要以上に残ったりしていました。


無理してるつもりは無くてもお肌がついていかなくて悲しいことです。。
子供の頃から、裁縫や工作をしていると気づいたら朝になりました、とかはよくあったのですが、もうあの頃とは身体が違う。。

 

ちゃんと食べて寝て運動しないとね、と当たり前のことを痛感する今日この頃です。

週末のんびりして、胃はすっかり回復しました!

おまけ:まるしいたけ

f:id:yamadami:20160410182802j:plain

昨日スーパーで試食してて美味しかったので買ってみました。

「まるしいたけ」っていうらしいです。マシュルームみたいなしいたけ。マッシュルームよりまるくて大きくてかわいい。
神戸の会社が最近売り出してるらしいので応援します。

普段使いにはまだ値段が高いので、値段が落ち着くといいと思います。


写真ちょっと焦げてますが焼きしいたけとても美味しかったです。

普通のしいたけより食感が少しマッシュルーム寄り。
味はシイタケだけどひだが無いから、シイタケ嫌いのうちの妹も食べられるんじゃないかな、なんてお姉ちゃん思いました。

 

神戸新聞NEXT|経済|「まるしいたけ」日本初販売へ 兵庫で生産

販売元の社長曰く、「丸くてかわいらしくて面白い。青果物を40年扱ってきて、こんなインパクトを受けたことはなかった。ぜひ日本に広めたいと思った」だそうです。

 

神戸しいたけ研究所 – サン・ビブレ|神戸しいたけ研究所|川崎青果株式会社

こちらが公式サイトのようです。

特選大パック高いですね!2パックで3000円!!

ちなみに普通のサイズはスーパーで300円くらいでした。がんばれまるしいたけ!

おんざじょぶとれーにんぐ

先月の下旬あたりから、実際にリリース予定のアプリの開発をさせてもらっています。
だいぶ時間をたっぷりもらって、先輩方に助けてもらい、引き続き勉強をしながらすすめています。いわゆるOJT中です。

OJTのありがたさ

知識も技術も経験もない状態で社内転職のような形でプログラミングを始めた私にとって、「プログラミングができるようになる」の第一到達目標は、開発の戦力になることです。

仕事での具体的なコードの書き方、
開発チームとして目指すべきこと、
作業の優先順位

などなど、教えてもらってもなかなかできずにもどかしくはありますが、一人でプログラミングの勉強をしていてもこういうことは分かりません。
先々やりたいことはたくさんありますが、とにかく今は開発の仕事ができるようになりたいので、OJTはありがたいです。
できないことだらけで凹みまくりながらも、ハードルが見えるというのはとても嬉しくやりがいがあります。

個人で補うべきところ

もう本当に1から10まで分からないことだらけなので、分かることだけ理解しようと思っていると進捗会議などでも他の人が何を言ってるのかほとんど分からないということもよくあります。
分からないなりに全部耳をそばだてて、きいておく。調べる。
私の場合は促成栽培というか、どうしても一つ一つの理解が浅いまま次に進んだりその場しのぎになりがちなところがあります。
その時々の業務と並行して、基礎も少しずつ底上げしていかなくてはと思います。

明日からまたがんばります

休みの日に振り返ってこそOJTのありがたさがー、なんて書いていますが、
平日は一つずつ機能を追加して動かすのに精一杯のいっぱいいっぱいです。
できることをこつこつとやっていきたいと思います。
今日、「ブログ読んでるよ」といってもらったので、一週間さぼっちゃったけどこちらもがんばります。

軽減税率サイトの宣伝(イラストを描きました)

まるわかり軽減税率

来年の4月からスタート予定の軽減税率についての情報をまとめたサイト(byスマレジ)が更新されました。

keigen.smaregi.jp

またまた開発の話ではないのですが、デザイン室からの依頼でイラストを担当したので宣伝です笑

 

軽減税率って結局何がどうなるの?といったことがまとめられていますので情報収集がてら是非ご覧ください。

メリットデメリットがニュースでも取り沙汰されていますが、普通に考えてお店の方には負担ですよね。

今まで使っていたレジでは対応できなくなるお店もたくさんありそうということで、プラグラムは是非スマレジ導入をおすすめしたい!と特に気合の入る1年になりそうです。

私も今の仕事でなければあまり気にもしていなかったかもしれませんが、ちいさなお店で古いけどずっと大事に使ってきたレジが使えなくなるところもあるんだろうな。。。などと思いを馳せると改めて生活への影響の大きな政策だと感じたりします。

何にせよ実施されるからには準備をしなければならないわけで、そんなお店の方のお役に立てるサイトになっていくといいですね!

くまとりロードレース 走ってきました

今日は早起きして、

 

マラソン大会です!

 

f:id:yamadami:20160306191041j:plain

 

この大会メインのクォーターマラソン(10.55km)

プラグラムからのエントリーは、

 

水泳部より山本さん!(今の所架空の部です。社長です。)

 

f:id:yamadami:20160306190909j:plain

 

広報もっちさん!花粉症で大変そうですががんばって!

 

f:id:yamadami:20160306190924j:plain

 

豚汁引換券を胸につけて、

 

f:id:yamadami:20160306200714j:plain

 

綺麗な陸上トラックにはしゃぎながらちょちょいとアップをして、

 

f:id:yamadami:20160306190937j:plain

f:id:yamadami:20160306191020j:plain

 

スタンバイ。緊張してきました。

写っていませんが私ももちろん走ります。がんばるぞ。

 

f:id:yamadami:20160306191101j:plain

 

スタート!

 

f:id:yamadami:20160306191051j:plain

 

 

 

 

 

 

-- 1時間と少し後 --

 

 

 

 

 

みんな完走しましたー!

 

f:id:yamadami:20160306191030j:plain

※完走時の写真がないのでまだ元気なアップ時の写真です。

 

私は練習不足なのと、ちょっとなめていた高低差にやられ、ふらふらしながらゴールでした。

最後の坂で少し歩いてしまったのも悔しいですが、いい汗かけて楽しかったです!

 

このあとご飯たべてお風呂屋さんいって帰宅して少し休憩して、

さあ今日はもう寝ちゃおう、と思っていたらせっかく週一をキープしているブログ更新を忘れるところでした。あぶない。

 

睡魔と戦いつつもなんとか更新できました。写真撮っておいて良かった。

 

では寝ます、おやすみなさい。

また来週です。 

 

 

 

 

 

作ってみた

先週からいよいよ、実際のプロジェクトでデザインなどをさせてもらっています。

ちょっと触らない間にフォトショップの使い方を忘れかけていました。

自分のトリ頭にびっくりです。

さすがに少しやり始めたら手が動きましたが、はじめたばかりのPHPcakePHPやangularJSは触らないと忘れてしまいそう。

せっかくなので、おさらいがてら何か作ってみることにしました。

カラーコードをメモするアプリを作ってみた

「作ってみた」というタイトルですが、まだ出来ていません。

作りたいもの

練習だけどせっかくなので自分が実際に使う想定で何か作ってみようと思い、以下のテーマにしました。

 

      • 仕事で使うプロジェクトごとのHEXカラーコードのメモ用アプリ。

        (今は共有のaiやpsdで確認したり、都度実物からとってきたりしているけれど、面倒だし把握しきれていないので何か考えたい。実際にこれでやるかは別にして。)

      • HEXカラーコード(#0084cfみたいなの)と、色と、使用箇所などが視覚的に分かりやすくまとめて見られる。
      • この3週間で勉強した内容をできるだけ盛り込んでつくる。
      • デザインは楽しくいろいろやってみる。(でも画像つくったりはやらない。)

 

とりあえずプロジェクトの一覧画面を作ってみました

こんな感じです。

f:id:yamadami:20160228205511p:plain

データの登録はまだ画面がないのでデータベースに直接しました。

それをとってきて、プロジェクトごとの一覧を表示するページです。

プロジェクトのテーマカラーとそれ以外、それからベースなのかメインなのかアクセントなのか、の項目を色テーブルに持たせて、入力があればそれに応じた表示になるようにしました(半端に製品名を入れてしまっていますが、色は私が適当にいれたダミーです)。

ちょっと真っ白すぎない?

いいんです。登録した色の邪魔をしないように基本の背景は真っ白でいきたいと思います。

 

右上のボタンをポチっとすると、DTPなどで使うカラーチップ風の表示になります。

f:id:yamadami:20160228210951p:plain

あら可愛い!

というのはなかなか伝わりにくいと思いますが、細い画面にした時などにコンパクトで良いのではないかと思います。

 

ちょっとやってみたかった、アイコンフォント特大サイズもやってみました。

スマホだと見えないかもしれないけど、よーく見ると薄く入っているタイトルの、MEM「O」部分のニコちゃんマーク。本当はもっと大きくしたい。)

 

今回、私この二つの表示がやってみたかっただけという話もあります。

 

そして、右上の色玉をポチっとすると。。。

背景の色が変わって色合わせ遊びができます。

 

f:id:yamadami:20160228211039p:plain

 

 このように遊び始めてしまい、結局1日かけて進んだのは、一覧表示と、新規プロジェクト(プロジェクト名だけ)登録と、プロジェクト編集ボタンを押すと「僕、モーダル。」と言ってくるだけのモーダル画面(Bootstrapから貼り付けただけ)設置までです。

実用化は未定ですが、楽しいので引き続きいろいろ機能を作ってみたいと思います。勢いよく画面を載せてしまいましたが、英語の間違いなど見つけた方はそっと教えてください。

プログラミングについての所感などは長くなりそうなのでまた今度にします。

おやすみなさい。