dandelionS Blog

Notice: A non well formed numeric value encountered in /export/sd215/www/jp/r/e/gmoserver/2/9/sd0971329/dandelions.co.jp/blog/wordpress-4.9.8-ja-jetpack_webfont-undernavicontrol/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /export/sd215/www/jp/r/e/gmoserver/2/9/sd0971329/dandelions.co.jp/blog/wordpress-4.9.8-ja-jetpack_webfont-undernavicontrol/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /export/sd215/www/jp/r/e/gmoserver/2/9/sd0971329/dandelions.co.jp/blog/wordpress-4.9.8-ja-jetpack_webfont-undernavicontrol/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /export/sd215/www/jp/r/e/gmoserver/2/9/sd0971329/dandelions.co.jp/blog/wordpress-4.9.8-ja-jetpack_webfont-undernavicontrol/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

技術者ブログと題して社員が日ごろ取り組んでいる学習内容を紹介します。
第7回はレスポンシブデザインをテーマにしている第0ユニットです。

前回第0ユニットでは、WEBサイトとBootstrapについて説明させていただきました。
今回はBootstrapを利用するための方法をご紹介したいと思います。

まずは前回のおさらいもかねて、Bootstrapを利用するとどうなるかをご紹介します。
以下の画像は、弊社サイトにあるお問い合わせ画面です。

ここから、Bootstrapの利用をしないと以下の画像のようになります。

お問い合わせの入力エリアや文字のスタイルがおかしいことが分かります。
テキストボックスや文字の大きさ、配置がBootstrapで用意されているスタイルシートのクラスを利用しているため表現が崩れてしまいました。

では実際に利用する方法をご紹介します。
利用するには以下の3つの方法があります。
・Bootstrapをダウンロードする
・CDNを利用する
・パッケージマネージャを利用する

■Bootstrapをダウンロードする
この方法はBootstrapのサイトから必要なファイルをダウンロードし、HTMLでダウンロードしたファイルを読み込む方法です。
この方法であれば、ネットワークに繋がっていなくてもBootstrapを使用してWEBページの作成が可能です。

HTML記載例

■CDNを利用する
CDNとは、コンテンツデリバリーネットワークの略でBootstrapを配布する仕組みです。HTML内にそのためのタグを用意しておくだけで使えるようになるので非常に簡単に利用ができます。
ただし、ネットワークに繋がっていないと使用できないのと、自サイトではない外部からファイルを読み込むためCDNサイトが使えなくなったり、アクセスが遅くなったりすることがあります。

HTML記載例

■パッケージマネージャを利用する
パッケージマネージャとは、対象のソフトウェアのインストールから新しいバージョンへの更新、以前インストールしたバージョンの削除を容易に行えるプログラムです。
Bootstrapではnpmと呼ばれるパッケージマネージャを利用しており、Node.jsをインストールすることで同時に組み込まれます。
Node.jsに触れると説明が多くなりますので、ここではご紹介のみとさせていただきます。

実際にWEBページを作成する際に、どの方法がよいか考えて選んでみてください。

さて、次回第0ユニットの技術者ブログではBootstrapの導入の続きとしてJavaScriptに触れていきます。
お楽しみに！

※今夏に当社でインターンシップを行い、外国人留学生の方２名と日本の大学生の方１名に参加をしていただきました。
当記事では、参加者の方の体験談を紹介していきます。

↓以下記事になります。

この度株式会社ダンデライオンズの夏季インターンシップに参加しました。

この５日間で自己紹介やビジネスマナー、名刺交換など日本の企業に就職する際に役立つ知識を身につけたり、ショッピングサイトの運用業務を体験しました。実際に社会人として名刺交換をしたときはすごく緊張していました。

自己紹介ではマインドマップを作って自分の趣味・最近の自分のニュース・自分の未来像を紹介しました。マインドマップを使ってみるとより詳しく話せると思いました。

また皆と一緒にハローワールドという会社が企画しているカードゲームで遊びました。
実際に遊んでみると楽しかったです。

仕事中や人間関係などに差をつけるにはどうしたらいいのかということを詳しく説明していただきました。とても役に立つと思いました。

そしてショッピングサイトの運用業務の中で日本の雑貨・日本の文化・日本の娯楽についてグループディスカッションをしながらペルソナの仮説を立て、実際の市場調査を行い、情報を収集しました。自分の想像とは全然違う調査結果が出た事に驚きました。

外国人の人がよく買う商品、そしてその人にはどんな特徴があるかがわかりました。

名古屋経済大学　ベトナム人留学生（男性）

※今夏に当社でインターンシップを行い、外国人留学生の方２名と日本の大学生の方１名に参加をしていただきました。
当記事では、参加者の方の体験談を紹介していきます。

↓以下記事になります。

今回、株式会社ダンデライオンズの夏季インターンシップに参加しました。 五日の間にいろいろなビジネス知識を学び、たくさんの実務経験を積みました。

具体的な実習内容についてはまずマインドマップという方法で自己紹介を考えて練習すること。
名刺の作成と交換練習、ショッピングサイトの実際の運用を体験して業務を行うことが含まれています。

その五日間の業務実習を通じビジネスマナーとグループディスカッションが深く印象に残りました。

江戸時代の「しぐさ」が現在ビジネスマナーの背景として、今でも影響を及ばしています。
特に新卒の学生たちにとって社会人になるための重要な授業と感じました。

またショッピングサイトで出品するために、雑貨、文化、娯楽というテーマによってグループディスカッションを行い、ペルソナ方法で作る仮説に関する情報を捜索し、データ収集をして分析しました。

実務での市場調査が難しいというより、広範囲でどのように目標を確定し、有用な情報を得ることのほうが大切だと思いました。

最後になりますが今回のインターンシップに参加して良かったです。 今後の私のキャリアプランまたは就職活動に役立つと思っています。

豊富な実務経験を習得でき、自分が本当にやりたいことおよび不足も見つけました。

名古屋大学大学院　中国人留学生（女性）

リージョン及びアベイラビリティーゾーン（以下AZ）とは、AWSを利用する上で物理的なサーバを意識する、数少ない項目です。 今回の技術者ブログでは、この2つについて、簡単に説明します。

リージョン

まずリージョンですが、データセンタ群が存在する地域を指します。
現在AWSは、米国東部（バージニア北部）、欧州 (フランクフルト)、アジアパシフィック (東京)アジアパシフィック (シドニー)等々、世界中19個の地域にデータセンタ群を保持しています。

基本的には使用場所とリージョンの距離が近い程、通信レスポンスが良いです。
特別な理由がない限り、日本では東京リージョンを使うことが一般的でしょう。

AZ

次にAZですが、大まかに言えばデータセンタとイコールで考えてもらえばよいです。
ちなみに、東京リージョンには4つのAZが含まれています。
どこか一つのAZで障害が起きた場合でも、別AZは影響をうけません。
そのため、システムを別AZで平行稼働させることで、耐障害性を上げることができます。
8月23日に発生したAWSの大規模障害は、東京リージョンの一部のAZで障害が発生したことが原因です。実際にこういった事例が起きたことから、AZのマルチ化をすることがより重要視されるようになりました。