メモ的ななにか。

プログラミング関係の備忘録的な何か。

星より明るくスリーエフでこんな本を見つけてしまった

起業とかそのへんに興味が出てきたので、書籍を買いにスリーエフへ立ち寄りました。

ちなみにスリーエフは神奈川県を中心とした関東圏に生息(?)するコンビニです。

コンビニで専門書籍売ってるの!?と思われるかたも多いのではないかと思いますが、ここのコンビニはフロアの4分の1くらいが書籍コーナーになっているのです。

雑誌、漫画、小説、専門書籍と品揃えも良く、ほぼ本屋さんなのです。

周囲2kmに本屋がないので非常に重宝しています!


それはさておき、いつものように雑誌コーナーの品揃えを目で流すようにチェックしつつ奥の専門書籍コーナーに辿り着くと最初に目に入ってきたのがこの本です。

まんがでわかるセブン‐イレブンの16歳からの経営学

まんがでわかるセブン‐イレブンの16歳からの経営学

Σ( ̄口 ̄;)!?

思わず店員さんの制服を確認しそうになりましたw
一応セブンイレブンって競合他社なんですよね!

ちなみにこの書籍の漫画じゃない方もおいてありました。

スリーエフさん、めちゃくちゃフレンドリーなんですね!
私もこの器の広さを見習いたいです!

結局、この本は買わなかったのですが、経営関連のコーナーに自分にぴったりなものがあったので購入してみました。

これです。

オールカラー 個人事業の始め方

オールカラー 個人事業の始め方

起業や経営の知識は皆無に等しいので、基本的なことから学べそうなのでこの本にしました。

この書籍は開業、運営、経理、税金について書かれています。

最初のほうは各事業種ごとにおおよそ起業にどのくらいの資金が必要になるのか、メリット・デメリット、提出する書類一覧表や税金申告・納付カレンダーなど、これから起業する方や興味のある方には非常にわかりやすい内容になっています!

本章に入ると経営に必要なことがかなり詳しく書かれてあるので、ある程度知識がある方も一度読んでみてもいいかもしれません。

はじめてという方は初心者教本になりますし、既に開業されている方でも基礎的な部分の見直しができるのではないでしょうか!


興味のある方は是非手にとって立ち読みして読んでみてください!

それでは!ヾ( ´ー`)ノ

レスポンシブデザインをかじってみた

f:id:miz7maki:20150301013843p:plain

前回から日数が経ってしまいましたが、今回は今つくりなおしているWebサイトについて書いてみます。


最近はWordPressなどのCMS(コンテンツマネージメントシステム)がWebサイト運営の主流になっています。
確かにCMSを使うとブログやWebサイトの管理は簡単、デザインテンプレートなんかも色々な方が有志で作って公開してくれていて自分でWebデザインする必要がないです。
プラグインを利用すればセキュリティやSEOなど、機能面の拡張だって簡単にできてしまいます。

しかし!
一度は触ったことのあるWordPressですが、いちからWebサイト構築するのも結構勉強になるんじゃないかと思うんですよね!
特に最近だとPCとスマートデバイス両方に対応できるWebサイト作り、レスポンシブデザインの知識って身につけておきたいので、いろんなサイトを参考に自分なりにやてみることにしました!

レスポンシブデザインをかじってみた

レスポンシブデザインの手法としてメジャーなものとしては、”メディアクエリ”を利用する方法があります。
メディアクエリとは画面サイズや向きによってCSSを切り替えることができる機能です。CSSのバージョン3から実装されました。

例えば、PCやスマートデバイスからの閲覧を想定した場合、おおまかにPC・タブレット・スマートフォンの3つにCSSを分けるとします。
それぞれの画面サイズの閾値を決めてあげ、そこを超えるとCSSが自動で切り替わるようになります。
今回は以下のように設定しています。

画面サイズ

 769px以上・・・style.css(PC)
 641~768px・・・table.css(タブレット)
 640px以下・・・smart.css(スマートフォン)

HTMLヘッダでCSSファイルの振り分けをする場合は以下のように記述します。

<link rel="stylesheet" media="screen and (min-width: 769px)" type="text/css" href="./css/style.css" />
<link rel="stylesheet" media="screen and (max-width: 768px)" type="text/css" href="./css/tablet.css" />
<link rel="stylesheet" media="screen and (max-width: 640px)" type="text/css" href="./css/smart.css" />


あとは各CSSファイルをいじっていくだけです。
こんな感じになります。

http://andorange.sakura.ne.jp/

ウィンドウサイズを伸ばしたり縮めたりすると表示されるデザインが自動で切り替わります。便利ですね!

メディアクエリを利用したレスポンシブデザインの良いところはデバイスごとにページを作成する必要がないので、先にデザインさえ決めてしまえば、あとはPC、タブレット、スマートフォン兼用の一つのファイルに手を加えていけばOKです!

ある程度はできてきてはいるのですが、今までに何度か大きくデザインを変更しています。
というのはブログ主が結構な面倒くさがり屋なので、ちゃんとしたモックアップ作ってないんですよねw
ノートに思いついたデザインを殴り書きくらいしかしてないです。

趣味程度なのでこれでもいいのですが、できれば先にちゃんとしたモックアップ、ワイヤーフレームは作っておきたいですね!
近いうちにそっち系のお役立ちツールもご紹介しようと思います!

それでは!ヾ( ´ー`)ノ

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)

中古ネットブックで快適ノマドが実現!

ノマド用というか私の場合は単に持ち歩き用のPCですね!

 
先日、サブブログ"みずなのな"のほうで書きましたが、Adsense申請用に写真なし記事だったので、こちらのブログで思う存分書いておきたいと思った次第です!
 
今更なぜネットブックを!?など今に至るまでの経緯はこちらをご参照くださいm(_ _ )m

miz7no7.hatenablog.com

 
単なる日記なので軽く流し読みしていただけるだけで幸いです(* ̄ー ̄)
 
 

今回購入したもの

  • ネットブック --- Acer Aspire 1410 ¥8,814(送料、手数料込み)
  • SSD --- ADATA S396 30GB ¥2,700
  • ケース --- Elecom ¥1,000
計¥12,514
 
ネットブックは地元周辺の中古屋さんを探し回りましたが弾数少なく、価格のわりに合わないようなものばかりでした。
なのでネットでの購入に切り替えたわけです。
運良くヤフオクに出展されていたネットブック"Acer Aspire 1410"を落札させていただきました。
SSDに関してはネットブック探しの旅途中で丁度良さそうなものがあったので購入。SSDの容量は64GBにしようか30GBにしようか迷いましたが、持ち出しPCでUSBフラッシュメモリにほとんどのファイルは保存してしまうので、OSの容量も考えた上で30GBにしました。
ケースはエレコムの"11.6インチ~"の¥1,700くらいのやつを某K電気で安くしてもらって¥1,000で購入!そんなに安くしてもらって大丈夫なのだろうかΣ( ̄□ ̄;)
合計金額¥12,000くらいだと中古屋さんで見たXPノートと同じくらいのお値段でした!ちょっと得した気分ヽ( ´¬`)ノ
 

性能

f:id:miz7maki:20150326214552j:plain

液晶サイズ:11.6インチ
CPU:Celeron Dual-Core SU2300 1.2GHz/2コア
メモリ:2GB
ビデオチップ:Mobile Intel GS45 Express
無線LAN:IEEE802.11b/g/n
その他:Webカメラ/HDMI端子/Bluetooth
HDD:なし(元は250GB)
OS:なし(元はWindows 7 Home Premium)
駆動時間:7時間
おまけ:ブルーライトカットのシートが貼ってありました(・ω・)bグッ!
 
OSなしのPC買ってどうすんの!?って思うかもしれませんが、元々軽量Linux入れるつもりだったので問題なしです!
むしろデュアルコアのネットブックなんてそうそう手に入るものではないので、送料込みで¥8,814は安いΣ( ̄□ ̄;)
そして何より持ち出しするのでバッテリ持ちが気になるところですが、使用では7時間と駆動時間が割かし長めなのがいいですね!
実際使ってみると駆動時間はもっと少ないですが、3時間くらい持てばいいところですかね!
 

まずは恒例の分解清掃!

f:id:miz7maki:20150326215731j:plain

やはり中古品だと中身が気になりますね!
とりあえず、エアスプレーで内部清掃してみました。
思ったよりというか、まったくもってホコリが出てこないとはΣ( ̄□ ̄;)
なんというか無意味でしたorz
ショップさん出展のお品物だったので、もしかしたらクリーニングしてくれたのかもですね!
ありがたやー
 

内蔵ストレージをパイルダーオン! 

f:id:miz7maki:20150326215912j:plain

今回初めてSSDを購入しました。
持ってみると凄く軽いです。HDDのように命の重みがないのがコロっといっちゃいそうで怖いですね(マテ
パッケージの裏を見ると読み書き速度が書いてありました。
読込み280MB/s、書き込み250MB/s。
ベンチマーク上のパフォーマンスは ドライバ、Windowsバージョン、BIOS、SSD容量によって異なるらしいです。
たぶんそのままでもアクセススピード速いと思うのでとりまパフォーマンスうんぬんは後回しにしておきますかね。
 

OSは例のブツをいれました!

スポンサーリンク

www.linuxmint.com

そうです!以前日記にも書いた緑色のアメーバみたいなやつです!(違
デスクトップLinuxのなかではシェア率がもっとも高い"Linux Mint"さんです!
今回は"Linux Mint 17.1 Xfce 32bit"をインストールしました!
Xfceは軽量デスクトップ環境なのでメモリの消費も少なく、デザインもシンプルで個人的にはめちゃくちゃ好みです。

mizna.hatenablog.com

軽量デスクトップならMATEバージョンの選択もありましたが、以前一度デスクトップPCに入れて互換性の問題でカーネルパニック起こして以来使ってないですorz
MATEはGNOME2から分岐したものなので、もとから軽量に設計されていたものではないというのもちょっと気が引けたのもあります。
Windows入れるのもいいんですが、OSだけでSSDの容量食ってしまうのと、Windows UpdateでSSDの寿命が減りそうなのでLinuxにしておきましたw
ぶっちゃけてしまうとLinuxネットブックでノマドっぽいことしてる人いないだろうなと思ってついやってしまいました、後悔はしていませんw
 

起動

20秒。はやっ!
 

シャットダウン

3秒。なにこれ大丈夫なのかっΣ( ̄□ ̄;)
 

ネットワーク環境

嬉しいことに無線LANアダプタはOSインストール時に自動的に認識してくれましたので、 無線接続設定のみしました。
一昔前は自力でLinuxの無線ドライバ探したり、WindowsドライバをLinuxで使えるようにするNdiswrapperというソフトウェア入れたりと苦労したものです・・・。それを考えると今は凄い楽ですね!
それと外に居るときにはスマートフォンのXperia ZL2でテザリングしてネットしてます。
ブラウザに関しては標準で付いているMozilla Firefoxでもいいのですが、メインのWindows PCとスマートフォンでGoogle Chrome使っていてお気に入り同期が便利なのでChromeでWebブラウジングしてます。
 

プログラミング環境

今のところこのネットブックでプログラミングするとしたらWeb関連(HTML,javascript,css,Ruby,PHPなど)くらいなので、vimでいこうかなと思います。
むしろvimがいいです!
まだインストールしたばかりですが、徐々に.vimrcファイルのカスタマイズしていこうかなと考えてます。"set nu"だけは真っ先に追記しましたw
Ruby補完プラグインいれたり、タブ幅調整したりしたいですね!
 

購入して良かったこと

やはり一番良かったのが、 新品ノートPCだと持ち歩く際に壊さないようにと心配しすぎてしまうのですが、元々中古品でお値段も安いので気楽に持ち出せる、オモチャ感覚でイジレるし躊躇なく使えるところですね!
Mac Bookなら確かにもっと軽いし薄いしXcode使えるのでiPhoneアプリが作れて魅力的で凄く欲しいには違いないのですが、今の自分が13万円(くらいだったかな?)のMac Bookを買っても宝の持ち腐れになりそうなのでネットブックで十分かなと思います!
日記書くのとちょっとした開発ぐらいならばコスパは最強です!
 

ほかに今やっていること

以前作りたいなーと考えていた"ページ内リンク作成ツール"なんですが、アップロードしようとしているレンタルサーバのWebページを放置しすぎて昔のままなので閲覧しづらいのです。

まずはそのWebサイトの整備から入ろうかとレスポンシブデザインの勉強中です!

今のところこんな感じ↓

f:id:miz7maki:20150403003119j:plain

CMS使うほうが楽なのですが、せっかくなので自作しようということで悪戦苦闘中です!

 

 

それでは!ヾ( ´ー`)ノ

新生活にメリハリ!机を買い換えて気分もスッキリ!

もう直ぐ3月も終わります。

4月といえば新生活が始まる月ですね。

私は気持ちを切り替えるために20年以上使っていた学習机を新注したワークデスクに入れ替えました。

 

20年以上使ってきた机

f:id:miz7maki:20150325212042j:plain

これが20年以上使ってきた学習机ですw
めちゃくちゃ散らかっていますΣ(゚д゚lll)
PCがあると作業スペースがありません!
そしてコードがごちゃごちゃしていてカオスになってますw
これは机を使いたくなくなるパターンですw
学習机というのは棚や引き出しと収納スペースはかなり多いのですが、成人超えるとそんなに収納スペースは必要なくなり作業スペースが欲しくなるのです。
 
この学習机は確か私が小学校入学したときに買ってもらった記憶があります。
考えてみるともう20年以上の付き合いですね。
机の入れ替えを検討していたときには正直迷いました。収納棚だけ取り外して使うという手もありますからねぇ。
学習机ってで出来ていて頑丈温かみがあるんです。対してワークデスクのほとんどは合板ですから学習机に比べたら強度は弱いです。
 
それでも、机周りをシンプルにしたい!という気持ちが強かったのと、近くの家具屋さんに行ったり、ネットを見ているうちに楽しくなってきて買ってしまいましたw
 

机を新しくしました!

f:id:miz7maki:20150325213703j:plain

ここまで綺麗になると気分もスッキリせざるを得ない!

 

どうでもいいですが、ノートPCの壁紙はMicrosoftシンガポールの本気、IE擬人化キャラ藍澤祈さんですね。動画を見て感動した!

Anime Festival Asia Special Video - feat. Inori Aizawa - YouTube

 

さて、新しく購入したワークデスクはサンワダイレクトさんの「100-DESK081M」という机です!

↓こんなやつです

 机、キャビネット、棚の3セットです。

私が購入したときは¥18,900だったのが先ほど見たらちょっとだけ値下げされていました。

机の横幅も奥行きも丁度よく、それでいて広々と使えます!
A4の書籍やノートを置いてもまだ余裕があります!

f:id:miz7maki:20150325212332j:plain

私のいつもの机の使い方は、机左半分をノートPC、右半分をデスクトップPCのディスプレイとキーボード。
何か作業する場合は、机左半分を作業スーペース、右半分をデスクトップPCのディスプレイ、キャビネットの上にノートPC、という感じで使ってます。
いつも右半分はディスプレイとキーボードで占領されていますが、実はキーボード手前はまだ空きスペースがありまして、小さい手帳とかネタ帳(?)とか置けます。
 

キャビネットを有効活用!

f:id:miz7maki:20150325212234j:plain

キャビネットは通常引き出しに収納するのがメインです。
しかし、キャビネットの上が意外と使えるんです!
ノートパソコンをキャビネット上で使うことで、調べ物をしながら何かすることができます。
PCに飲み物こぼしたくないのでキャビネットに置くとか。
デジカメからデータ取り出すときもカメラをキャビネットに置いてSDカード取り出したりしてます。
スマートフォンやタブレットも置けますね!
 

棚はスッキリと!

棚にはほとんどものは置いていません。
というのは背面に本などを支える背もたれが付いてなく、物が落下しそうなのでにあえて置いていません。
あるとしたらスキャナや外付けHDD、ヘッドセット、ペンタブぐらいでしょうか。
 

コーヒーが置ける嬉しさ!(マテ

残念ながら写真ではコーヒーじゃないのですが、キャビネットでなくても普通に飲み物だって置けてしまう!

f:id:miz7maki:20150325213613j:plain

なんというか、机って楽しい!って今になって感じました!(ちと遅いw
あとは机を替えて一番良かったのは作業効率や集中力が上がったことでしょうか!
 
 
さて、今回は机を新しく揃えて気持ちもスッキリしたわけですが、近くの某NTR家具屋さんに行ったときに気づいたことがありました。
学習机って5~10万円くらいするんですね!今まで何の気にもせずに普通に使ってきましたorz
今更ながら小学校入学祝いに机プレゼントしてくれた両親に感謝!!
 
 
そんなわけで、4月に入る前に一度身の回りの整理などしてみてはいかがでしょうか!
きっと良い新生活をスタートできると思いますよ!
 

ブログ初心者の私が早速Google AdSense審査で落ちてまいりました!

ブログの記事が30くらいになったからそろそろいいかなーと思い、Google AdSenseに申し込んだところ、見事に撃墜されましたw

認識が甘かったですorz

 

とりま、新しくサブのブログ作ってそちらで再度Google Adsenseの申請出そうと思います!

あと早速AdSense審査落ちの原因と対策について記事を書いてみました。

 

↓みずなさんがあることないこと書き殴るブログ(マテ

miz7no7.hatenablog.com

 

Google AdSenseは規定が厳しいので、審査に受かるかどうか、仮に審査を通ったとしても、ブログ運用中に知らぬ間にアカウント停止とかならないように気をつけないといけませんね!

 

初心者にはちと厳しいですが、直すところ直してそれでもアカウント停止になったら忍者AdMaxで代用するしかないですねぇ。

 

そういえばGoogle AdSense申し込むからには月の目標はいかほどに?と思われるでしょう。

広告収入の目標を決めるとしたら私の場合はまず月1万円からですね。(貯金したい・・・

Google AdSenseだと¥0.3 / PV が相場とされているので、33333PV / 月 が目標になる訳ですね、うっひょー!

 

アクセス数増やすとなるとブログのほぼ毎日更新と記事の質をよくしないとですね!

仕事と生活に支障がでない程度に、そして何より楽しくブログ書くようにしていきたいものです!

 

*追記

とりま、サブブログがGoogle AdSense受かるまで、こちらのブログではAdMax貼って様子見ようと思います。