まず一歩! HTML・CSSの勉強の備忘録・雑感
HTML・CSSの勉強を始めて今日で10日目です。
備忘録的に僕がやったことを書きたいと思います。
準備したもの
- HTMLレッスンブック
- HTMLデザインブック
- できる大辞典 HTML&CSS
以上3点、とパソコンです。
まずは書籍から始めようと思い「HTMLデザインブック」をAmazonで購入したのですが、HTML・CSSに関しては全くの素人の自分には内容が合ってないことに気づき「HTMLレッスンブック」を改めてポチリ。
「HTMLレッスンブック」のことを調べていると「Progate」というHTML・CSSの勉強がブラウザだけでできるWebサービスの存在を知り、書籍で学ぶ前に「Progate」で始めることにしました。この「Progate」で入門して良かったと後々気づくことになります。
Progateで始めて良かったこと
Progate → 書籍の順でやった感想ですが、全くの素人が書籍で一から学ぶとなると「これわかりにくいな〜」と感じることがありました。
入門編でもボリュームがあり、今はいらない!ということも有
書籍だと序盤からブラウザの仕様やレンダリングエンジンがどうだみたいな、いい意味でも悪い意味でも「丁寧に細かく」情報があり過ぎです。テキストエディターの準備やサーバーのことまで書かれています。重要なことですが、サーバーなんて後からでもなんとでもなります。テキストエディターもネットで検索すれば自分の環境に合ったモノはすぐ出てきます。今から始めようという時に「後からでも済むこと」は出来るだけ排除したいところ。
やっていること(書いたコード)が正解かどうかの判断が難しい
「Progate」だと書いたコードが間違っていたら先へ進めません。正解するまでヒントをみたりHTML・CSSの辞書で調べたり、ネットで調べたりしながら進めました。時にはギブアップで答えを見たりしながら。書籍でもいろいろ調べながらできると思いますが、最終的に次のスッテプに進むには「Progate」の中の先生がOKというまで進めません。この先生がいるというのは初心者にとってかなり重要で助けにもなります。
スタートもアカウント登録するだけです。途中で作業を止めても再度始めるときは止めたところから始めることができます。これ以外と便利です。
今後の勉強の進め方
今日で10日目、現在「Progate」の基礎編を2周(2周目は復習のつもりで)と「HTMLレッスンブック」が「CHAPTER 3」まで終了。
残り本が3CHAPTERなので3日間(1日1CHAPTER)と「Progate」応用編」を一日でやるとして合計4日間で一区切りつきます。その後4月の上旬末までには「HTMLデザインブック」へ進んで右往左往してる感じが良いかなと思います。
素直に楽しんでる!
サクサクとはいきません。だけど少し慣れると「ここはこんな感じに変えても良いんでない?」という具合にコードを書き換えたり、値を変えてみたり。色々試してみて思ったように表示されるとメチャメチャ達成感あります。まだまだスタートしたばかりで試行錯誤の連続ですが面白いから全然苦になりません。
補足というか疑問点
「Progate」と「書籍」では多少違う点があります。CSSで「.」ドットや「;」セミコロンを入れたり、入れなかったり、、、一応どちらのパターンも試してみて、念の為入れる方でコードを書くようにしてますが、HTML・CSSのバージョン的な問題でしょうか?
まあ細かいことは後から修正するとして、ここは駒を先に進めることに集中します。
おすすめのテキストエディター
僕は入力補助がついたフリーソフトの「Atom」を使っています。コードを書くと次に予想されるコードの候補が小窓に出てきます。「初心者のウチはコードは全て打ったほうがイイかな?」と思いましたが、ここはスピード重視です。どっちみち間違った時など手打ちしているので良しとします。
コチラのブログで詳しい使い方が載ってます。僕も参考にさせていただいています。
この場を借りてありがとうございます。
とにかく毎日少しでも書く! ということで
読んでいただいた方へ
ありがとうございました。
Kai Hajime
HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
- 作者: エビスコム
- 出版社/メーカー: ソシム
- 発売日: 2014/10/28
- メディア: 単行本
- この商品を含むブログ (4件) を見る
- 作者: 佐藤和人,できるシリーズ編集部
- 出版社/メーカー: インプレスジャパン
- 発売日: 2006/04/27
- メディア: 大型本
- 購入: 4人 クリック: 133回
- この商品を含むブログ (16件) を見る
ヤル気とネットがあれば、本がなくても勉強はできる!
やってしまいました。
意気込んでwebデザインの勉強を始めようと思って教科書として買った本が、今の自分には少々早かったみたいです。
早速調べ直して今の自分にあったモノをAmazonで購入。
HTMLやCSSの基礎もわかってない自分にはこっちが先でした。
届いたら再度仕切り直して取り掛かろうと思いましたが
「ヤル気が盛り下がらないうちに少しでもやりたい!」
じっと待ってて失速するのもなんだかな〜
と思い、以前から頭の片隅にあった「あること」ふと思い出したのでちょっと調べてみました。
Progate(プロゲート)
ブラウザーだけでHTMLやCSSの勉強ができるサイトです。もちろん無料です。
このサービスに辿り着いたのは、いつも拝見しているブログ「俺の食べログ」さんが記事のなかでオススメされていたからです。
僕が間違って購入した本のことを調べていると、「俺の食べログ」さんも同じ本で勉強されていました。と同時に「Progate」のことも書かれていたので「コレだ!」と思い早速登録しました。
やってみた感想としてHTMLやCSSのことを全く理解してない自分でも出来ると思えるWebサービスです。用語の説明やその意味、使用方法も初心者にもわかるよう丁寧に教えてくれます。
もう一つ同じようなサービスがあります
コチラも「Progate」同様、HTMLやCSSをブラウザのみで学べるWebサービスです。
そのうちチャレンジしてみようと思います。
鉄は熱いうちに打て
ということで意気消沈しない内にやっちゃいましょう。
読んでいただいた方へ
ありがとうございました。
Kai Hajime
HTML5 & CSS3レッスンブック [ エ・... |
2次元デザイナー 新たなる武器としてのwebデザイン入門
自分は芸術大学を卒業後これまで20年以上の間、デザイナーとして商業的な印刷物を中心に大小様々な雑誌、広告、書籍のデザインに関わってきました。
大学生の頃インターネットが世の中へ出てから瞬く間に進化し、今はインターネットなしでは生活できなくなりました。当時は正直インターネットがここまで生活に必要なモノになるとは想像できませんでした。
2次元(印刷物)でしか表現の場を持たない自分は途中何度もwebデザインの必要性を理解しながらも、「忙しいから」「今食えてるから」などと言い訳しながら新しいモノを取り入れる努力と挑戦から距離を置いていました。職場以外の友人や後輩は当たり前に仕事や趣味にその技術を駆使し活動の場を拡げています。
今こそ始める時
今の仕事や職場に限界を感じた今、不満や文句をダラダラと言っていても何も変わらない。今まで好きでやっていた「モノをつくる仕事」を嫌いにならないためにも、自分が進化して世界が拡げるために今始めるしかないと思い行動することに決めました。
ブログにも活かせる!
ブログを始めた当初は文章を書くことに必死でサイトの見た目などに手が回らなく、自分のブログを見た時いつも残念な気分でした。自分がよく見る好きなブログは情報が整理されていて、余計な装飾もなく伝えたいことを伝えるための機能がそこに備わっています。自分のブログもそんな機能美を追求したサイトにしたいという想いがwebデザインを学ぶキッカケです。
とにかく毎日、基礎から始める
平面的なデザインは一旦置いといて、webデザインの基礎から始めることにします。とにかく毎日、30分でもコードを書いたり、参考資料を調べたり、カッコいいサイトを真似・研究したり、今やるべきことを習慣化していきます。
教科書として書籍を調べたところ、この一冊が自分に合っていると思い以前購入していました。まずはこの一冊をマスターすることを近々の目標に早速今日から始めます。
読んでいただいた方へ
ありがとうございました。
Kai Hajime
HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
- 作者: エビスコム
- 出版社/メーカー: ソシム
- 発売日: 2014/10/28
- メディア: 単行本
- この商品を含むブログ (4件) を見る
【京都グルメ】京都に21年住んだ僕がオススメの超穴場 酒もメシも旨い7店
振り返ると京都に21年住んでいました。
京都といえば「京風」という言葉から、あっさり薄味で和風で高級感漂う料理をイメージされる方も多いのではないでしょうか?
最近ではB級グルメというジャンルも浸透し、各地方にはご当地グルメとして様々なソウルフードが「ゆるキャラ」たちと共に存在をアピールしています。
今回は「はんなりした京風料理」ではなく、味も店の雰囲気も少々「濃い」京都のB級グルメ、居酒屋を「おすそわけ」。
観光や出張で京都に来た際のガイドブックとして参考になればと思います。
地元京都の方もどうぞ。
本場手作りソーセージと厳選ビール
炭火焼きソーセージ酒場 Salumeria
自家製のソーセージを本格炭火焼きで提供してくれます。
独自のブレンドで作られたハーブの香りと、絶妙なバランスのスパイスが厳選されたビール(常時5種以上用意)によく合います。
はじける皮の食感と、詰め込まれた濃厚な肉の味が最高!
洗練されながらも、カジュアルな雰囲気
イタリアンということですが、店員さんがドイツ出身であったり、スパニッシュバル風のメニューもあり多種多様なヨーロッパ料理が楽しめます。
デートはもちろん、カウンターで1人呑みもいいんでないでしょうか?
テーブル席もあるので家族でもオッケー。
ビオワインもあるよ!
好みを伝えるとソムリエでもある店長さんが親切にオススメのワインを出してくれます。
なかなか出会うことのないビオワイン含め、各国ワインの種類も豊富!
ソーセージの他にも鴨肉のロースト バルサミコソース、トリッパ、マリネなどバル的なものや、本日のパスタ、煮込み料理など豊富な品揃えでお酒が進むこと間違いなし。
甘いものが苦手の僕も、ここでは自家製のデザートを毎回いただきます。
河原町丸太町交差点を北へ 徒歩2分
元祖!京都の全粒粉つけ麺 発祥の地
麺や高倉二条
自家製の全粒粉の麺が美味しい、京都のつけ麺ブームの火付け役となった名店。
一見「そば」のようで、スープにつけずそのまま食べても旨い!
全粒粉特有の舌触りのある麺です。
チャーシューも柔らかくてしっかり味が染み込んだボリュームのある一品。
シメご飯を忘れずに!
スープは豚骨と魚介のあわせダシであっさり、麺とよく絡むスープです。
食後にご飯を残ったスープと特製ダシを混ぜわせて「シメご飯」をいただくこともできます。(食券購入時に別途必要)
トッピングで煮玉子を必ず追加しよう!
中身がトロトロの煮玉子は必ず追加しましょう!
食券を購入時に麺、チャーシューの量、味付けを選ぶスタイル。
つけ麺だけでなく普通のラーメンもあります。(こちらも全粒粉)
外観、内装も和風でラーメン屋とは思えない趣のある店構えはある意味京都的なお店。
つけ麺ブームがおさまり、淘汰されていく店が後を絶たない今、京都に来たら一度は食べて欲しい京風つけ麺です。
高倉二条交差点
京都で一番旨い焼肉屋
焼肉・塩ホルモン アジェ
京都の焼肉好きなら誰もが一度は訪れる知る人ぞ知る焼肉・ホルモンの名店です。
ここを訪れた後、他店に行くと「こま切れ肉」を出されたのかと思ってしまう程。
一品一品ボリュームがありコストパフォマンスも高く、タン刺し、ユッケ、センマイなど刺し身・生物も充実しています。
ゆっくり一人で肉を堪能するも良し。仲間とワイワイ肉を喰らうのも良し。100%満足できることを約束します。
一枚一枚が肉厚!
まず肉の厚みに驚きます。ボリューム、味、値段、全てにおいて群を抜いています。
「アジェの」肉を食べたら他の焼肉は喰えません!
ホルモンが充実
丁寧に下処理されて臭みもなく、ホルモンが苦手なウチの奥さんもココでは食べます。
唯一の難点
人気店なので行列は覚悟してください。基本予約はできません。
※予約は開店時のお客様だけです。
僕はあらかじめ早めに行って名前を書き、近所のコンビニで缶ビールを買います。すぐ横の高瀬川を散歩してから適当な時間を見計らって店へ戻ります。
基本酒場ですがテーブル、少しですがお座敷もあるのでファミリーでも大丈夫。
ご飯に乗っけて食べる「ご飯どろぼう」も要チェックです。
京都で焼肉食べるならココしかありません。
今まで食べてた焼肉が食べられなくなりますよ!
木屋町松原通り交差点から 徒歩30秒
名古屋、岐阜、金沢、沖縄にも展開しているようですね。詳しくはホームページで
週に一度は通う クセになる串焼き
炭焼き きむら
移転前の店舗からお世話になっていますが、飽きるどころかシンプルさを追求し尽くした究極の串焼きを求め、多い時で毎週最低3日は訪れていました。
60年間受け継がれた秘伝のタレと肉へのこだわり
創業60年以上の老舗焼鳥屋。
以前は左京区熊野神社前に店があり、2015年秋に現在の北大路に移転。二代目大将と三代目若大将が「これぞ焼鳥!」というシンプルで無骨ながら肉の旨味を最大限に引き出した本格炭火串焼店です。
「焼鳥屋」と書きましたが正確には「串焼き」です。メニューはこんな感じ。
- タン、ハツ、ミノ、レバー、の牛串焼き4種。
- トリ(ねぎま)、トリハツ、トリカワ、セセリ、ナンコツ、スナズリの6種。
- 野菜はアスパラ、シイタケ、アオトウ、ネギの4種。
- イカと焼きおにぎりです。
タンチャーシュー、テール蒸し、にんにく明太子、漬物盛りもあります。
普通の焼鳥屋に比べ品数は少ない方ですが、どれも一品一品のクオリティーが高く文句なしの本格串焼きです!
3種類の味付け
「塩、タレ、GS」の中からと味付け希望を伝え、次に焼き加減も伝えましょう。
レバーが大丈夫な人は「レバー浅」での注文をオススメします。
「浅」とは表面を軽く炙り、中身は半生。
ゴマ油を少し垂らし、レバーの風味と食感を存分に味わうには浅焼きが超おすすめ!
一番のオススメはGSです。GSとはゴールデンスペシャルの略。
にんにくとカレー粉で味付けされた一度食べたらクセになる一品。
超人気店! 電話予約しましょう
遅く行くと品切れもありますのでお早めにどうぞ。
ここもアジェ同様、他の焼き鳥屋さんに足を運ぶ機会が激減した原因の店です。
個人的には一人カウンターがお気に入り。
香ばしく焼ける串の香りをつまみに1杯呑んだ後は、お気に入りの串を一通り頼みます。最後に「カワGS(とりかわのGS)」で締めて店を後にします。
どの串も本当に美味しいの一言。
それぞれの肉をいろんな味付け、焼き具合で堪能してください。
下鴨本通交差点を西へ 徒歩1分
カキの名店
西村鮮魚店
お昼は魚屋として営業、夜は海鮮居酒屋として夜な夜な新鮮な魚を求める呑兵衛の五臓六腑を満たす京都・居酒屋の穴場的存在。
本来魚屋ということもあってお刺身など新鮮な魚はもちろん、大将が日々研究と改良を重ねた「絶品おばんざい」も京都ならではの味。
写真下左はマグロの頬肉の煮込みです。まるで牛肉を食べてるようでマグロの味が口の中でとろける一品。
通は生牡蠣とラフロイグ!
カキはシーズンがあり、常時メニューにはありません。
しかし西村鮮魚店では夏は「岩がき」冬は「真がき」に出会うことができます。
少しクセのあるピート系のモルトウィスキーといただくのが通です!
季節によって旬がありますので定番以外は日によってメニューに変更があります。
各種新鮮な魚貝のお刺身など、その日店にある旬の食材を「こんな風に食べたい」と伝えれば大将がリクエストに答えてくれます。
タイミング次第で何に出会うかはわかりませんが、いつも新鮮な美味しいものが必ずあります。
烏丸通六角入ル 徒歩1分 新町と室町の間
http://tabelog.com/kyoto/A2601/A260202/26006401/
絶品チヂミを喰らえ!
きみや
京都の夜の街と言えば、祇園と木屋町が代表的存在。
最近では夜の街も東西南北に分散し、あらゆる街角に飲食店が軒を連ねるようになりました。未だに木屋町の中でも、常に常連さんで賑わう数ある店のなかで今回「きみや」をチョイスした理由はどうしてもここの「チヂミ」を食べて欲しいからです。
焼きたてを熱いうちに食べましょう。
一見普通のチヂミですが、カリカリの生地と口の中でひろがる具のバランスが今まで食べたチヂミの中でダントツに旨いと感じた一品です。
やはりここも他店のチヂミがかすんでしまうほどのダントツの旨さ。
是非食べていただきたい一品。
名物ガリっとちゅう
ユニークなドリンクをおまけに紹介します。
その名も「ガリッとちゅう」
見たまんま、酎ハイのなかにガリが入ってます。
一瞬戸惑いながらも呑んでみると、爽やかな酎ハイとガリの酸味が非常に相性がよく、少し飲み過ぎた後にチェイサーとして酔いを覚ましてくれる1杯。
飲みやすいのでグイグイいってしまい、結局酔っ払う羽目に、、、
揚げ物もカラッと美味しく揚げてくれるので是非注文してください。
肉厚なアジフライ
地味ながら木屋町の居酒屋では絶対外せない名店です。
四条木屋町交差点上ル 徒歩1分
たこ料理専門店
蛸匠
京都の数あるたこ焼き店で僕が一番オススメするのはココ。
京都市の中心部である四条近辺から少し離れた千本通丸太町交差点の北にあります。
たこ焼きの種類も多くサブメニューも充実。
居酒屋さんとしても訪れる方が多く、地元の方に長く愛され続けている地域密着型の老舗たこ焼き店です。
蛸珍味
キャベツの上にタコの刺身。たこ焼きが焼けるの待ってるあいだの一品。
韓国風のタレがスパイシーでビールにぴったり。
特製焼豚
柔らかいのはもちろん、焼豚にしてはあっさりした見た目とは違ってしっかり味がしみ込んだ極上の焼豚。このボリュームと味で¥600。
トロトロの焼豚、ビールと一緒に今すぐ食べたいです。
たこ焼き(カリカリ)
タコの大きさがたこ焼きとほぼ同じ。
たこ焼きが小さいんじゃなくてタコが大きいんです!
写真は「カリカリ」といって外側をカリカリに焼いたもの。
「カリカリ」は他に比べ焼くのに多少時間がかかりますが、数あるメニューの中からまずは試して欲しい一品。
たこ焼き屋というよりは「タコ料理専門店」です!
僕も学生の頃からお世話になってます。
旨いたこ焼きを食べるならココで決まり。是非訪れてみたください。
千本丸太町交差点を北へ 徒歩3分
さいごに
お酒が好きなんで呑みがメインのチョイスとなりました。
京都にはまだまだ美味しいお店はたくさんあります。また改めてご紹介したいと思います。
今日ご紹介した店はどこも京都に住んでる人なら一度は耳にした、もしくは訪れたことのある名店ばかりです。
必ず満足させてくれますますので、京都に来た時はに是非足を運んでみてください。
どの店も学生の頃から通う店、ここ数年通い始めた店、何度も通い倒して一周した感があります。
もう飽きたなと思いきや、再び足を運んでしまう忘れられない「味」のある名店を厳選しました。
どのお店もハズレなし、訪れたあなたを必ず満足させてくれます!
読んでいただいた方へ
ありがとうございました。
Kai Hajime
安くてお得な 絵本アプリの決定版!「PIBO」が読み放題で超オススメ!
本を読むことで得られる恩恵をいまさら説明する必要はないと思います。
大人になった今、もっと子どものころから本を読んでたら良かったと真剣に後悔しています。
単に知識や教養を増やしたいだけでなく、人間には一言では表現することのできない、喜びや悲しみ、怒りがあり、その感情の機微を文脈の中から感じとる感性をもっと磨きたい。
「なぜそう感じるのか?」「なぜそう思うのか?」「どこに答えがあるのか?」
湧き出る疑問や好奇心を放おっておくことが
生きていく中で非常にもったいないことをしていると以前にも増して強く思うようになりました。
読書は世界への扉
世界中にはある全ての本を読むことは出来ません。
40歳を超えた今からでは限界があります。
ネットや友人・知人からの紹介で出会った本、自分のアンテナが少しでも反応したものはジャンルは問わず出来るだけ読むことにしています。
子どもたちが世界中にあふれる本に出会う機会はまだまだ無限大
その出会いを逃さないように、少しでも多く本に触れる機会を
「押し付けではなく自発的に」
本に触れる習慣を身につけて欲しいと思い
以前からいい塩梅のアプリを探していました。
なぜアプリで読書?
我が家には紙、普通の絵本もあります。
幼い頃から読み聞かせしてたので、子どもたちも普通に本を取り出して読んでます。
特にお気に入りの絵本はボロボロになるまで読んだり遊んだり。
1つの話を何度も読むことでその本から得る感動は、一度読んだだけでは味わえない深みが増すことは間違いありません。
しかし、より好みするのでムラが出ます。
今は多くの本に触れて、好奇心のチャンネルを増やしてあげたい
アプリで読書となれば単純に数は増えるのでは?
しかも読み放題だったら、、、
本を買うことはギャンブル
当たりもあればハズレもある。だけど数読めば当たる?
今は無駄は承知でガンガン読むことが大事なのでは?
とは言え、実物の本ではいくらお金があっても足りません。
本棚にも限界があります。
そこで僕が数ある絵本アプリの中から選んだのはコチラ
基本1日3冊まで無料
当初は無料で使用してましたが、長男(9歳)、次男(5歳)合わせて3冊ではあっという間に限度の3冊を超えます。
一時的な興味で読んでるのかと思いきや、しばらくしても取り合いになっていたので
月額¥480の読み放題に課金しました。
絵本360冊以上が読み放題。毎週新作を追加!
今朝も学校に行く前に二人で
「きんのたまごをうむガチョウ/ガチョウと黄金の卵・イソップ物語」を見ていました。
世界の名作から日本の伝統的な話はほとんど網羅されています。
大人目線で「なんだこの話?」と思うキテレツな話も
子どもたちからすれば面白くて、ヘンテコで
大人の常識など無視した話だからこそ好奇心をそそるのだと思います。
対象年齢も0歳〜12歳なので小学生の間は使えます。
毎週新作がされるので飽きることなく、クオリティを気にせずにガンガン読める絵本アプリとしては今知る限りほかにありません。
絵本1冊 ¥480ではなかなか無いですよね、、、
図書館に行くという手もありますが、iPhone・iPadだと保管場所も不要、持ち出しも便利なので使い勝手も文句なしです。
本がランダムに表示されるのでいろんな話に遭遇します。
お気に入りとして保存できます。気に入った話はどんどんブックしましょう。
読書履歴もあるので、あとで読み返すこと簡単。
もし月額¥480の購読を止めたいときは以下の方法で購読中止できます。
楽しい、おもしろい、好き!のきっかけ作りに
学びもスポーツも楽しむことから始めてみて、その積み重ねが習慣になって、
「いつの間にか好きなことや得意なことになってた!」となれば最高です。
是非試しに一日3冊の無料版で楽しんでみてください。
読んでいただいた方へ
ありがとうございました。
Kai Hajime