英姿颯爽

日々の気づきや、技術的な進捗のお話です。

【プログラム】Bootstrapは本当に便利なのか

お疲れ様です。

アクセス数14300人突破

時間が空いてしまいましたが、気づけばこんなにも多くの方に訪問していただけるようになりました。
以前よりかは技術によった内容を話せることもできると思いますので、これからもよろしくお願いいたします。



今回取り上げるお話は、Bootstrapについてです。
まずはじめに、どういったものなのか紹介させていただきます。

Bootstrapとは?

getbootstrap.com

Twitter社が開発した、WebのCSSフレームワークのことです。
デザインなどに専門の知識を持ち合わせていない人でも
このフレームワークに当てはめることで、おしゃれなサイトが作れてしまうというもの。


ちょとよくわからないという人は、
f:id:kurischool:20150808214505j:plain
こんな感じを想像していただければ幸いです。

嘘です。

要は、手本を元に切りはりしたり、同じ言葉を書いたりとてんやわんやな手順を踏めば
ホームページが作れるというものです。



PHPなどが主流の頃に爆発的に流行し、今でも大人気ですね。

利点としては、プログラマーがデザイナの力を借りることなく、
本格的なwebサイトが構築できたり、一つのサイトをスマートフォン用に切り替えてくれたりもしてくる
なんとも便利な優れものです。


さあ、使おう!

今回ちょっと待ったをかけさせていただきたいのは
そんな便利なBootstrapを、さあ使おう!と飛びついてしまうことです。


題名で否定しているものの、なにもBootstrapそのものを否定している訳ではありません。
むしろ、私自身もかなり便利だと思いアホみたいにしょっちゅう使っています。


ただ、一点だけ
今回共同開発をしていて、非常に困ったことがあったので
少しでもお話できればと思いました。



「わかっていないなら使わない!」


何より伝えたいのはこの一点です。

今回、プログラムをやりたくないと主張する同期にデザインを一任しました。
Bootstrapを紹介したところ、とち狂った様に笑いながらCSSを書いていたため
チームメンバー一同、なんとも言えない感情になりながらも、彼に全てを託しました。

そして、開発もいよいよ終盤というところに差し掛かったところ
その同期が、机に突っ伏したまま動かなくなっています。

何事かと聞いたところ
「わからなくなった、助けてくれ」とのこと。


あまり時間もないので、私がデザインを引き受けたのですが
なんとも地獄の時間の始まりでした。



タグの意味がわからない、どこにあるのかわからない

他の人のソースコードを引き継いで、わからなくなるということは
共同開発をしていると結構あるのではないでしょうか?

そう考えると
タダでさえわかりにくい他の人の作ったフレームワーク
間に一人改善を加えた人間いて
それを受け継ぐわけです。


タグの意味も動作も全くわからない…


さらに、このCSSファイルとJSファイル
ご丁寧に、ミニマライズされており、まさに地獄絵図…



触れたことのない技術などに果敢に触ってみること
これは、かなり素晴らしいことだと思います。


ただ、これをするにはそれなりの理解が必要ということも
是非とも念頭に置いていただきたいです…!

特に共同開発や他の人と共有したものを使う場合には
細心の注意を払わなければいけないですね…



他の人に巻き込まれてみて、自分も改めてソースコードの書き方や
引き継ぎの仕方を考えようと考え直させられました。


失礼します。

近況報告

この人いつも近況報告しているなと思われそうではありますが
改めて近況の報告をさせていただきます。


無事先日、会社の新人研修を全過程終えました!


本当にこの3ヶ月大変なことばかりで、何度も心が折れそうにはなりましたが
なんとか生存しています。



明日から現場配属ということもあり、少し時間と気持ちにも落ち着きがでてきたので
本日より更新を再開いたします。


1年前にあげたやることリストや、アクセス数の推移
またまた、たくさん蓄えた技術的な話など、お伝えしたいことが山ほどあるので
改めてこれからもよろしくお願いいたします!

今回はここまでで失礼します

【GW】オーサムストアへ行ってきました

今日も一日お疲れ様です。

アクセス数12000突破

すっかり月一の更新になってしまっていますが…
今回も多くの方にみに来ていただけてありがたい限りです。

いろいろな技術の話だったり、行ってみたら面白い場所だったりを紹介するため
様々な経験をしたいのですが…
とりあえずは、研修を乗り切らなければならないので…

6月末頃からですかね…笑

とにもかくにも元気に生きてはいますので、その点はご安心いただければ…


ゴールデンウィーク

5月の上旬には、ゴールデンウィークがありましたね!
僕も実家に帰省したり、東京観光したりとちょっとした息抜きになりました!

今回行ってみて、ここは…!
と思ったところを紹介していこうと思います。


オーサムストア

www.awesomestore.net
代官山にあるオシャレな雑貨屋さんです。
全国に数箇所しかなく、面白い雑貨がたくさんあるっていう話を聞いたので
せっかくの休みだし、ということで足を運んでみました。

店内の雰囲気も落ち着いているんですけれども、なにより驚いたのがその値段。


こういった雑貨屋さんってスポンジみたいなのでも200円とかしたりするのがネックなんですよね…
ですが、このオーサムストアですと200円もあればスポンジが2〜3個買えてしまうのです!



…正直ピンとこないですよね、わかります。
例えば…
f:id:kurischool:20160515223535j:plain

このタオルホルダー
お値段は290円

すごく小さくて小規模なスペースに設置できるのですが
引っ張っても簡単には取れないようになっています。


f:id:kurischool:20160515223539j:plain

また、こちらの小物入れ
ペンホルダーや雑誌ホルダーなどの様々な大きさや種類があるのですが
どれも1つ300円ほど

試しに2つほど買って、玄関に置いてみたのですが
部屋に統一感が出て、とってもオススメです!

家の鍵とか腕時計とか…
家から帰ってきて何気なくポンと置いてしまうのと
こういった小物入れに入れるのとでは、やっぱり雰囲気ががらりと変わりますね!



いかがだったでしょうか?
一人暮らしをしていると、あんなものが欲しい。
こんな風にしたいっていうビジョンがわいたりするんですけれども

汎用的な100円ショップはデザインがシンプルで壊れやすい
雑貨屋などでは、デザインや機能面は十分な代わりに値段が張ったり…

ちょうどいい価格帯っていうのがなくて、結構苦労するのですが
「オーサムストア」が自分には一番しっくりきました!

また足を運んでみようと思います!
失礼します!

近況報告

お久しぶりです
約4ヶ月ぶりに重い腰をあげました。

アクセス数11000突破

しばらくみないうちにとんでもない数字に到達していました。
以前の更新時点で6000とかだった記憶があるのですが…
およそ倍近い人が足を運んでくれていたようです…

『毎日更新頑張ります☆』

そんなキラキラした言葉を発していた時期もあったなと
数ヶ月前の記事を見ると顔が真っ赤になります。


近況報告

約4ヶ月もの間何をしていたかという話から始めていきます。

社員研修
2月は一ヶ月、研修を受けていました。
東京の3畳のホテルに住み込み、約1ヶ月間通っていました。
生活はなかなか大変で苦しい物もありましたが…

始めて出る社会ということもあり、特別な思いで一ヶ月すごしました。
やはり、アルバイトやインターンとは違い、正社員ということでかなり身が引き締まりますね。



自転車旅行
これを記事にしなかったのは、我ながらかなり頭が悪いですね。
おそらく自分の人生のなかでも大きなターニングポイントになったように感じます。
「愛知↔︎東京」約400kmの道のりを自転車で走破しました。

長くなりそうなので、また改めて一つの記事にしたいと思います。



卒業式&卒業旅行
無事大学の課程を修了しました。
なんとも早い4年間でしたね…
できるのであれば、まだまだ学生でいたいものです。

卒業旅行も海外にはいかなかったものの、九州やディズニーランドに足を運んだりと
国内のいろんなところを回ることができました。
やはり自分は国内が好きですね。
というよりも、国外は空港で射殺されるという勝手なイメージが先行しているため
相当な覚悟を決めない限りは、足を運ばないかと思います。



入社
ついに4月1日より社会人です。
ITベンチャーのエンジニアとして現在も研修を積んでいます。
一人暮らしも始まり、環境や生活の軸など大きく変化があり、体を壊したり、辛い思いをしたりと
なかなか波乱万丈な一ヶ月をすごしましたが、なんとか生きていけそうです。




かなりハイスピードで4ヶ月を振り返りました。
現在は、ゴールデンウィーク中で地元へ帰省したり、課題に追われたりしていますが
いつも通り元気にやっています。

以前のように毎日更新とはいきませんが、少しずつでも更新していけたらと思います。
(ここまで読み返してみて、恐ろしいほどテンションが低いことに気づきました。)



駆け足な内容になってしまいましたが
今後とも「英姿颯爽」をよろしくお願い致します。
失礼します!

勉強で対戦?「zuknow」を使ってみた

今日も1日お疲れ様です。

アクセス数6300突破

少し日にちが空いた間に多くの方に来ていただけました。
今後ともよろしくお願いいたします。



検定の勉強や技術の習得など
学生だけでなく、社会に出ても学習の機会はたくさんあると思います。

ですが、仕事など時間をさけないことが多いのではないでしょうか?

移動中などに簡単に勉強できるツールを探していたのですが、これが便利だったので紹介させていただきます。
基本情報技術者試験取得のため、使用している参考書で紹介されていた「zuknown」というアプリです。


どんなアプリ?

一言で表すと「単語帳」です。
学生の頃の実経験なのですが、単語帳を作ることに熱中して数回眺めて満足してしまったり…
恥ずかしながら、単語帳を作ったということで達成感を得てしまっていました…

そんな単語帳のように、単語を表示してくれたりクイズを出してくれるという「学習支援アプリ」です。
f:id:kurischool:20160118234119j:plain




問題や単語などは、誰かが作成したものを使うこともでき、自分で作ることもできます。
f:id:kurischool:20160118234108j:plain


クイズで対戦?

このアプリの1つの特徴が自分の学習がどのくらい進んでいるかが可視かされているという点。
今までの学習記録正解数などが表示されます。
また、同じ単語帳を利用している相手などと正解数などを競うことができます。

同じ検定や、同じ課題をする友人やグループないで順位がつくので
「絶対に負けたくない!」というふうにモチベーションも上がりますね。



モチベーション管理

自身のモチベーション管理として、数時間おきに自分の使用している単語帳の中から
6問程度の短い問題が出題されるので、自然と学習できるようになります。


クイズで対戦
学習支援アプリ「zuknown」ぜひ、使ってみてはいかがでしょうか?
それでは失礼します。

USJ行ってきました

今日も1日お疲れ様です。

アクセス数5900人突破

大台の6000がついに見えてきました。
いつも本当にありがとうございます。
今後ともよろしくお願いいたします。

USJ

新年早々USJに行ってきました。
「天使のくれた奇跡」を見るために行ったのですが、1月6日までだったのですでに終了していました。
f:id:kurischool:20160110233029j:plain

プロジェクションマッピングみたかった…


イベント終了、平日などからパーク内はかなり空いていました。
長くても100分待ちの「ハリウッドドリームバックドロップ」が最長待ち時間でしたね。

ハリポタブームは過ぎ去ったのか、常に30分前後の待ち時間でした。
解放直後は120分待ちがデフォルトだったんですけれども、気づけば…


エリアないは混んでいるので、アトラクションはみなさん乗り飽きたみたいですね…
懲りずに乗ってきましたが…笑


1日を通して様々なアトラクションに乗ったわけですが、体験してみてとんでもなく面白かったのが…
f:id:kurischool:20160110234041j:plain


期間限定アトラクションの「妖怪ウォッチザリアル2」です。

待ち時間が20分と書かれていて、子供用アトラクションとわかりつつ行ってみたのですが…
これが本当に面白くて度肝を抜かれました…
(技術的にもものすごかったです)


どんなアトラクション?

ウォークスルー型?というんですかね
チェックポイントや目標を達成するために歩き回るというアトラクションになっています。


入り口で「妖怪ウォッチ」「妖怪パッド」を手渡されます。
この妖怪パッドに表示される地図をもとに、目的の場所に行き
出てくる妖怪を妖怪ウォッチで捕獲するというもの。


ゲーム性としては、とても単純なのですがここに様々な技術が盛り込まれており
大人でも楽しめるようになっています。


物語への入り方

入ってすぐに映像を見せられます。
大きな木や神社のセットの前に小さな幕が貼ってあり、そこに映像を射影するという演出
www.youtube.com

こちらの動画の前半部分
現実にいる人間と、架空のキャラクターとの掛け合いなどの新しい演出を体感しました。
今までは、CGで後付けするなどの演出でしたが投影によりその場で会話が展開するリアル感

また、背景映像などを投影するのではなく、しっかりとしたセットを組むことによってさらにリアル感をゲストに提供していました。
(上記映像には、アトラクション内などもありますので、よろしければそちらとあわせてこの後の記事をどうぞ)



アトラクションが始まると?

第一のすごい!
キャストの指示のもと、道を進んでいくと
そこには商店街が広がっています。
これが本当に感動です!

実際に見てもらわないと伝わりにくいのですが…
セットということを感じさせないくらい、世界観がリアルに表現されていて
まったく違和感がなくなっていました。



第二のすごい!
キャストさんの演技。
アトラクション内には、パッドを使うことから不具合があった時のために多くのキャストさんがいます。
ただ、このキャストさんたちが本当にすごかった。

学生服を着ていたり、OLさんに扮していたりとそこに対するこだわりもすごいのですが…
こちらからモーションをかけないと世間話を始めるんですね。

本当に街の中にただいる人
この一点に関して完璧に街に紛れていました。



第三のすごい!
映像がすごい。
お肉屋さんのショーケースや車のフロントガラスなど
それらの画面が実は、液晶になっていて妖怪が出現するとその画面が切り替わります。

まるで、妖怪が現実に出てきたかのように裸眼立体視も盛り込まれており
最新技術のオンパレードでした…




妖怪たちを集めて、最後のミッションに挑むわけですが
こちらは是非、体感していただきたいです。
もう日数もあまりないのですが…
(13日を過ぎたら、追記で書こうと思います。)


これは、妖怪ウォッチザリアル3が来てもおかしくないと思います。
というよりもやってほしい…
個人的にすごく行きたいです。


来週から始まる「クールジャパン」に期待が高まります。
失礼します!

おすすめブログ紹介

今日も1日お疲れ様です。


今朝方、昨日の記事が退屈先生から☆を投げられて携帯を持つ手が震えました。
f:id:kurischool:20160106233839p:plain

見てもらえていたことに感激なのと、まだこちらからなんのアクションも起こしていないことに戸惑いを感じています。
そう思うなら行動起こせっていう話ですね。起こします。


おすすめブログ紹介

今回は少し趣向を変えて、自分が普段お世話になっているブログや面白いブログを紹介させていただきます!
*あくまで、こちら発信の記事なので相手方とはなんの関係もありません。


ARuFaの日記さん
arufa.hatenablog.jp

Twitterから見つけたのですが、記事の書き方が本当に面白いです。
やってることも面白く、ついつい次から次へ記事を読み進めてしまいます。
少しでも気になったら、1つでも記事を読んでいただきたいです。

百聞は一見にしかずとはこのことだと思います。



退屈だからブログ作ってみたさん
taikutsu8823.hatenablog.com

前述した退屈先生のブログです。
個人的に好きなシリーズは「ニート脱却ファイタータクマくん」
読者のコメントにすべての展開を委ねるという新しい形のWeb漫画です。

そのほかにも「退屈だから〜」で始まる、記事は退屈先生のツッコミだったり毒舌に思わず笑ってしまいます…笑



zumoのイラストブログさん
linestamp.hatenablog.jp

いつもブログに☆をくださる方で、LINEスタンプの販売を行っています。
リアルな動物のスタンプが本当にすごいです。
絵を描く修行中の身としては、こんなにうまくなりたいものです…



夏までにiPhone アプリつくってみっか!
さん
tf.hateblo.jp

Unityでゲームを作るときに最初に参考にしたサイトです。
すでに2種類ほどゲームの配信もしており、早く自分もサービスを提供できる側になりたいですねー…



生存報告書さん
m0kichiazuma416.blog.fc2.com

もともとは私がブログを始めるときに
「誰か一緒にやろうよ!!」と言い回ってたら初めてくださった方の一人。
今でも更新が続いていて、励みになります。

同じ技術ブログということもあり、刺激になります。




今回はこんなところです。
もっといろんなブログを発掘して、書き方なども吸収していきたいですね。

失礼します。