最近の環境

P1000426

PCで作業しようにも
数分座ってると腰が痛くなって続かない\(^o^)/

その上ネットも繋がっていない始末。
開通は月末になる模様。

プロバイダ:初月無料です!

僕:1日じゃん\(^o^)/

僕:じゃあ5月に入ってからでいいです!

プロバイダ:工事が混んでるので10日くらいになります^^

ほげ〜

\(^o^)/

アウトドア派になるしかねぇ!

P1000410P1000411P1000423

とりあえずせめてまともな机が欲しい

Posted on 4月 27, 2015 at 21:27 by 伊崎 · Permalink · One Comment
In: 日常

NHK英語講座

とりあえず新年度版第一回。

5時半に起きてらじるらじるで6時からの放送待機。
基礎英語1~3まで聞いてNHK語学のサイトで
出欠記録を付けたりWEBドリルをやって7時10分。

今はまだ簡単だからいいけれど、
難しくなってくるともっと時間がかかるかも。

1日1時間オーバーしてしまうと続けるのがちょっと大変かもしれない。

Posted on 3月 30, 2015 at 07:14 by 伊崎 · Permalink · 2 Comments
In: 英語

CASEC一回目

2015-03-30_000457

CASEC受けてみた。
TOEIC予想スコアが335だってよ!ひっく!!!

しかし1年前に受けたTOEICが270点だったことを考えれば
わずかにでも伸びている。スズメの涙、誤差の範囲かもしれないけれど
何気にうれしかった。

CASECとは

英検が作ったオンラインで受けられる英語の試験。
いつでも自宅で実力が確認できる。

値段も1回3900円。
頻繁に受けるとなると少し高い気もするけれどまずまず。

NHK英語講座テキストを買ってきた

DSC_0031

明日から新年度版がはじまるということで、
基礎英語1、2、3とエンジョイシンプルイングリッシュのテキストを買ってきた。
事前テストではA1で基礎英語3は少しオーバーかもしれないけれど、
少し続けてみようと思った。

英語学習の予定

とりあえずNHKラジオ講座を続けながら、
2ヶ月に1回くらいのペースでCASECで実力を測る感じでいきたいと思う。

適当に悶々とやっていると
どうしてもモチベーションが続かなくなってしまうけれど、
成果がこうして簡単に確認できるなら少しは楽しめそう。

続けるのは割と得意な方だから1年間頑張りたい。
つらそう。

とりあえず12月にTOEIC600を目指す。

Posted on 3月 30, 2015 at 00:14 by 伊崎 · Permalink · 6 Comments
In: 英語

Sass, LESS勉強メモ

CSSは慣れないと書くのも読むのも面倒くさい。
そういった不満を取り除く言語があるらしい。それがSaSSとLESS。

Sass(サス)

LESS(レス)


まとめ

SassもLESSも同じようなことができる。
しかし実際に導入されているのはSassの方が多いらしい。

僕自身は初めて聞いたものだったが、
なんでもDeNAやLINE、クックパッドなどの会社も導入しているとかなんとか。
Sassでラクに書きたいけどCSSフレームワーク使いたい・・・

そんなアナタにBoostrap-sass。
もしかして・・・とは思ったけれど、まさか本当にあるとは。
それだけSassの需要が高まっているのかもしれない。

Posted on 3月 20, 2015 at 23:50 by 伊崎 · Permalink · Leave a comment
In: CSS · Tagged with: ,

jQuery, Bootstrapの勉強メモ

jQuery


jQueryはかなり便利だった。導入も簡単なのがいい。
本当ならJavascriptだけで色々やってみた後で
jQueryに手を出してみると、更にその威力が分かるのかもしれない。
先にjQueryありきで始めると手放せなくなりそう。


先日HTML5について改めたとき、
DOMと聞いてドキュメントオブジェクトモデルかー、へー。
と何か新しく覚えた気になっていたけれど、
前にXMLの勉強をしたときに普通にやってた。忘れてた。

そうしてみるとjQueryはXMLパーサに色々機能を追加した感じぽい。
途中でboostのプロパティツリーを思い出した。

Bootstrap


Bootstrapを少し触ってみて驚いた。
本当に簡単に色々と出来てしまう。
応用しようと思うとクラスや細かい属性の知識が必要になってくるけれど、
デザインを作ること意識せずに中身の実装に力を入れられる。

はじめ、CSSフレームワークを使うと
大体同じような見た目になってしまうのではないかとも思っていたけれど、
きちんと使えばモダンでオリジナル性の強いサイトも作れる。
ふと気になってドットインストールのサイトでソースをみてみたら、
Bootstrapが使われていた。驚き。

CSSフレームワークはBootstrapだけでなく他にも色々と公開されている。
Bootstrap(Twitter Bootstrap)から派生して
Google Bootstrapなんかもあるらしい。

勉強につかったサイト

ドットインストール – jQuery入門
ドットインストール – Bootstrap入門

Posted on 3月 19, 2015 at 11:06 by 伊崎 · Permalink · Leave a comment
In: Bootstrap, jQuery

Bootstrap勉強中の残念な出来事

HTML、CSS, CSS3, Javascript, jQueryと入門をやって、
次にBootstrapをやってみている際に起きた残念な出来事。

Bootstrap便利だなー!と思って進めていると、
Gridシステムだけなぜかきちんと表示されない。

2015-03-18_165900

こう表示されるはずなのに、

2015-03-18_170233

どうしてもこうなってしまう。
コードは間違っていないし、他のメニューなんかは正常に表示されている。
公式のサンプルでもグリッドシステムだけがうまく表示されない。

例ではBootstrapのバージョン3.0を使用しており、
ダウンロードしてきたのは最新版の3.3.4だった。
バージョンアップで何か変わったのかもと、過去バージョンにしてみても結果は変わらない。

Windows上で色々試してもダメ。
ならばLinux上ではどうかとUbuntuで同じことをしてみる。
正常に表示される。

うそ・・・だろ・・・

Windowsに戻って改めて確認してみる。
どこも間違っていない。

もっと詳しく見ようとブラウザを拡大する。

あっ・・・・

2015-03-18_170836

2015-03-18_171746

誰も詰まらないようなところで詰まる。
残念すぎて自分で苦笑い。これがレスポンシブデザインってやつか。

こんなのわざわざ記録するのも恥ずかしいことだけど、
もしかしたら数千、数万人に一人は同じところで悩む人がいるかもしれない。

・・・いるのかな。

でも今回詰まったおかげで、
Chromeで開発するときは開発者ツールのメニューから
「DevTools」を開いているときはキャッシュしない設定があること知った。
こんな残念なことでも身についたことがあってよかった。

でかいディスプレイが欲しい

Posted on 3月 18, 2015 at 17:13 by 伊崎 · Permalink · Leave a comment
In: Bootstrap

Javascript勉強メモ

敬遠していたけれど今更ながらやってみる。
ひとまずドットインストールのJavascript入門をやった上での感想をメモ。

ドットインストール – Javascript入門

思ってたよりシンプル


Javascriptで書かれたコードを目にする機会はそれなりにあった。
しかし実際に運用で使われているコードはどうしても複雑で難しい印象があった。
今回、改めて基本構文などを勉強してみると、
思っていたよりシンプルで分かりやすかった。

細かい機能やどんなことができるのかは流石に覚えきれないが、
基本的な記述はCやC++などと大差はなくぽんぽんと進められた。

以下困りそうなところ。


即時関数は変数のスコープを制限するのに使われることがあるらしい。
他にも複雑になってくると多用されていることがあるとか。
スコープに関して言えばC/C++みたいに、
{}で囲っただけで判断してくれれば分かりやすいんだけどなぁ。

オブジェクトはクラスみたいなもの。
プロパティに直接アクセスできること、
アクセス制限がないことを考えると、
C++で構造体を使うようなものなのかもしれない。

DOM


ドキュメントオブジェクトモデル。
Javascriptでページ上の要素を自由に操作できる。
そんな感じのことができるというのは知っていたけれど、
実際にやってみて笑ってしまった。これは頑張ればなんでもできそう。

リファレンス


Javascriptを触る上ではMozillaのリファレンスがいいらしい。
https://developer.mozilla.org/ja/docs/Web/JavaScript

なんか・・・


WordpressのJetpackでMarkdownを有効にしてみたら
表示が気持ち悪いことになってる。なんだこれ。
見出しの後の改行が文の改行になってる・・・。

Posted on 3月 17, 2015 at 15:10 by 伊崎 · Permalink · 2 Comments
In: Javascript

HTML5+CSS3勉強メモ

色々と改めて勉強をするにあたって、
そもそもの基礎であるHTML+CSSの基本を改める。

今までも興味本位で触ったことはあったけれど、
その場限りで出来ればいいやといい加減に済ませていた部分が多かった。

それに関する勉強メモ。

HTML5関連


CSS関連


CSS3関連



まとめ

HTML5は少し前に簡単にやってみたことがあったけれど結構忘れていた。
sectionやarticle、asideといったセクショニングコンテンツの存在を思い出した。
前に勉強したときはHTML5が正式にリリースされたときでまだまだ情報が少なかったけれど、
今は解説サイトも増えててよかった。

CSS、CSS3については今まで本当にいい加減だった。
「これをしたい」と思ったらとりあえずググってそれっぽいコードを拾ってきて、
トライアンドエラーで試行錯誤していた。
ボックスモデルとか存在はGoogleChromeの要素の検証で見ていたけれど
呼び方すら知らなかった。

HTML5関係はひとまず、
html5プロフェッショナル認定資格のレベル1を目指してみようと思う。
レベル1でも舐めてかかるとそれなりに難しいらしい。

CSS3とかもうぶっ飛んでる。
キーフレームアニメーションまで出来るとか、
もう見た目を規定するCSSって言い方すらおかしいんじゃないか・・・?

勉強に使ったサイト

ドットインストール – HTML入門
ドットインストール – CSS入門
ドットインストールCSS3入門


Posted on 3月 17, 2015 at 11:15 by 伊崎 · Permalink · 4 Comments
In: CSS, HTML