カテゴリー別アーカイブ: 開発者ブログ

オススメのChrome拡張機能5選

こんにちは。
いつもFAbankブログをご覧くださりありがとうございます。
「十条銀座」を言うとき、いつも噛んでしまうデザイン担当のハシビロコウです。
「じゅうじょうぎんぢゃ」ってなってしまいますよね。
「三車線」も苦手です。

まず、最近ワタシ的にショッキングだったお話をひとつ。
先日Yahoo!ニュースでも取り上げられていたので
目にされた方もいらっしゃるのではないでしょうか。

★マジョマジョ、終わったな…」魔法が抜けた新ビジュアルに嘆きの声

そうです!
「資生堂/マジョリカマジョルカ」のサイトが一新されていました。
おとぎ話の世界に迷い込んだかのような魔法の世界観がサイト全体で
作り上げられていたあの「マジョマジョ」のサイトが!!!
普通のただの「きれいなサイト」になっていましたΣ( ̄ロ ̄lll)
『あんなサイトが作れるようになりたい!』と目指していたサイトが
なくなってしまったのは大変ショックです。
「きれいなデザイン」のサイトは探せばいくらでもありますが、
マジョマジョの秀逸なところは、デザインとブランドコンセプトが
すごくマッチしていました。本当に本当に残念です。

 

さて、本日のテーマは
『オススメのChrome拡張機能5選』

今回は、私が日々の業務で使用している便利なGoogle Chromeの拡張機能を
ご紹介します。
どの拡張機能も、『CHROME に追加』ボタン1発でインストールできて
難しい説明書を読まなくても直感的に使えるので大変便利です。
気に入ったものがあればぜひ活用してみてください。

 

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
1.ColorPick Eyedropper
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

 

ColorPick Eyedropper

https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg

サイトで使用されている色を抽出してくれる機能拡張です。
例えば、私がデザインしていてよく迷うのが「赤」です。
明るすぎず、暗すぎずといった「赤」はなかなか難しいです。

他のサイトをいろいろと見ているときに
『この色いいな!』
と思ったら、すぐにこれを使います。
マウスをあてると、カラーコードを表示してくれます。
その際に「#」での表示だけではなく、rgbやhslのコードも
一緒に表示してくれるので大変便利です。
クリックすると、そのカラーコードがポップアップで表示されるので
コピペも簡単です。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
2.FireShot
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

FireShot
https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=ja

私はワイヤーやモックを作る際に、ダミー画像をあてたりするんですが
その際にスクリーンショットで撮った画像を使用します。
そのスクリーンショットを撮影する機能拡張です。

他にも「Full Page Screen Capture」を併用していますが
FireShotの便利なところは、
・全体(スクロールもすべて)
・目に見える範囲(画面上で表示されている部分だけ)
・必要な範囲(例えばバナーやボタンだけとか必要な部分だけ)
と選べるところです。
保存形式もpngやjpg、pdfなど選べます。
ただ、画質の面では「Full Page Screen Capture」のほうが
良いような気がします(使い方の問題?)。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
3.WhatFont
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

WhatFont
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm

こちらは、サイト内で使用されているフォントの種類を
調べてくれる機能拡張です。

例えば、
『このフォント、カッコイイなぁ!サイズ、行間も読みやすい!』
と思ったときに、わざわざソースコードを見なくても
この機能拡張を使えば、テキスト上にマウスオーバーするだけで
「font-family」が表示されます。
さらにクリックすると
・font-weight
・font-family
・font-size
・line-height
・color
までポップアップで表示してくれるんです。
デザインしていて、line-heightに迷うときは、これを使って
「気持ちの良い」サイト作りに活用しています。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
4.Page Ruler
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

Page Ruler
https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn

こちらはサイト上の任意の箇所のサイズを測ってくれる機能拡張です。
例えば
『この画像、サイズいくつだろう』
『ここのマージン、読みやすくていいな』
というときに、わざわざソースコードを見なくても
調べられるので大変便利です。

使い方は簡単。測りたいサイズの上でドラッグするだけ。
・Width
・Height
・Left
・Top
・Right
・Bottom
が表示されます。
ホワイトスペースを活かしたサイトをデザインする際に
他のサイトなどを参考にできるので活用しまくっています。
formやボタンなどのサイズを決める際にも活かされています。

 

★ここからは番外編

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
5.その本、図書館にあります。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

その本、図書館にあります。
https://chrome.google.com/webstore/detail/%E3%81%9D%E3%81%AE%E6%9C%AC%E3%80%81%E5%9B%B3%E6%9B%B8%E9%A4%A8%E3%81%AB%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82/ldidobiipljjgfaglokcehmiljadanle?hl=ja

みなさんは本を購入したあとで、「この本、ハズレだったな」ってこと
ありませんか?
マンガや小説など好きな作家さんであれば私も無条件で買いますが、
デザイン本や技術系の本など買う際、高価なだけに大変迷います。
レビューなどを参考にしますが、自分にそれが合うかは
ある種ギャンブルです。
そこで、まずは図書館で借りて、自分に合うか使用してみてから
購入を検討します。

これは名前そのまんまですね。
Amazonで欲しい本を見つけたときに、その本が図書館にあるか
調べてくれます。
この機能拡張は、まず自分が利用する図書館を登録しておけば
Amazonで本を調べたときに、その本が
・図書館にあるか?
・利用可能か貸し出し中か
を瞬時に調べてくれます。
さらに便利なのが「予約する」をクリックすると、登録した図書館の
サイトに飛んでくれるという機能付き!!
技術系の本だけでなく、ミステリー好きで月に20冊以上乱読する私には大助かり!
本当にこの機能拡張を作ってくれた方には感謝です。

 

今回ご紹介するにあたり、「気持ちの良い」というワードを
多用してしまいましたが、見やすい・使いやすいサイトを作る上で、
フォントの種類、行間、色使い、余白は大変重要です。
自分が見て「いいな!」と思ったサイト(デザイン)は、
こういった便利な機能拡張を使い調べまくって、自身のデザインの
引き出しを増やすことをオススメします(^O^)

また、Chromeでのご紹介でしたが、Firefox版にもあると思います。
Chrome、Firefox問わず、同じような機能のものはたくさんあります。
いろいろと追加してみて、自分にあったひとつを見つけてはいかがでしょうか。
ではまた次回。

クラス名で動く「残り文字数」カウントを作ろう

簡単に実装できる「クラスで動くJQueryカウント」を作ろう。
js_count_200、js_count_1000などのクラス名の数値で文字数を制限しながらカウントする
様に作ってみました。

まずはhtmlから

<textarea class=”js_count_100″></textarea>
<p>残り文字数<span></span></p>

javascript(jqueryライブラリを使用しています)

$(function() {
//キーボードやマウス操作でイベントが発生します。
$(“[class *= ‘js_count_’]”).on(‘keydown keyup change’, function() {
//match関数を使ってクラス名から数値だけ拾って変数iとします。
var i = $(this).prop(‘className’).match(/[0-9]+/);
//iを残り文字数の初期値として見せるために<span>にセットします
$(“span”).text(i);
//textarea内に入力された文字を.val()で取得して.lengthで数えて変数textnumに入れておく
var textnum = $(this).val().length;
//現在残り文字数を取得する
var maxnum = (i) – textnum;
//一部ブラウザーでtextareaはmaxlenghが効かないのでiより長い文字はカットします。
var val = $(this).val().slice(0,i);
if (maxnum<1){
maxnum=0;
$(this).val(val);
}
//入力があるたびに残り文字数をセット
$(“span”).text(maxnum);
//最後に.change()を付けることで入力がなくても最初からイベントを発生させることができます。
}).change();
});

まずはコピペで試してみてください。
それでは次の更新をお楽しみに!

 

monologについて(2)

こんにちは。

今日はmonologについて理解を深めた..というか困惑しているので、前回に引き続きmonologの投稿

前回の記事

ログにエラー箇所であるファイル名や、行番号を出力したいですよね。
私もGitにあるSeldaek/monologから最新を取得して利用して使っていました。
LineFormatterを使い、IntrospectionProcessorの出力に頼って..

ですが、fileとlineについてはLoggerのwriteメソッドの行番号が出力されており、どこか実装や設定が悪いのか?
と思っていたのですが、以下のStackOverflowの記事を見付けました。
stackoverflowの記事へ
こいつをGoogle翻訳にかけたところ、スレ主さんが私と同じ悩みを..
同じGitから取得しているようですし、Laravel特有ではない様子。

もうちょっと掘り下げて、パート3の頃(またか?)には解決してるか諦めつけるのか..
したいと思います。

PDF表示の導入

今回はPHPでPDFを出力するという実装を行います。

既存のテンプレートを活用し、そこに必要な文字を入れていくことでソースコードをシンプルに保つことが出来ます。

そこで既存のPDFをテンプレートとして読み込むことができ、且つ無償で活用できるライブラリとして、TCPDF、FPDIの組み合わせを紹介したいと思います。

 

  1. テンプレートとなるPDFを作成するPDFの読み込みを行うFPDIは無償導入の場合、5以上のファイルを読み込めません。PDF1.4以下の圧縮形式で作成する必要がります。

また、PHP上からの文字配置する場合、座標を使用するため、illustratorなどのソフトで作成したほうが効率がいいです。

  1. TCPDFをダウンロードします。ドキュメントなどが必要でなければ tcpdf_min_* を選択してください。

ダウンロードしたファイルは解凍して、PHPのinclude_path上に tcpdf というフォルダ名で配置しました。

以下はサンプルソースになります。

<?php

require_once ‘tcpdf.php’;

$pdf = new TCPDF(“L”, “mm”, “A4”, true, “UTF-8” );

$pdf->setPrintHeader(false);

$pdf->setPrintFooter(false);

$pdf->AddPage();

$pdf->SetFont(‘kozminproregular’, ”, 12);

$pdf->Text( 10, 10, “初めてのTCPDF” );

$pdf->Output(“test.pdf”, “I”);

?>

細かい設定は(http://www.t-net.ne.jp/~cyfis/tcpdf/)ここで確認してください

  1. FPDIをダウンロードします

ダウンロードしたファイルは解凍して、TCPDFを配置した tcpdf フォルダ内に配置します。

  1. テンプレートになるPDFをダウンロード

https://s3-ap-northeast-1.amazonaws.com/s3-ten-navi.com-wpimg/hacks/wordpress/wp-content/uploads/2015/06/resume_light1.pdf

ダウンロードしたファイルはtcpdf フォルダ内に配置します。

<?php

require_once(‘tcpdf/tcpdf.php’);

require_once(‘tcpdf/fpdi/fpdi.php’);

class exPDF extends FPDI

{

}

$pdf =& new exPDF();

$pdf->setPrintHeader(false);

$pdf->setPrintFooter(false);

$pdf->AddPage();

$pdf->setSourceFile(‘tcpdf/Invoice.pdf’);

$iIndex = $pdf->importPage(1);

$pdf->useTemplate($iIndex);

$pdf->SetFont(‘kozgopromedium’, ”, 10);

$pdf->Text( 160, 36, “2017/02/01” );

$pdf->SetFont(‘kozminproregular’, ”, 20);

$pdf->Text( 30, 50, “サンプル太郎 様” );

$pdf->Output(‘sample.pdf’, ‘I’);

?>

 

以下のように、表示できると思います。

座標位置を正確に指定することで、適宜な箇所に文字を当て込んでいきましょう。

以上で、PHPでPDFを出力するという実装の紹介を終わります。

『C言語入門』

私はエンジニア。職業プログラマーという肩書に憧れて、この業界に2002年に
転職してきた。
しかし、転職の際にはとても苦労した。それまでは、ビルの窓ふきや床の清掃の仕事をしてきたので、
パソコンと言ったら、学生時代、Windows3.1を使ってパソコン通信をして、
「パソコン、すげー」と感動しながら
ゲームをやっていた程度。しばらくして、そのパソコンが突然、壊れた。

その後更に何年か経過し、車の排気ガスや工場のススで、日々顔や手を汚し、朝から晩まで同じ繰り返し。

ビルメンテナンスという職業上、いろんなビルやホワイトカラーのオフィスに覗いてきた、とそんなある日、
どこの会社のオフィスのデスクだったか、たしか、、「京…」。

床の掃除の案件は中に人がいない土日にやる。
平日は、人が一杯いて一生懸命働いてるのかなと想像しながら、
人気がない、シーンとした、オフィスの一角、今思えば開発室?のデスクを見ると、

『C言語入門』

掃除の他の同僚が、仕事の手を休め、覗きにくる。

「外国語」でこんなんあったっけ?

これが、プログラム言語との初めての出会いだった。

元々努力や勉強は好きだったから、早速その日の仕事の帰りに、駅前の大型本屋さんに走った。
「たしか、あーいった本は2階の専門書コーナーだったよな」

最初は、戸惑いました。
駅前の本屋さんに行く際は、大抵漫画コーナーや、占い、宗教コーナーだったし、小汚い仕事着で
「C言語」「プログラム言語」「データーベース」関連の本を、さも分かってる風して、そーいった
コーナーにいるのも、少し照れた。我慢3分。3分だけ居よう!
そのとたん、本の背びれのタイトルに、データベース、C言語が並ぶ。。

「分かんねー」

圧倒された。

何回か仕事帰りに毎日通う、その本屋さんで、予め事前調査をして、買う本を選定した。
とうとう分厚いC言語の本を買った。2,3千円した。

レジの店の店員が大切な本にカバーをかけずに紙袋に入れて済まそうとしたので、

「いえ、ちゃんとカバーかけてください」

最初に買った本はとても大切にした。

それまでは、パソコンにほぼ触ったことがなく、とりあえず道具からということで、
こーゆー仕事したいっていう話を父親にしたら、前から将来のことを心配していたらしく
その後数日して、Windows XPを買ってくれた。

我が家では、パソコンを本格的に生活の中に導入したのは、その時が初めてで、仕事で軽く触って
ブライングタッチが出来るのは、父親だけだったので、アチキのために買ってきてくれたはずなのに
我が家のXPは、しばらく父親に占有され、しょっちゅう父親のブラインドタッチを自慢された。
特にキメのエンターキーを叩く時は、特に得意げだった。

そんな経緯があって、自分の部屋の本棚には、今まで中国語の専門書や、そのテープやCDと、そして趣味の将棋の定跡本、漫画・雑誌の
脇に、最初は、ぽつんと一冊二冊、C言語の本が並ぶようになった。

一年ほど独学で勉強をし、本も数十冊に増えたけど、
「やっぱ、勉強したことを仕事で使えるようにしたい、学校通うかな、金だせ」
親にせがんだ。

今から思うと常に親のすねを噛んでたけども、開発会社に夜遅くまで毎日開発して帰ってきては、経験不足で足りない部分を
深夜まで勉強し、毎朝出勤時は、電車の中ではひたすら技術書で勉強するのを最初の5年以上継続した。
十数年経った今では、どこに行っても
プログラムを書かせたら、絶対どこの誰にも負けないという自負と体験・実感が持てるようになった。
以前は、プログラマーは下流で、設計工程に携わるSEは上流みたいなことを周りからも言われてきた。

「そんなの差別用語じゃん」

でも、とある、会社で、とある現職SEに出合った。

その人曰く、
プログラム組んだことないSEが設計書を書いたり、開発リーダーでPGのまとめ役をすると、失敗する。

「開発現場で仕事するうえで、開発側と意思疎通できない壁にぶち当たったり、顧客に提案出来ない、一エンジニアとして成長できない、
だから、俺は、今までプログラマーという下積みをしてきた。」

その人のキャリアプランがあったと思いますが、それでも自分自身は、一生プログラマーでいたいとも思う。

そもそもこの業界に転職したきっかけが、何だかわからない「C言語」をマスターしたいっていうことだったので
プログラミングは好き。こだわりもあるし、それだけを探求していくと、今までできなかったことや、
広く他の人が出来ないことも出来るようになったことだし。
それについては、徐々に本ブログで書かせてもらえる機会があればその際にでも。

最後に

みなさんは、どんなキャリアプランがありますか?

自分だけのネタ帳を作ろう

はじめまして。
デザイン担当のハシビロコウです。
FAbankのデザインを担当しています。
このブログを通じて、いろんな役立つ情報をお届けしていきたいと思います。
よろしくお願いします!

早いもので、もう1月も半分終わっちゃいましたね。
つい先日「あけましておめでとうございます」だったような…。
「今年こそは○○をするぞ!」と、お正月に決意したのに、
早くも”休憩(あくまで、休憩。決して挫折ではないw)”している人
いませんか?

うわさによると「お正月に『今年こそ○○をやるぞ!』と決意表明するのは、
目標を達成できない人の典型的なパターン」らしいです。
新年の勢いで、できそうにない大きな目標を立てるのではなく、
きちんと『自分ができる目標』を立てろ、ということらしいです。
耳が痛いですね。。。

さて。本日のテーマ。
=====================================
自分だけのネタ帳を作ろう
=====================================
です。

グラフィックデザインの仕事に長いこと従事しているせいか、
街中でラックに置かれているフリーペーパーやポストカード、お菓子の包み紙、
自宅に投函されたデリバリーのチラシ、サイトのバナーなどなど…。
自分が『いいな!』と思ったものを日々集め『ネタ帳』を作っています。

『いいな!』の基準は
・色使いがいい!
・イラストがかわいい!
・ロゴがカッコイイ!
・キャッチコピーがささる!
・デザインがGood!
・文字の処理がうまい!
・写真のポーズがおしゃれ!
・折り方がめずらしい!
…などなど。

ジャンルやデザインも、モノも何でもアリです。
特に自分ではあまりやらないデザインや色使いのものを多めに集めています。
でもこうしたものは、集め始めると、集めることに満足して二度と見返さない、
という本末転倒なこともよくある話で。
私も、整頓する時間がなくて、クリアフォルダーに入れっぱなし…ということも
よくありました。

そこで、重要なのが
=====================================
自分ルールで仕分けして、いつでも見られるようにする
=====================================
です。

私の場合は、

★派手
★シンプル

とざっくり分けて、ノートやクリアファイル、書類ボックスなどに、採取(笑)した
日付を入れて保存しています。
業界別に分けようかな、と考えたこともありますが、結局、業界でくくるより
デザインで考えることが多いのでこの分け方になっています。
スクラップを始めたばかりの頃(もう四半世紀近く前ですが…)は、
ペーパーセメント(懐かしいですね!)で貼っていたので、すっかりボロボロに。
コピーで保存し直しましたが、裏写りしちゃって無残です(泣)。

始めたきっかけは、Macを買って(初MacはPower Mac 7500/100、当時30万円以上したと
思います。秋葉原電気街で購入し、大量にくじをもらいましたが、1枚も
あたらなかった思い出が…)、高価なデザイン本が買えなかったというショボイ理由ですが、
メリットもたくさんあります。

・その時々の流行がわかる
・自分の引き出しが増える
・イメージの共有ができる
・業界ごとで必要なワードがわかる
・自分の得手不得手なデザイン・色使いがわかる
・なにより無料!!

「イメージの共有」というのは、例えばクライアントから「赤でカッコイイ感じにして」と
注文が来た場合、一言で「赤」「カッコイイ」にもいろいろとバリエーションがあります。
クライアントの頭の中でイメージしているものを『引き出す』ためにも「こんな赤ですか?」
「カッコイイというとこんな感じですか?」と、ラフを描きながらも、ネタ帳を見せることで、
イメージをガッチリつかむことができます。(もちろん、自分のポートフォリオでやるのが
一番ですが、バリエーションというイミではネタ帳でいいと思います)
そうすれば、プレゼンした際に「う~ん、なにか違うんだよね」といった恐ろしいやりとりが
格段に減ります!

また、撮影に慣れていない営業さんなどにクライアント先での撮影を依頼する場合にも、
言葉で注文を出すより、「こんな感じの写真撮ってきてください」と渡すことで、
確実に伝わります。

あとは、このネタ帳を元に
=====================================
自分だったら、こんな風に作るな
=====================================
というのを実際に作ってみます。

実際に手を動かしてやってみることで、デザインワークにも慣れますし、実作業のスピードも
上がります。こうして新しい自分の「デザインの引き出し」も増えます。

いざ「ネタ帳作るぞ!」といっても、前述の『目標』ではないですが、勢い込んで最初から
大掛かりなものを作ろうとしても、よほどマメな人じゃないと続かないし、「ごみ」を
溜め込むだけになってしまう危険性もあります。

まずは、自分なりのルール(ストックの方法)を決めて、ちょっとずつ始めてみては
いかがでしょうか。

ではまた。

ローカル環境のVirtualBoxを他のPCで確認する方法

初めまして。主にフロントエンド担当のキリンです。
前職は印刷屋、COBOL、JAVAプログラマー、iphone修理屋いろいろ・・


↑Sunがまだoracleに買収される前に取得したJavaプログラマー認定証


パキパキになったiphoneもすぐ治せます!

さて本題に入ります。

ローカルのVirtualBoxで構築したものを他のPCからアクセスする方法です。
環境はWin7
Oracle VM VirtualBox®  Version 5.0.12 Edition
設定を開く
ネットワークを選ぶ
高度を押して
ポートフォワーディングを開く
新規ルールを追加か編集で
名前:任意、プロトコル:TCP、ホストポート:8080、ゲストポート:80 に設定する。

VirtualBoxの設定は以上で
次はファイアウォールの設定です。

コントロールパネル → システムとセキュリティ → Windows ファイアウォール → 詳細設定

受信の規則 → 新しい規則
どの種類の規則を作成しますか?「ポート」
「TCP」「特定のローカルポート:8080」
「接続を許可する」
「ドメイン」「プライベート」(必要なものにチェック)
任意の名前を入力して完了
以上ですべての設定は完了です。
-確認-

コマンドプロンプトのipconfig IPv4 アドレスで自分のipアドレスを確認
ブラウザのアドレス入力欄に「http://IPアドレス:8080/」を入力することで確認できます。

以上の方法でステージング環境などにアップロードする前にちょいと確認するにはいいと思います。

それでは次の更新をお楽しみに!

monologについて

あけましておめでとうございます。
2017年もFAbankをよろしくお願いいたします。

Webサービスには欠かせないAPログについて、FAbankでも使っているmonologを語らせていただきます。
[GIT]Using Monolog

特別な設定はせず、デフォルトのまま使っていましたが
公式のドキュメントを読めば様々なProcesserがありますね。
ProcessIdProcessor: プロセスIDをログ出力
IntrospectionProcessor: 実行したファイル名、行番号等をログ出力

これを使ってみましたが以下の機能的に不満な部分も。

1.LineFormmterの%extra%の部分にJSON形式ですべて出力されてしまう
→ %extra%を%extra.proccess_id%に変更すればフォーマットも柔軟に変更できた

2.ProcessIdProcessorのgetmypid()って本当に一意?
→ プロセスとは離れてしまいますが、uniqid()を使うようにしました

3.IntrospectionProcessorの%extra.file%が全てFuel/Core/Log.php
→ debug_backtrace()ってプロセッサー内でcallする物ではなくて、info()やdebug()などの関数内で呼んで初めて必要な情報得られる気が..

MonoLogについては、更新も多いのでこの辺り試行錯誤していきたいと思います。
ではまた!

入社のいきさつ

入社2年目のプログラマーです。

それまでは独学で、HTMLやPHPを3年間コツコツしていました。
本に習って環境構築から簡単なWEBアプリ作成まで一通り覚えました。

勉強しましたテキスト

今会社では、5人のチームで見て頂いているこのFAbankの開発を行っています。
独学で学んだPHPやMysqlなどもちろん役に立ちましたが、
実戦での経験が乏しくフレームワークの構造を理解するのに長い時間がかかりました。

苦労しながらも仲のいいチームで、サイトを頑張って作っているので
この就職支援サイト、是非活用してください。

PS:もうすぐクリスマスですね。
我が家では50mの電飾で庭の飾りつけをしました。

クリスマス飾り