読者です 読者をやめる 読者になる 読者になる

Kai Hajimeのおすそわけ

脱社畜!子育てサラリーマンのInputとOutputをおすそわけ

スポンサーリンク

子連れでも本格エスニック料理が食べられる! 自然に囲まれた森のレストランでスリランカ・カレーを喰らおう!

おでかけ

どうもKai Hajimeです。今日の「おすそわけ」したいことは?

日曜日、朝からすっごく晴れていたので「どこかへ出かけよう!」

ということで、とりあえず生駒方面に行き当たりばったりで車を走らせました。

何をして遊ぶか?何が食べたいか?など、その日の予定を話しながらのドライブとなりました。

 

以前から生駒には「石窯で美味しいピザを焼いてくれる店」があると聞いていたのでそこへ向かうはずでした、、、が

事前に予約が必要ということで、その日は残念ながらピザにはありつけませんでした、、、(しっかり調べてから出発しましょう)

 

そこで早速どこに行くかをネットで探してたらいい所をみつけました。
コチラです。

 

森のレストラン ラッキーガーデン

f:id:kaihajime:20160518054737j:plain

 生駒山を縫うように急坂を登り、細い道をカーナビ通りに車を走らせ、「森のレストラン・ラッキーガーデン」を目指します。

 

続きを読む

聖火台にも使えるレベル! 火力・持続力を兼ね備えたバーベキュー用の炭

アウトドア

みなさんはバーベキューの時どんな炭をお使いですか?

まさか高級備長炭なんか使ったりしてませんよね?
僕はいつもホームセンターで3〜5kgで¥1,000以下の炭を買ってました。ヘタすると¥500っていうのもありますね。

そんなホームセンターで売ってる炭って、火力弱くないですか?
しかも着火剤で点火してすぐは勢い良く燃えるけど、1時間〜2時間経つと急に弱火になるんですよ。
今まで僕が買ったものが偶然そうだったのかもしれませんが、年に10回以上はバーベキューやダッチオーブンをやる僕の実感としては、明らかにホームセンターの炭はパワー不足です。

 

火力・持続力抜群のイオン・トップバリューの炭

ついに、見つけました。
いままでの不完全燃焼気味のバーベキューに終止符を打ってくれる、バーベキュー用の「炭」を。
コチラです。

f:id:kaihajime:20160516101812j:plain

 

イオン・トップバリューの炭が凄いとこ

まず見た目からして大きい

f:id:kaihajime:20160516101955j:plain

f:id:kaihajime:20160516102023j:plain

ホームセンターの炭は小さくてスカスカ。

箱の上の方はそれなりの大きさですが、下の方にいくにつれ割れたものや小さい破片がほとんど。


いままではそれが普通と思っていましたが、、、
イオンの炭は一つ一つがしっかりと中身が詰まってます。

そしてなんと言っても大きい!ほぼ全てが骨太で一定の大きさです。

 

続きを読む

悪い習慣は三日坊主のメカニズムがわかればやめられる!

ライフハック 読書 iphoneアプリ

どうもKai Hajimeです。

僕は常に平行して何冊か本を読んでいます。

昔から好きなSF小説や、仕事関連のデザインの本、趣味の雑誌や哲学や思想、自己啓発系まで自分の興味のある範囲の本はジャンルを問わずなんでも読みたいと思っています。紙だけでなく、kindleでも読みます。

その中で、最近読んでいる次の書籍は、今の自分の心にグサグサと刺さるフレーズがたくさんあります。その一部を「おすそわけ」したいと思います。

 

f:id:kaihajime:20160513200907j:plain

新しい自分に生まれ変わる「やめる」習慣 古川武士 著

 

何がどう刺さるのか?

僕にはやめたいけど、なかなかやめれない悪い習慣が身についているからです。

 

悪い習慣をやめるには「習慣引力」の範囲に入った習慣を解除する

 

人間の脳はその生存本能から、変化に抵抗し、現状を維持しようとします。変化は危険であることが大きいからです。

つまり、脳にとって新しい行動は、良い習慣、悪い習慣の区別なく、変化である限りやめさせようとします。だから、英語学習や運動、家計簿などの良い習慣だとしても、新たに始める習慣は「変化への抵抗」のせいで、なかなか続きません。

これが3日坊主のメカニズムです。

 

と著者は書かれています。

 

続きを読む

いつものバーベキューに飽きたら本場アメリカンカウボーイの肉の塊を喰らおう!

アウトドア 料理
どうもKai Hajimeです。
今日の「おすそわけ」したいことはなにかというと、、、
 f:id:kaihajime:20160511112935j:plain
 
いつもはお肉屋さんで焼肉用の肉を買ってきてバーベキューや焼き肉をやっていますが、いつも同じスタイルのバーベキューにそろそろ飽きてきたので、なにかいつもとは違うものをと探してみました。
ロース、カルビ、タン、ハラミ、バラ、ホルモンなどなど、あれこれ色々な種類の肉を食べるのもイイんですが、今回は「分厚い肉の塊をガッツリ食べたい!」ということで本場アメリカンカウボーイが届けてくれるバーベキューセットに挑戦することに。
 
今年はマンションから一軒家に引っ越して庭もできということで、だったら「自宅でのんびりバーベキューをやろう!」ということで、どうせやるならいつもとは一味違ったバーベキューに。で、奥さんと相談した結果がコチラです。 
 

本格的アメリカンバーベキューを楽しめるThe Meat Guyの「バーベキューセットB 合計10kg・10人前」  

 

f:id:kaihajime:20160507163551j:plain

こいつらがダンボールに入って送られてきます。しかしこのボリュームにはビックリしました。
「バーベキューセットB 合計10kg・10人前」は大人2人、子ども2人では当然多過ぎです。
ゴールデンウィーク中に食べきれなかった分は冷凍して保存しています。商品にもよりますが冷凍保存だと最大1年間は保存できます。
 

HTML&CSSがわからなくても大丈夫! 初心者でもwebサイトが簡単にできる「Blocs」の感想

webサイト制作

どうもKai Hajimeです。

先日紹介した「Blocs」のトライアル版で自分のブログの紹介サイトを作ってみました。今回はその感想などをおすそわけしたいと思います。

前回の記事はコチラです。

 

kaihajime.hatenablog.com

 

 

f:id:kaihajime:20160509071650j:plain

 

「Blocs」はその名の通りブロック(部品)を組み合わせてwebサイトを組み立てます。まるでレゴで好きなモノを自由に作るように簡単にwebサイトを作成することができます。

皆さんご存知だと思いますが、まずは一般的なwebサイトがどのようなカタチで構成されているか僕なりにまとめてみましたので本題に入る前にご覧ください。

「そんなの知ってるわ!」と言う方は飛ばしてください。

 

一般なwebサイトの構造

通常、webサイトは大きく分けて「ヘッダー」「ナビゲーション」「コンテンツ」「フッター」というカタチが一般的です。

 

「ヘッダー」
基本的に企業のロゴやブランド名、ブログタイトルやロゴなど、実際の店舗の看板の役割です。


「ナビゲーション」
webサイト内の各コンテンツを閲覧・移動するための案内板です。デパートの入り口や各フロアにある地図みたいなもんです。

オマケにナビゲーションから一気に目的のコンテンツに飛べるようリンクが貼られてるモノがほとんどです。

ナビゲーションは用途にあわせて様々な種類があり、サイトのデザインによってどんなナビゲーションを採用するかでデザインも変わってきます。


「コンテンツ」
webサイトのメインとなる情報がある場所です。デパートでいうと各フロアのショップ、商品といったところ。


「フッター」
基本的にはメインのコンテンツを補足する内容・情報があるところ。

著作権、利用規約、プライバシーポリシーなどですね。個人ブログだとSNSのリンクなどでしょうか。

 

これらに加えてメインコンテンツの横に「サイドバー」を設けて2分割(もしくわ3、4分割、、、あまり見かけませんが)し情報を整理するという、最近のブログによく見るカタチもあります。

「Blocs」では残念ながら現在のバージョンでは「サイドバー」の機能はありません。今後のアップデートで実装されることを祈って首を長くして待ちましょう。

※「Blocs」で作ったサイトをスマホで観覧することを前提にされているのであれば、時代はレスポンシブルデザインが主流となっており、「サイドバー」が無いのは理にかなっているとも考えられます。

 

少し長くなりましたが、これら「ヘッダー」「ナビゲーション」「コンテンツ」「フッター」「サイドバー」がwebサイトを構成する主な要素です。

 

「Blocs」では大きく分けて3つだけ

「Blocs」でwebサイトを作る際の構造を、超簡単に説明すると以下のような構成になります。

A 上の「NAVBAR」
B 真ん中の「BODY」
C 下の「FOOTER」

 

f:id:kaihajime:20160502142259j:plain


たった3つです。

この3つ、A、B、Cの中に「サイドバー」を除く、「ヘッダー」「ナビゲーション」「コンテンツ」「フッター」「BLOC」という各スタイルを持った「箱」としてはめ込みます。

 

f:id:kaihajime:20160502144547j:plain

まず、「BLOC」というをはめて全体像をざっくり作ります。

 

写真はあらかじめ準備された「BLOC」をはめて、そこに背景画像や文字をいれています。

画像の選択や文字など編集は画面左側の編集スペースで簡単にできます。

 

 

次に「BLIC」という部品をいれて機能を足していきます。

「BLOC」という箱の中に「BLIC」という部品が入れ子状になっているイメージです。

 

f:id:kaihajime:20160502145938j:plain

写真は僕のブログの過去の記事をコラム風にレイアウトしたものです。

「view more」からリンクで飛べるように設定してます。

このリンク設定も画面左の編集スペースで簡単にできました。

 

画面中央にあるのはあらかじめ準備された部品たち「BLIC」です。
「BLIC」には見出し<h1>〜<h6>、様々な表記スタイルをもつテキスト類やMediaと称される画像やビデオ、アニメーション効果、カルーセルというスライド式に画像を表示する機能ボタンアイコンなどなど、他にもかなり種類がデフォルトで用意されています。

「BLOC」の中に自分がレイアウトしたい部品「BLIC」を自由に配置して編集することができます。マニュアルはありませんが直感的に操作できました。

英語ですが、見るだけでも理解できるようにわかりやく説明されている動画がありますのでご覧ください。

 

www.youtube.com

 

www.youtube.com

 

僕も仕事から帰宅してのスキマ時間でブログの紹介ページを作ってみました。

navi、header部分にはブログへのリンクを、body部分にはブログの過去記事をコラム風にはめ込んだり、ギャラリーやスライド、自己紹介やSNSへのリンクを設定してみました。

footerにはBlocsのサイトのリンクを設置したりと、簡易的ですが自分のブログの紹介記事が初心者の僕でもざっと3時間程で完成しました。

過去記事や各リンクへの設定も簡単でした。

早いのか遅いのかはさておき、あまり悩むことなくサイトができたので現時点では満足しています。

 

コチラです。

dl.dropboxusercontent.com

 

注意点、補足

作業の途中で迷わないためのゴール設定をしましょう

簡単です。しかし、行き当たりばったりだと、どうしても右往左往してしまいます。

これはWebサイト製作だけでなく、他の製作物でも同じです。

僕はブログを書くの下手くそです。一つの記事を書くのにかなりの時間がかかってしまいます。
世の中には行き当たりばったりでも、読者にわかりやすく充実した内容を書く人たくさんいると思います。

たいていの方は展開を考えたり、自分なりのフォーマットをもとに文章を書いていると思います。

服飾デザイナーも建築家でも小説家でも、モノづくりをする人は実際の作業前に必ず自分なりの設計図を準備すると思います。

今回僕は何も考えずに作業を始めたので開始当初は

「あ〜でもない、、、こうでもない」と時間を無駄にしました、、、


そんな回り道をしないように、簡単なスケッチでも良いので自分なりの設計図をノートなどに書きましょう。

最終的に「自分がどんなサイトをつくりたいのか?」というゴール、出来上がりの絵があるとが効率的に作業が進むので製作時間を短縮できます。

 

ここまでやる必要はないけどカッコイイサイトの設計図

dribbble.com

 

「Blocs」の操作・編集はもとてもシンプル

あらかじめ準備された各要素(BLOC)各機能(BLIC)を割り当てて編集していくだけです。

カスタマイズしないのであれば、複雑なコードを書く必要は一切ありません。

ただ、どうしても新しく使うアプリケーションでは毎回仕方ないことですが、ツールの機能や操作を理解するのには多少の時間は必要です。

とは言え、操作するアイコンもシンプルなので直感的に初心者の僕でも問題なくwebサイトができました。

 

そのBlocsの良いところ、残念なところ

僕としてはHTML&CSSの勉強のために購入を検討していたので、次の点がBlocsのイイところだと思います

初心者なので0からサイトを構築することは非常にハードルが高く労力も時間もかかってしまいます。

Blocsだとサイトの基礎を簡単に作れる! だから

  1. ざっくり作る
  2. 自分でカスタムしたい細かいところは、後からHTMLとCSSをでカスタムしていく

というやり方が良いと思います。(僕もこのやり方でいこう思っています。)

 

綺麗な(グチャグチャでは無い)HTML&CSSをエキスポートできる

「ざっくりとした骨組みをつくった後に自分でカスタマイズ」というやり方をとるなら、初心者の自分にもわかりやすい綺麗なコードが出力されるの必須です。

この点でBlocsは最高のwebサイト製作の「下書きツール」としては現時点で最高のアプリケーションだと思います。

 

残念なところ、、、

正直、右も左もわからない超初心者なので、簡単にサイトができるという素晴らしい点しか目につきません。

あえて言うなら、Google Webフォントは使用できますが、日本語フォントには非対応という点と、サイドバーがない点が少々残念なくらいなのかな、、、というぐらい。

 

こんな方にオススメ

  • HTML、CSSのスキルがないWebデザイナー、Webディレクターの方
  • 今からwebデザイン、HTML&CSSを学びたい方
  • 自分の店や会社、サークルなどのサイトを作りたい方 など

今回は「Blocs」がいかに簡単にWebサイトが作れるアプリケーションなのかということを試すために自分のブログの紹介サイトを作ってみました。
今回は設定していませんが、Google Analyticsの設定もできるのでBlocsで作成したサイトを本格的に運用することも可能です。

いまのところ広告は貼れないのでアフェリエイトには不向きなのかな、、、?しかし


「お店の外観や料理写真が載ったトップページがあり〜の、写真にコメント付きのメニューがあり〜の、ブログやSNSへのリンクがあり〜の」

みたいな、おしゃれでシンプルな飲食店のWebサイトや簡易的な企業のランディングサイトなどをサクッと作れるとあれば広告を貼る必要ないのかなと思います。


というわけでBlocs買います!

今の自分には充分すぎる機能。そして使い心地も良いので買います。

また試してない機能に「動画も埋め込める」「各要素にアニメーション効果を簡単につけられる」などあり、これらも使ってガンガン作っていこうと思います。
今後また様々なアップデートも予定されているようで楽しみです。

 

まとめ

Webサイトは作るだけ終わりではありません。

作ってからどう使うのかが本来の問題であり目的です。


いい年したオッサンがこのタイミングでHTMLやCSSの勉強を初めても、上には上が居ます。今から1から初めていては時間がいくらあっても先人たちに追いつくことは不可能に近く、また無謀な挑戦です。

しかし、「Blocs」のようなwebサイト製作の「下書きツール」があれば、下地をざっくり組んで、あとはHTMLやCSSでカスタマイズするという方法を取ることで、少しでも先人に追いつくことができるのではないかと考えます。

まずは人並みにWebサイトをつくることができるようになることが最優先事項です。

とにかく作りまくる!しかないですね。

 

簡単にWebサイトをつくりたい方はトライアル版があるので是非お試しください。

 

blocsapp.com

 

 

読んでいただいた方へ
ありがとうございました。

Kai Hajime