Auto drawを使って簡単にブログのアイコンを作成する

ブログのアイコンを既存の写真やイラストで表示する。。

のは一番簡単ですが

• 顔出ししたくない
• 絵が下手
• イラストレーターとか使えない
• 既存のイラストだと版権が心配
• オリジナリティがちょっと欲しい

こんな感じな人って結構多くないでしょうか？

私は顔出ししてもしなくてもいいんだけど、いい感じの写真がないし

ブログ、あえて顔出ししなくてもいいかな。でも今までのはフリーの素材を使ってたんですが。。どうもしっくりこなかったんですね。

で、最近googleの出したお絵描きサービスAutodrawを使ったら簡単にイラストが可愛くかけたのでご紹介したいと思います

Auto draw

まずは私が作ったアイコンがこちら

ちょっと夏らしくペンギンにしてみました！

王冠の所が若干色かぶってますけど、使い始めたばかりなので大目にみてください！

これは自動修正＋自筆＋塗りつぶし＋テキストで作りました。

www.autodraw.com

使い方（ざっくり）

まず左上のメニューからサイズを選びます(start over)

で、選ぶとですね白いキャンバスが出てきます

黒くなってるアイコンのまま描画すると

（一応花だけど）形から推測していろんなアイコンが出てきます。それで自分のしっくりきたものをチョイスすると

こんな感じに変換してくれます。

注意点

塗りつぶしツールやテキストツールを使っていろいろ足していきますとオリジナリティが出てきます！

ただし塗りつぶしツール、まだ使いこなせてませんが間違えるとべたっと全部色ついちゃうから気をつけてくださいね！空白のところを指定してください。

２分ほどで作った絵がこちら

ツィッターとFBでシェアできます。

ちょっとしたロゴやアイコンを作るにはすご〜〜〜くお手軽だなと思いました！

イラストレーターはハードルが高い人でちょこっとオリジナリティ欲しいな〜って人はぜひ使ってみて欲しいです！

I made this in AutoDraw. A tool for drawing stuff fast. #autodraw #aiexperiments https://t.co/X67sV2qnQ4

— AcroDancerYminimal (@acro_y) 2017年7月14日

ずっと気になってたアドセンスの自動挿入をカスタマイズ中！

googleアドセンスの自動挿入で

私の表示したかった形にするのがなかなかできなくてもやもやしていましたが

時間をとって改善してみます。

やりたいコト

やりたいことは

• １つ目の広告を中央
• 最後の広告を２つ並びで表示

この中央揃えと２つ並びのやり方がいまいちよくわからなかったのですが

すごいアドセンスを自動挿入するやり方のブログを見つけました！ご存知の方は多いと思いますが。。

アドセンスメーカー

www.kanamalu.com

www.kanamalu.com

やり方は全部書いているので割愛しますが

流れとしては

自分のアドセンスコードをメーカーに貼り付けて自動生成→生成したものをはてなのデザインの記事上or下ページに貼り付けるだけです。

この人天才かしら、すごい！ありがとう！！

手動で入れた広告を修正

そういうわけでうまく表示されたら、今まで手動で入れていた広告も修正した方が良いかもしれません。

なぜならば、広告、張りすぎじゃね？このブログ？

ってなるのと、今回は私センターと下部にダブルでレクタングルを設置したいので

見た目がなんか変になってしまうのです。

なので手動で入れたコードを一つずつ修正。。。という地道な作業が待ってます！

ついでに記事のリライトも出来るからいいか！ってことで前向きに修正作業をします。

当分アドセンス広告が変な表示になってるかもしれませんがご了承ください。。

デザインもプログラミングもできたら最強！

photoshopが楽しくてついついプログラミングが滞っています。

simplelifedancer.hatenablog.com

他のブログで、画像の簡単なキリはりで好きなものを集めるってのを書いてみました。

とにかくたくさんのツールがあるのでやりだすとキリがないんですが、まずはプログラミングと同じで、教科書通りではなくても自分のしてみたいこととかちょっとずつアレンジしていくと実践的だし、力もついていくのかな？と思います。

でも、全然まだ使いこなせてませんけど。

simpledancer.hatenablog.com

デザインもプログラミングもどっちもある程度できたら最高じゃないか？

レッスンが進むにつれ、動画を止めて作業する時間が長くなり、集中力もいるので結構疲れます。

ただ、プログラミングと違って、視覚的なので直感的に作業できるかもしれないですね。私は多分デザインの方が好きな分野なんだけど、デザインもプログラミングもできたら最強だなあ。。と

今月はテックアカデミーのプログラミングコンテストが締め切りなので出したいのですが１ヶ月弱でアプリができるかと言われると。。

simpledancer.hatenablog.com

全然できそうにありません。

プロトタイプだけでも作ってみようかなと思いつつ、すっごい複雑になってしまいそうで。

プログラミングって一筋縄ではいかないですね。。

今日はデザインを一旦置いておいて、プログラミングの勉強を少しやります！

Udemyで受講中！Webデザインの進捗具合Photoshopと使用感の感想

UdemyでWebデザインを勉強を始めました。

simpledancer.hatenablog.com

だいたい１週間で１０分の１、くらいは進みました（本当はもっと進むはずだったんですが）

まだ画像を切り抜いたり、境界線を調整したりをざっくりとできるようになったくらいですが結構楽しいですよ！

Facebookのヘッダー写真用にもちょっと変更を加えてみました。

砂漠の写真に倒立 写真たしたりして。

Udemyの使い勝手は。。？

Photoshop自体は使うの初めてで、最初、インストールどうすればいいの？レベルでしたが、無事インストールでき、体験版が１週間しか使えないのでここで進捗とUdemy の使い具合をご紹介したいと思います！

 若干現在のものと動画のものと違う

多分動画が少し前のものなので仕様が若干異なります。

なので説明されたボタンが見当たらない。。。。という場面が多々あります。

その際はプログラミングと同じくググるか質問するか。。という感じですね。

今のところはだいたいできていますが質問もすぐに返信がこないので

やっぱり買い切りの教材のデメリットて感じですかね。

テックアカデミーとかだと返信のスビード、めっちゃ早いですからね。（値段が違いますが。。）

simpledancer.hatenablog.com

アドビのphotoshop体験版が７日間しか使えない

以前は体験版30日使えたのですが、７日間しか使えません！

７日間で半分は終わらせたかったのですが、全然無理でした！

プログラミングもそうですが、時間自体は確保できてもなかなか集中してできる時間って厳しいですね。

www.adobe.com

急ぎで何かやらなくちゃ！ってわけではないですが、もう少しススメたかった。

一応有料ですがphotoshopは導入予定です。

早急に身につけたいのであればスクールがいいかもしれない

早急にwebデザインを身につけるのであれば、オンラインスクールの方が効率はいいと思いました！（ただしある程度時間が確保できる人に限り）

ちなみにテックアカデミーだと無料体験で１週間メンターからのレクチャーも受けられるので、もしかしたら最初の１週間はこっちでやってみるっていうのもいいかなと思いましたよ 

私はプログラミングやブログをすることで勉強する・ググる習慣は割とついた方だったんですがやっぱり誰かにすぐ質問できる環境があるっていうのはかなり勉強に対するモチベーションが上がるし集中しやすいと思いました！

オンラインブートキャンプ 無料体験

なので全く未経験であれば、先にオンラインのこういったコースを受講した方が効率的ではないか。。。と思った次第です。(Udemyの紹介にあまりならなかった。。）

テックアカデミー学生さんはさらに安いです（羨ましい）

まとめ

早急に必要→オンラインスクール（特にTechAcademy [テックアカデミー] がおすすめ）

マイペースで学びたい→Udemy

って感じですかね。あくまで個人的な意見ですが。

そういうわけでwebデザインは早急ではないので私はマイペースにすすめます。

Webデザインの勉強を始めます！Udemyでセール中で1200円！

ずっと興味があったけど、

いや、プログラミングでいっぱいいっぱいなのにデザインとか。。

と思って手を出せなかったwebデザイン。

レッスンに行ったほうが早いかな〜と思っていたのですが腰が重く、

金額もソコソコするので躊躇していましたが、私がもともとJavaで助けられたUdemyでセール中だったのでWebデザイWebデザイン コースを買ってしまいました。

世界最大級のオンライン学習サイトUdemy

今2400円です！90%off!!

安いときはUdemy1200円とかになるんですがすぐやりたかったので購入しちゃった（オンライン教材ってほんまいい商売やわ。。）

鉄は熱いうちにうちます。やりたいことはやらないとね！

simpledancer.hatenablog.com

できるようになりたいこと

ブログやサイトのヘッダーを美しく作れるようになりたい。

バナー作れるようになりたい。

プログラミングと合わせてやり手のエンジニアになりたい。

などなど。妄想は広がります。

とりあえずこのコースを勉強すると未経験からプロのwebデザイナーになれるくらいの知識がつくそうです。ま、プロって言ってもピンキリやしな。（ひどい）

Udemyはかなり充実してます

その辺のスクールとか行くよりはUdemyはかなりオススメです。

動画のコンテンツ数がめちゃめちゃ多いですし、

質問も書き込むと返答してくれますから。

月額制ではなく、買い切りです。2400円でwebデザイナーになれた暁にはこのブログで自慢しますね！

世界最大級のオンライン学習サイトUdemy

webデザインの他にも人工知能やゲーム開発、などなどIT系のスキル習得に面白そうなコースがいっぱいあるのでお買い得な時にスキルを身につけちゃいましょう！

魔法にかけられる人にならないために。これからの働き方の考え方を見直す本を読みました！

これからの世界をつくる仲間たちへ

posted with ヨメレバ

落合 陽一 小学館 2016-03-28

Amazon

Kindle

楽天ブックス

 

今日kindleでこの本を買いました！

直接プログラミングは関係ないんですが。年齢層もちょっと近い落合氏の本が気になり読んでいます。

私自身もPCを触ったのは確かwindows95が最初かな？多分。

姉のPCを初めて触って、最初はソリティアゲームしてたくらいですけど

姉が大学を出て一人暮らしするようになってからは実家のPCは私専用になり、自分でhtmlを書いて簡単なホームページを作ってみたりすることもありました。その頃からプログラミングを知っていたなら今頃エンジニアになっていたかもしれませんね。

PCとの出会いは早かったけど10年以上使いこなせなかった

ぶっちゃけ、今でもシステムのことはほとんどわからないし、プログラミングもまだまだ全然だし。webデザインだってcssはコピペ貼り付けでやり切るということしかやってないです。

30の時にOLを始めるまでエクセルはほとんど使ったことがなかったし、検索するという癖がプログラミングを勉強する35歳までつかなかった！

SNSはかなり詳しい方だと思いますが（初期からFacebook使ってた）ここ数年のコンピュータの恩恵というのはすごいと思いましたが、それをうまく使えていない人がほとんどだなってこの本読んで感じました。

誰でも使える魔法の箱

プログラミングもビジュアルプログラミングというものがあったり、

アプリがあればスマホで簡単に画像を修正したりSNSでアップしたり。

ブログもブログサービスを使えば簡単に全世界に発信することができる。

でも、それは使い方を知っているだけで仕組みを知らないということですね。

落合氏は「魔法をかける人」になるか「魔法をかけられる人」になるか。

という表現をしています。

システムを設計する人がかける人

アプリを使う人がかけられる人

となればやっぱりただサービスを享受しているだけでは魔法をかけられる人だと思う。

プログラミングについても、プログラミングは手段である。設計することができて初めて役に立つということだとも言えます。しかもただコードがかけるってだけではこの先簡単にコンピュータに取って代わられたりします。

資格やスキルを取得することを目標にしていたら将来はコンピュータに使われる人

外国語の資格やスキルも、きっと将来はもっと精巧な翻訳機ができて、勉強が必要なくなる。

本の中でも今現在、中間管理職的な部分が将来はどんどんコンピューターに取って代わられ、その代わり末端の人と接する部分だけインターフェイスとして人間を配置する。

今、まだいい大学に入って、大手に就職する。。というルートでは従事する仕事自体がなくなってる場合があるんですね〜

まとめ

 これからの生き方（特に若い人に向けて）とてもヒントになる本だと感じましたし、

私自身はこれから中高年になっていくのでまるまる一切を参考することはできませんが

お子さんがいる人とか特に読んでみるといいのかもしれないなあと思いました！

横文字多いですけど、面白くて一気に読めてしまいます！

これからの世界をつくる仲間たちへ

posted with ヨメレバ

落合 陽一 小学館 2016-03-28

Amazon

Kindle

楽天ブックス

 

今更ながらSQL文ってなんのことだかわかりました。

simpledancer.hatenablog.com

SQL文とは

データベース。

これらの単語を聞くと勝手に脳がスルーしようと判断します。

難しそう。私にはわからなさそう。。と勝手に解釈してしまって

今まで手付かずだったのでこれを機に少し調べてみようと思いました。

SQL文とはSQL(言語）を使ったデータベースに対する命令文である。

ちゃんと読めば、イメージをつかめました。（できるできないかは置いておいて。）

[データベースの気持ちがわかる]SQLはじめの一歩 (WEB+DB PRESS plus)

posted with ヨメレバ

朝井 淳 技術評論社 2015-03-03

Amazon

Kindle

楽天ブックス

 

苦手意識を持つと勝手なフィルターができてしまう！

これはプログラミングに限らずだと思いますが、

なんか難しそう。。

わからなさそう。。

私には向いてなさそう。。。

と考えると脳が理解したり取得しようとするのを妨げたりフィルターがかかってしまって本当はできることなのにできないイメージを持つからできなくなっちゃったりするんじゃーないかと。

以前Javaをやっていた時にオラクルの試験を受けさせられそうだったんですが、しょっぱなこのデータベース。文字ばっかりだし、私にはわからない、無理！だったんですが、最初から絵入りのわかりやすいサイトをちゃんと調べて読んでおけばあそこまで苦手意識は持たなかったかな〜って。 

参考ブログ

ash.jp

SQLを覚えるメリットは、これさえ覚えておけば、どんなデータベースにも同様の方法でアクセスできることです。 

 だそうです。がむばる。

www.atmarkit.co.jp

wa3.i-3-i.info

改めてデータベースについて勉強してみる。Sqlite３とは？

TechAcademyのオンラインブートキャンプWebアプリケーションコースで「レッスン5 Ruby」が完了しました！ https://t.co/qBgtZLmuxj
復習！

— AcroDancerYminimal (@acro_y) 2017年6月17日

simpledancer.hatenablog.com

SQliteとは？

www.ossnews.jp

SQLite(エスキューライト)とは、軽量コンパクトなリレーショナルデータベースシステムです。主に組み込み用途や、小規模システムのデータストアとして利用されます。

http://dotinstall.com/lessons/basic_sqlite/6401

ドットインストールも４つくらいは無料で動画レッスンが見られます！

データベース：アプリごとに作るデータが入ったもの
↓
テーブル：
↓
ーーーーーーーーーーーーーー
フィールド・カラム：列
レコード：行

そしてそもそもリレーショナルデータベースとは？

www.atmarkit.co.jp

RDBには2つの大きな特徴があります。

• データは「二次元の表形式」で表現される
• 表は結合（ジョイン）して利用できる

私のプログラミング勉強歴史において苦手な用語の１つはデータベースって単語ですね、それを克服したいので今回はあえてゆっくり立ち止まりながら勉強しようと思います。

今回作るアプリケーションはユーザが投稿した情報を保存する必要があります。
Railsアプリケーションではデータベースを使ってデータの保存を行ないます。
モデルはデータベースに含まれるテーブル毎に用意されます。

 SQliteってものを理解しよう

d.hatena.ne.jp

d.hatena.ne.jp

ググってみると、いろんな人がブログで書いてくれているのでそれを読んでみます。

ふつ〜にデータベースについては流してました。だから余計に理解しにくかったのかなああ。

www.rubylife.jp

SQLiteを使うべき10の理由と5つのデメリット - CPA-LABテクニカル

そもそもですが私、sqliteがmysqlと違うものだとかそういうのも知らなかったですよ。

（何をやっていたんだ１年間）

そしてsqliteについて調べてみたら、さらにそれの代わりとなるデータベースがあるというではありませんか。

developers.eure.jp

realm.io

Realmはさらに高速なデータベースだそうですが、もう意味がよくわかりません。追いつけないよ。難しいよ。勘弁してくれよ。

勉強に終わりがない

一個をググり出すと、さらにわからない用語があり、それについて調べてみるとさらに知らなかった用語が出てきて。。。。みたいな感じで終わりがありません。

でも勉強とはそもそもそういうものなのかもしれませんね。

やればやるほど、わからないことが増えていく。むしろ勉強をしないほうが平和でいられるんじゃないか？なんて思ってしまうくらいです。

今回の場合だと

「テックアカデミー復習するぞ〜」

↓

「あれ〜結局データベースってなんだっけ〜」

↓

「sqliteってそもそもなんだっけ？」

↓

「mysqlとかと同じじゃないんだ？」

↓

「Realm?聞いたことないんですけど？」

以下エンドレス。。

simplelifedancer.hatenablog.com

 

TechAcademyを再度学習中。Rubyの基礎を復習します。

もう気がつけばTechAcademy [テックアカデミー] を受けていた頃から5か月も経っていた！

大会だったり仕事だったりで冬の間はプログラミングを放置プレイしてしまいました。

半年もうちょっと頑張っていれば今頃は。。。

というタラレバ思考は辞めますね。

LESSON5/Ruby

TechAcademyのオンラインブートキャンプWebアプリケーションコースで「レッスン5 Ruby」が完了しました！ https://t.co/qBgtZLmuxj
復習！

— AcroDancerYminimal (@acro_y) 2017年6月17日

ここでの内容はRubyの大まかな文法、ターミナルの入力方法、オブジェクト思考についてをざっくりのレッスンです。

プログラミング文法

ざっくりざっくりだと

• 配列
• 繰り返し処理
• 条件分岐

が主な基本文法になるのかな？どの言語も。Javaもそうだったような気がする確か。

オブジェクト思考

これがJavaやってた時もなんなのさ、一体！？って感じでした。

私も久しぶりにやってなんだっけなって感じですもん。

私がtechを見ながらわかりやすく説明するのも難しいのでとりあえずしっくりきたブログ記事をリンクさせていただきます。

初心者向けに徹底解説！オブジェクト指向とは？

オブジェクト指向と10年戦ってわかったこと - Qiita

オブジェクト指向とは何か？わかりやすい例で説明してみた。 | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト

オブジェクト指向プログラミング（Object Oriented Programming: OOP）とは、プログラムを手順ではなくて、モノの作成と操作として見る考え方だ。オブジェクトとは「モノ」を意味する。

例が記事内に大変わかりやすくまとめられているので参照のこと。

クラス

メソッド、インスタンス、継承　などなど。。あまり聞きなれない単語がで出すと

さらに混乱してきます。クラスってあの学校のクラス？

ちょっとこの辺の説明がTechの教材は微妙に分かりにくいと思います。Javaのテキストにいい例えがあったんですがちょっと思い出せないのでいい感じのたとえの記事を探してみました。

Techでやる内容としては

• クラスの継承

  クラスを継承する - クラスの継承 - Ruby入門

• メソッドの定義

  メソッドの定義と呼び出し - メソッド - Ruby入門

• クラスの作成

  【Ruby】クラスの基本について - TASK NOTES

• initializeメソッド
• インスタンスメソッド
• attr-accessorメソッド

  Rubyのattr_accessor等について - Qiita

• モジュール

  RubyのModuleの使い方とはいったい - Qiita

久しぶりにこの領域に踏み込むと全然理解していないのを理解しました！

前途多難ですがTechAcademy [テックアカデミー] railsのアプリケーションを作りながらこの辺りは理解を深めていこうと思います。（メモ代わりに詳しいリンクを貼ってみました）

後日追記していきます。

【Ruby の復習】アクセスメソッドでつまづくので調べてみた。

また再び様々な復習をすることにしました。

simpledancer.hatenablog.com

ぶっちゃけ、ちょっとずつわかってきている部分もあれば、やったはずなのに忘れてる、もしくは全然理解できてなかったり、前は理解できたはずなのに全然意味不明だったりする。（痴呆症。。。？？）

ということでrailsのチュートリアルを再度やる前に、TechacademyのRubyからまたやり直してみることにしました。

attr_accessorのところがいまいちよくわからない。

アクセスメソッドところでつまづきました。さらっと流してたところです。

"メソッド"という名前が着くと拒否反応が出ます。今更。

qiita.com

前も何度も読んだはずなんだけどいまいちわからなくていろいろ調べてみた。

www.rubylife.jp

対象となるインスタンス変数名に対して「attr_reader」「attr_writer」「attr_accessor」のいずれかを使って上記のように記述することでインスタンス変数の参照や更新用のメソッドを個別に定義する代わりとなります。

中略

「オブジェクト名.変数名」で参照したり更新したりが直接行えます。(クラス外からインスタンス変数が直接操作できるようになったわけではなく、参照や更新が行えるメソッドが自動的に作成されたと考えて下さい)

 その他参照した記事

Rubyのattr_accessor, attr_reader, attr_writerとは何か -- ぺけみさお

Techacademyの教材でやり直してみた

ここまでは大丈夫。

上記の追加したメソッドの代わりに、クラスにattr_accessorの後に変数を宣言することによって、自動的にインスタンス変数の値を参照したり、変更するメソッドを定義することができます。

”自動的にインスタンス変数の値を参照したり、変更するメソッドを定義することができます”

だそうなのです。（よくわかってない）

どうやら　attr_accessorの後に変数を定義する

↓

そうすると（この場合緯度を出すとすると）最初のスクショのようにいちいち宣言しなくても一気に値を返してくれる、ということであっているのでしょうか。

脳みそがちょっとわんわんしてきましたので中断してランチします！

プログラミングも筋トレも反復練習が大事ですね。

反復練習って大事だな〜と思いながらも

ついつい一回やったら放置。「できたし、いいか」と思ってしまう。

ちなみに１〜２回目はほとんど考えずに写経してるだけだから

実際のところはあまり身についてないんだよな〜ってつくづく思います。1回目は

謎の言葉に耳を慣らしながら。2回目はファイルのつながりなどなどを理解しながら。

3回目あたりからようやくちょっとは考えながら進めていけているのではないだろうか？と、私の超筋肉脳は考える。

筋トレも一回や二回やっただけじゃ身につかないのと一緒。でも勉強もそうですよね。

１つのチュートリアルをやりながらドットインストールで復習

そもそも、私の脳みそがプログラミングがわからないようにプログラミングされているのか？とさえ考えるほど、なかなか理解できません。

そもそも費やす時間自体が少ないとは思いますがそれ以前の理解力というのがどうも私他の人に比べて低いんじゃないかなと改めて思ってしまいます。

というか、それでもやり続けている私を褒めてあげたいなとさえ思います。

で、先日出たエラーがまた、ちょこちょこ出たのでドットインストールでhamlをサラーっと見てみましたところ、

なんだよ。最初からやればよかった。。ってくらい説明してくれてました。

http://dotinstall.com/lessons/basic_haml/10105

インデントでエラー出るのはこれ知ってたら理解できたのに。

スペース開けるのとか、早く言ってくれよって感じです。

わからないことは割とググりながら進めてはいるのですが、

一つのサイトでサンプルアプリを作る際にひっかりがあるもの、理解が出来ていないと感じるものはドットインストールを都度復習。それくらい繰り返しの反復インストールをやってみたらちょっとは理解度が増すかなと考えています。

simpledancer.hatenablog.com

テックアカデミーのコンテストを出したい

techacademy.jp

卒業生が提出するコンテストなのですが、前回も前々回も間に合わなかったので

今回の夏には出したいと考え中です。

ただしアイディアが全くもって浮かばないんです。

ひとまずテックアカデミーを再度おさらい（の間にドットインストール）しながらアイディアを練ります。

simpledancer.hatenablog.com

テックアカデミーは卒業後も教材が見れます

TechAcademy [テックアカデミー] の良いところは卒業後も教材が見れるところですね。

他のオンラインスクールでは期間が終わってしまうと見られなくなってしまうらしいです。あと、受講中はslackで先生とチャットできるんですが、返信がめっちゃ早いです。

某プログラミングスクールだと、学生の人が先生をやっているそうなので、的確な答えがあまり得られない。。とちょっと愚痴ってました。

あ、slackのチャットは期間が終了すると一定期間をすぎると見られなくなります。

サポートの延長も追加料金で続けることができるので、卒業してからまたわからないところとか考えても考えても出てこなければ１週間くらいオプションでつけることもできるのです。（私はやってませんが）

simpledancer.hatenablog.com

gitについて初心者に超丁寧なサイト

シラバスやっとエラーが消えて、なんとかサンプルアプリが途中までできた。

simpledancer.hatenablog.com

ちょっと気分転換に他のページを見てみるとgitについての説明がすごくわかりやすく乗っていたのでご紹介します。

cyllabus.jp

書いていることはどのblogやサイトでも同じなんですけどね。後半はまとめサイトみたいになってるからあれですけど。用語の説明とかが簡潔でいいなと思いました。

www.backlog.jp

このサイトもわかりやすい。

ところでこの「サルでもわかる」シリーズ。とかの〇〇でもできるとかわかるシリーズでわからなかったりできなかったときの悲しさよ。

ちなみにここ半年以上githubも使ってるけど全然慣れません。

勉強量が足りないということでしょうか。そういうことだと思います。

今からショーの練習と仕事に向かいますので勉強はまた明日にします。

エラーが解決しない原因、haml記法の存在。

先日のエラーがインデントエラーが消えたらこのようなエラーが。

haml....haml....hamlってなんだっけ？？

simpledancer.hatenablog.com

Haml記法

インデント直してもうまくいかないし、なんなの！！？？

と、いろいろググっているとどうやら私haml記法というものを全然知らなかった。

qiita.com

そう、まさにQiitaで出てたエラーが出ています。

このsyntax errorは、erbで書いているときは、よく見かけますよね。
だいたい、<% end %>とかが抜けてますよね。

でも、haml記法だと、endとか閉じタグはいらないはずですね。

閉じタグがいらない？？

morizyun.github.io

これを読んでいるとHaml入門がドットインストールにありました！

http://dotinstall.com/lessons/basic_haml

とりあえず、「五分でわかる」ということでしたが5分ではわからなかったので

ドットインストールを一通りやってみたいと思います。

進まない。。

simpledancer.hatenablog.com

近況

なるべく定期的にアプリを作るためのインプットをしようと思いながら仕事をしているとそのためのトレーニングなどで時間が取れなかったり。

家にいると寝てしまったりするのでなるべく午前中は外に出てカフェでプログラミングの勉強やブログを書くようにしています。

今月はゆっくり勉強に当てるつもりが、意外と踊りの仕事やリハーサルが入ってきてしまったので、７月は集中して勉強できるように時間を取りたいなと（思ってはいる）

インデントのエラーInconsistent indentationを解決する

インデントのエラーが出た模様 

こんなんでました〜

Inconsistent indentation

というやつエラー内容的にはググってみるとインデントがタブと半角スペースが混じっていたり半角スペースの数が違うとエラーになるみたい

インデントがおかしいとか、私はあまりよくわからなかったので、こういうエラーは正直困る。

Inconsistent indentation: 6 spaces used for indentation, but the rest of the document was indented using 5 spaces.

半角スペースが５つが正しいようです。

で、直したら今度は

こんなん出た。

あーもういや。

ということで一旦休憩します。

タブキーを消して（サイトのコードをそのままコピペしたらタブキーが張り付いた）半角スペースを調整したところインデントエラーは解消しました。

エラーが出た時の解決方法

最近はスタックオーバーフローよりこちらの方を参考にしています。

グーグル検索をするとエラーの内容を入れると英語のサイトが多く出てきてしまって萎えることありませんか？（私だけじゃないはず！）

そういうわけで最近はもっぱらteratail を使ってます。

エンジニアのためのQ&Aサイト【teratail】

登録すれば簡単にエンジニアに質問できます。独学者の強い味方です。もちろん無料なので登録しておくと便利です！

全然関係ないけど、ドローンの求人サイトを見つけました

エンジニアの求人サイトを探していたところこんなの見つけました。

ドローンの求人って！？？めちゃくちゃ面白そう。。

サイトを見てみると。。

なになに、ドローンスクールとかあるの？

（ちなみに都内のドローンエンジニアは募集してませんでした）

なんか色々興味が出てサイト登録してみました。

国内初！ドローン業種専門の人材派遣・紹介情報サイト【スカイエージェント】

 パイロットやら求人があった。ドローンってなんか近未来感があったんだけど農薬散布とかにも使っているんですね。（知らなかったー）

世の中には知らないことがたくさんある。。

そして休憩したらまたエラーと向き合います。