ブログ BLOG Home Blog #研修 海外研修 今晩は。海外研修初日ですフィリピンは、日本よりも-1時間なんですね。そんなに時差もなくいい感じ関空つくなり、デカイピカチュウが居ったでちゅう飛行機からの夕日はたまらなく奇麗でした！！！到着して、すぐ迎えのバスが来てくれました！30分くらいでホテル到着！！ホテルめちゃめちゃ奇麗！！明日部屋の写真とかアップします！かなり奇麗ですか、Wi-Fiが………遅い、切れる……使い物にならない。モバイルWi-Fiレンタルしててよかった〜とりあえず、早速街に出て晩飯安定の中華！！そして安い！！1ペソ2.3円くらいですね。ホテルに到着したのが20時頃で、いろいろハプニングがありで街に出れたのが21時半くらいだったので今日は早めにホテルに戻り明日に備えます！！明日も更新しまーーーす！！！ #セブ島 #海外 #研修 2017-03-25 Bootstrap、Font Awesomeの導入方法 こんにちわ！研修員の佐藤です。僕が課題で使ったBootstrapとFont Awesomeの簡単な説明をします。BootstrapはPC、タブレット、スマートフォンに対応したレスポンシブなサイトを作れ、スタイリッシュなページを作るのに便利なツールです。Font Awesomeはいろいろな種類のアイコンを使うのに便利なツールです。ではさっそく紹介していきます！まずは準備で<head>～</head>の間に下記の「<link rel="～」から始まる二行を入れます。● Bootstrap ・入力フォームの変え方 inputタグに「class="form-control"」を追加してみました。 コードの「<div class="container">」「<div class="row">」「<div class="col-xs-2">」はbootstrapのグリッドシステムというもので、同じページをスマホや大画面のPCで見た時にそれぞれの画面に対応したレイアウトにしてくれる便利な機能です。 「class="form-control"」を追加してやるだけだと、画面いっぱいに入力フォームが伸びてしまうので、今回は幅を指定してやるために使いました。 ・テーブルの変え方 tableタグに 「class="table table-bordered" 」を追加してみます。 デフォルトのテーブルは比較しやすいようbootstrapのテーブルと同じにするためwidthとheightを入れていますが、bootstrapは先程のグリッドシステムでその幅にあったテーブルのwidthを自動で設定してくれます。 widthとheightを入れてやれば違いはパッとしませんがbootstrapにはデフォルトにはない機能が存在します！ ・ストライプ tableタグに「class="table table-bordered table-striped"」を追加してやります。 行毎に背景の色を自動で変えてくれて横を間違えず見ることが出来ます！ ・ホバー tableタグに「class="table table-bordered table-hover"」を追加してやります。 カーソルをあわせた行のみ背景の色を自動で変えてくれます！・ボタンの変え方 buttonタグに 「class="btn"」 を追加します。後ろに「btn-primary」を追加してやることでボタンの色を青色に変えることができます。 他の色の種類は 青：btn-primary 白：btn-default 赤：btn-danger 緑：btn-success 水色：btn-info 橙：btn-warning があります。●Font Awesomeここ（http://fontawesome.io/icons/）で使いたいアイコンをクリックして、赤い矢印の一行をコピーして自分のコードに張り付ければ完成です！このようにいつものコードにちょっと手を加えるだけで見栄えが断然変わります！これらを使ってより見やすいウェブページを作ってみてはいかがでしょうか？ #Bootstrap #Font Awesome #課題 #研修 2016-10-19 視点の重要さ こんにちわ！研修員の佐藤です。前回の記事の課題にて、課題に取り組んでいるときに気づかされたことを書きたいと思います。僕は最初に住所録のwebページを作る為、必要な機能などをノートにまとめ社長に見ていただいたところ、「作るときにどう使われるかを考えろ」とご指摘いただきました。このページを使用する第三者の目線で考え、改めて自分のイメージを見直してみたところ、無駄な要素の多いとても不親切な設計になっていたと気付きました。課題をこなすと同時に今まで自分がいかに何も感じずにインターネットを使っていたかと思い知らされました・・・「ここはこうしたらもっとよくなるんじゃないかな」ということを常に考えていればこのようなことはなかったと思います。社会に出てたばかりの自分にとって、まだまだこのようなことはたくさん出てくると思います。しかし、社訓の一つに「失敗(ミス)を恐れるな、失敗(ミス)は即、経験に置き換えろ」とあります。だから今回のこれも「良い経験」として今後の仕事に活かせるように頑張りたいです！ #研修 #課題 #経験 #視点 2016-10-07 研修員の課題 こんにちわ！研修員の佐藤です。 この会社にきて、プログラムの基礎となる【データの表示・登録・編集・削除】を使った課題が与えられました。具体的には表示・登録・編集・削除の機能を持った住所録を作るという課題です。何のためかと言いますと一番にシステム屋として基礎となるデータベースの操作を覚えるためです。データベースとは簡単に言うとデータを整理して入れられる入れ物のようなものです。そしてそれ以外にも作るうえで住所録そのもの以外のこともいろいろ学ばせていただきました。・コードの書き方自分の今まで書いてたコードは自分だけがわかっていればよいと適当に書いていました。だけど、プログラムを一人で書くことはあまりないため、ほかの人にも理解してもらう必要があります。例えば適当な変数にしてしまうと他人が見たときに分かってもらえない可能性が高いです。しかし、コメントを残しておけば次誰かほかの人が見たときにでもすぐわかってもらえます。・バリデーションここではデータのバリデーションで、入力されたデータがあらかじめ規定された条件や仕様、形式などに適合しているかどうか検証・確認をしてくれます。例えば僕が使った機能として、どんなデータ（空欄でさえも）でも登録されていったらきりがないので入力必須（空欄では登録されない）の機能や、入力したメールアドレスの書き方が正しいかどうかを判断してくれる機能などがあります。参照：http://e-words.jp/w/%E3%83%90%E3%83%AA%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3.html・Bootstrap、Font Awesome最初僕が作った入力フォームはとても見た目が悪かったですが、Bootstrap、Font Awesomeを導入すると、見た目がとてもきれいになりました。Bootstrap：http://getbootstrap.com/Font Awesome：http://fontawesome.io/icons/ほかにも、・Laravelでの書き方・POSTとGETの違い・ajaxによる非同期化・クロスサイトスクリプティングといろいろあります。これらは基礎の基礎だと思うのでこれからもどんどん学びつつ成長していきます！ #研修 #課題 2016-09-30 業務に臨む研修員 こんにちわ！研修員の佐藤です。前回のブログを投稿してはや2週間ちょっとが経ちましたが、とても早く感じました。それだけ充実した生活が送れているのだと思います。業務に携わる勉強課題をこの2週間で無事に完了し、今は先輩たちに教わりながら実務の動作チェックや修正業務などをさせてもらってます。システムはシビアなのでチェックや修正が多く地道な作業ですが、業務をするうえで必須であり何より今やっておけば基礎となってくるので、気を抜かず精一杯精進します！！弊社は、一人の時間よりみんなの時間を大切にしようということで報連相(ホウレンソウ)はとても大切だと学びました。どんな業務にも人数(マンパワー)をかけて、非効率的に業務をするよりも機械的に出来る所はシステムを作り機械へ。人間にしか出来ない事を人間でと報連相をしていれば、そこにかかる時間や人件費のコストは大幅に変わってきます。一人で悩むより、5分悩んで考えて解らないことは社長や先輩に聞いて解決することで、自分の時間も会社全体の時間もコスト削減につながります。弊社のHPにもありますが「システム使って！！効率と快適を手に入れよう！！」まさにコレに尽きます。報連相が無いまま、社長や先輩達と同じことをしてても、それこそ無駄と思います。新社会人として飛び立ったわけですが、まだまだ学ぶことだらけなのでまずは先輩たちの背中を追っていきます！ #研修 #業務 2016-09-23 研修員として こんにちは、研修員として9月1日から入社しました佐藤亮介です。まだ研修員なので具体的な業務をしているわけではなく業務に携わる勉強をしている最中です。初めての社会人を経験をしているので仕事場の雰囲気を見ると自分は井の中の蛙状態であったと感じます。ゼロからのスタートなので先輩や社長から色々吸収して一刻も早くみんなの力になれるよう頑張ります！追伸:先輩方にご馳走してもらった刺し盛りすごく美味しかったです！ #研修 2016-09-05 記事をもっと見る
海外研修 今晩は。海外研修初日ですフィリピンは、日本よりも-1時間なんですね。そんなに時差もなくいい感じ関空つくなり、デカイピカチュウが居ったでちゅう飛行機からの夕日はたまらなく奇麗でした！！！到着して、すぐ迎えのバスが来てくれました！30分くらいでホテル到着！！ホテルめちゃめちゃ奇麗！！明日部屋の写真とかアップします！かなり奇麗ですか、Wi-Fiが………遅い、切れる……使い物にならない。モバイルWi-Fiレンタルしててよかった〜とりあえず、早速街に出て晩飯安定の中華！！そして安い！！1ペソ2.3円くらいですね。ホテルに到着したのが20時頃で、いろいろハプニングがありで街に出れたのが21時半くらいだったので今日は早めにホテルに戻り明日に備えます！！明日も更新しまーーーす！！！ #セブ島 #海外 #研修 2017-03-25
Bootstrap、Font Awesomeの導入方法 こんにちわ！研修員の佐藤です。僕が課題で使ったBootstrapとFont Awesomeの簡単な説明をします。BootstrapはPC、タブレット、スマートフォンに対応したレスポンシブなサイトを作れ、スタイリッシュなページを作るのに便利なツールです。Font Awesomeはいろいろな種類のアイコンを使うのに便利なツールです。ではさっそく紹介していきます！まずは準備で<head>～</head>の間に下記の「<link rel="～」から始まる二行を入れます。● Bootstrap ・入力フォームの変え方 inputタグに「class="form-control"」を追加してみました。 コードの「<div class="container">」「<div class="row">」「<div class="col-xs-2">」はbootstrapのグリッドシステムというもので、同じページをスマホや大画面のPCで見た時にそれぞれの画面に対応したレイアウトにしてくれる便利な機能です。 「class="form-control"」を追加してやるだけだと、画面いっぱいに入力フォームが伸びてしまうので、今回は幅を指定してやるために使いました。 ・テーブルの変え方 tableタグに 「class="table table-bordered" 」を追加してみます。 デフォルトのテーブルは比較しやすいようbootstrapのテーブルと同じにするためwidthとheightを入れていますが、bootstrapは先程のグリッドシステムでその幅にあったテーブルのwidthを自動で設定してくれます。 widthとheightを入れてやれば違いはパッとしませんがbootstrapにはデフォルトにはない機能が存在します！ ・ストライプ tableタグに「class="table table-bordered table-striped"」を追加してやります。 行毎に背景の色を自動で変えてくれて横を間違えず見ることが出来ます！ ・ホバー tableタグに「class="table table-bordered table-hover"」を追加してやります。 カーソルをあわせた行のみ背景の色を自動で変えてくれます！・ボタンの変え方 buttonタグに 「class="btn"」 を追加します。後ろに「btn-primary」を追加してやることでボタンの色を青色に変えることができます。 他の色の種類は 青：btn-primary 白：btn-default 赤：btn-danger 緑：btn-success 水色：btn-info 橙：btn-warning があります。●Font Awesomeここ（http://fontawesome.io/icons/）で使いたいアイコンをクリックして、赤い矢印の一行をコピーして自分のコードに張り付ければ完成です！このようにいつものコードにちょっと手を加えるだけで見栄えが断然変わります！これらを使ってより見やすいウェブページを作ってみてはいかがでしょうか？ #Bootstrap #Font Awesome #課題 #研修 2016-10-19
視点の重要さ こんにちわ！研修員の佐藤です。前回の記事の課題にて、課題に取り組んでいるときに気づかされたことを書きたいと思います。僕は最初に住所録のwebページを作る為、必要な機能などをノートにまとめ社長に見ていただいたところ、「作るときにどう使われるかを考えろ」とご指摘いただきました。このページを使用する第三者の目線で考え、改めて自分のイメージを見直してみたところ、無駄な要素の多いとても不親切な設計になっていたと気付きました。課題をこなすと同時に今まで自分がいかに何も感じずにインターネットを使っていたかと思い知らされました・・・「ここはこうしたらもっとよくなるんじゃないかな」ということを常に考えていればこのようなことはなかったと思います。社会に出てたばかりの自分にとって、まだまだこのようなことはたくさん出てくると思います。しかし、社訓の一つに「失敗(ミス)を恐れるな、失敗(ミス)は即、経験に置き換えろ」とあります。だから今回のこれも「良い経験」として今後の仕事に活かせるように頑張りたいです！ #研修 #課題 #経験 #視点 2016-10-07
研修員の課題 こんにちわ！研修員の佐藤です。 この会社にきて、プログラムの基礎となる【データの表示・登録・編集・削除】を使った課題が与えられました。具体的には表示・登録・編集・削除の機能を持った住所録を作るという課題です。何のためかと言いますと一番にシステム屋として基礎となるデータベースの操作を覚えるためです。データベースとは簡単に言うとデータを整理して入れられる入れ物のようなものです。そしてそれ以外にも作るうえで住所録そのもの以外のこともいろいろ学ばせていただきました。・コードの書き方自分の今まで書いてたコードは自分だけがわかっていればよいと適当に書いていました。だけど、プログラムを一人で書くことはあまりないため、ほかの人にも理解してもらう必要があります。例えば適当な変数にしてしまうと他人が見たときに分かってもらえない可能性が高いです。しかし、コメントを残しておけば次誰かほかの人が見たときにでもすぐわかってもらえます。・バリデーションここではデータのバリデーションで、入力されたデータがあらかじめ規定された条件や仕様、形式などに適合しているかどうか検証・確認をしてくれます。例えば僕が使った機能として、どんなデータ（空欄でさえも）でも登録されていったらきりがないので入力必須（空欄では登録されない）の機能や、入力したメールアドレスの書き方が正しいかどうかを判断してくれる機能などがあります。参照：http://e-words.jp/w/%E3%83%90%E3%83%AA%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3.html・Bootstrap、Font Awesome最初僕が作った入力フォームはとても見た目が悪かったですが、Bootstrap、Font Awesomeを導入すると、見た目がとてもきれいになりました。Bootstrap：http://getbootstrap.com/Font Awesome：http://fontawesome.io/icons/ほかにも、・Laravelでの書き方・POSTとGETの違い・ajaxによる非同期化・クロスサイトスクリプティングといろいろあります。これらは基礎の基礎だと思うのでこれからもどんどん学びつつ成長していきます！ #研修 #課題 2016-09-30
業務に臨む研修員 こんにちわ！研修員の佐藤です。前回のブログを投稿してはや2週間ちょっとが経ちましたが、とても早く感じました。それだけ充実した生活が送れているのだと思います。業務に携わる勉強課題をこの2週間で無事に完了し、今は先輩たちに教わりながら実務の動作チェックや修正業務などをさせてもらってます。システムはシビアなのでチェックや修正が多く地道な作業ですが、業務をするうえで必須であり何より今やっておけば基礎となってくるので、気を抜かず精一杯精進します！！弊社は、一人の時間よりみんなの時間を大切にしようということで報連相(ホウレンソウ)はとても大切だと学びました。どんな業務にも人数(マンパワー)をかけて、非効率的に業務をするよりも機械的に出来る所はシステムを作り機械へ。人間にしか出来ない事を人間でと報連相をしていれば、そこにかかる時間や人件費のコストは大幅に変わってきます。一人で悩むより、5分悩んで考えて解らないことは社長や先輩に聞いて解決することで、自分の時間も会社全体の時間もコスト削減につながります。弊社のHPにもありますが「システム使って！！効率と快適を手に入れよう！！」まさにコレに尽きます。報連相が無いまま、社長や先輩達と同じことをしてても、それこそ無駄と思います。新社会人として飛び立ったわけですが、まだまだ学ぶことだらけなのでまずは先輩たちの背中を追っていきます！ #研修 #業務 2016-09-23
研修員として こんにちは、研修員として9月1日から入社しました佐藤亮介です。まだ研修員なので具体的な業務をしているわけではなく業務に携わる勉強をしている最中です。初めての社会人を経験をしているので仕事場の雰囲気を見ると自分は井の中の蛙状態であったと感じます。ゼロからのスタートなので先輩や社長から色々吸収して一刻も早くみんなの力になれるよう頑張ります！追伸:先輩方にご馳走してもらった刺し盛りすごく美味しかったです！ #研修 2016-09-05