アスリート系ですがプログラミング始めました。

プログラミング初心者三十路越えアスリート系女がフリーランスプログラマーを目指すブログ

はてなブログのテーマに迷ったら、ZEROTEALがワードプレスっぽくてオススメ

先日新しいブログを開始しました。

まだカスタマイズは途中なのですが、もともとワードプレスでやっていたサイトをはてなに以降しようとして始めたので、見た目はちょっとこだわりたいぞと思いましたら

ZERO TEALというテーマがワードプレスのテーマと似ていたので入れてみました

ZERO TEALのいいところ

  • まずはレスポンシブデザインである事。
  • そしてカスタマイズをそんなにしなくても太字にすると蛍光ペンラインが勝手に出来上がること
  • トップページがカードになっててすっきりしているところ

zeno-teal.hatenablog.com

 

私はピンクっぽい色に変更したかったのでデザインCSSをカスタマイズしました。

f:id:simpledancer:20170814173157p:plain

記事の上にカテゴリーのタグも勝手に挿入されますしとても便利。

まだメニューバーは作っていませんがサイドバーも下方に出ますがすっきり見やすいです。

最初からサイドバーの見出しが組み込まれてるので色だけ指定すれば色も変更できますし。

zeno-teal.hatenablog.com

テーマに迷っている人はカスタマイズが楽なこのテーマはオススメです!

新しく作ったブログはこちら

acro-y.hatenadiary.com

いろいろ仮のままですが、見切り発車で作り始めました。

自分の好きなことばかり調べてかけるので楽しんで書いています。

 

アメブロもカスタマイズ!メニューバーやヘッダーを変えるだけでスッキリ見やすくなりました。

f:id:simpledancer:20170806194229j:plain

プログラミングとアメーバブログってどうも相容れない関係な気がしますが。

私は昔からアメブロをやっていまして、ダンス系の告知などはアメブロでやってました。

でもアメブロのごちゃごちゃした感じがあまり好きではなく、最近ははてなブログでブログを書く方が楽しいです。

が、しかし、アメブロってやはり認知度が高いのか結構よく読まれたりするんで捨ててしまうのももったいないな。。と思いカスタマイズをすることにしました。

f:id:simpledancer:20170807072136p:plain

ちょっと地味な見た目ですが、CSS編集が出来るテーマに変更し、ヘッダーとメニューバーを加えました。

メニューバーを作るジェネレーター

便利な世の中になりました。

ブログでちゃんとメニューバーのコードを作ってくれるジェネレータを公開してくれている人がいます。

ameblo.jp

このブログでメニューバーが簡単に作ることができます。(ボタンの数が4~6個の選択肢鹿ありませんが必要な方はコードをいじって増やしましょう)

出来上がったコードはCSS編集用にテーマを変更していればフリースペースと呼ばれるところに貼り付けをして、保存をすれば反映されます。

ヘッダーの張り方も簡単

ameblo-customize.com

流れとしては

CSS編集用のところに

/* ヘッダー画像を設定する */
.skin-bgHeader {
  background: no-repeat scroll center top;
  background-image: url(【ヘッダー画像のURL);
}
/* ヘッダーの高さを設定する */
.skin-bgHeader a[href*="//ameblo.jp/"] {
  height: 400px;
}
/* ブログタイトルと説明文を非表示にする */
.skin-headerTitle {
  display: none;
}
 

 

コードを貼り付け(URLは自身の画像URL→アメブロ内に保存してcommandを押して画像のアドレスをコピーするとURLが取得できます)

高さなどはお好みで。

 

一般人のアメブロほどヘッダーを変えた方が良し

アメブロを使ってる人は結構テーマそのままな人が多いです。オフィシャルブロガーなんかは綺麗なヘッダーでオリジナリティがありますが、やはり一般人の人ですとみんなと同じテーマだと見た目が変わらないのでいいことを書いていたとしても目に止まりにくいです。

人とちょと差をつけるためにもヘッダーだけでも変更をしてスッキリしたアメブロにすることをおすすめします!

simpledancer.hatenablog.com

Pycharmでpipやmatplotlibがインストールできない時のエラーの解決方法

ゆるゆる機械学習を進めています。

今日は早速ファイルのインストールでエラーが出て、日本語版のサイトではググってもちょっと見つからなかったので書いておきたいと思います。(Udemy の質疑応答コーナーに答え見つけて試したらできました)

simpledancer.hatenablog.com

simpledancer.hatenablog.com

グラフを描画するためのパッケージをインストールする

Pycharm>Preference>project:フォルダ名>Prpject interpreter

移動したら下の方の+マークを押す。私のpycharmでは下にすでにinstall packaging toolsと出ていたのでそこをクリック

 

f:id:simpledancer:20170730090329p:plain

pipをインストールしますが、ここで私はエラーが出ました。

f:id:simpledancer:20170730090637p:plain

f:id:simpledancer:20170730090305p:plain

何度も果敢に同じ失敗を繰り返した跡↑

 

で、ググってみたんですが英語版のStack over flowしか出てきませんでした。

日本語ではざっとみた限り見つからなかったのでUdemyのQ&Aを探してみたところ同じエラーが出ている人がいたのでまずはこう変えてみました。

f:id:simpledancer:20170730090710p:plain

この丈夫に表示されてるversionが2.6ですが、チェックリストから2.7を選択します。

f:id:simpledancer:20170730090801p:plain

そうして再度pipをインストールします。

f:id:simpledancer:20170730090829p:plain

インストールに成功しました!同様にnumpyとmatplotlibもインストールができればOKです!

f:id:simpledancer:20170730090954p:plain

インストールのエラーだけで30分以上かかってしまった。。。(泣)

 

なんだ、そんなことでエラーになっていたの。。。?という感じでしたが。とりあえず解決できてよかったです!

simplelifedancer.hatenablog.com

私が買ったUdemy の講座みんなのAI講座 ゼロからPythonで学ぶ人工知能と機械学習 はQ&Aが結構丁寧でした。

 

とにかく進みが遅いけどちょっとずつ進めていきます!

Herokuでデプロイしたアプリを削除する

Herokuで無事デプロイできたアプリを削除する方法を備忘録的に載せておきます。

私はHerokuは無料版なので5つまでしかappを登録できません。(有料版にするほどの物が今の所作れていないのです)

テックアカデミーの課題などで5つ使ってしまっているので、それを削除して、また再度クリエイトしようと思います。

 

qiita.com

herokuコマンドで消す

qiitaでは2種類の方法が書いてありましたが、私はherokuコマンドで消す方をやってみました。

herokuコマンドを使って消すこともできます。
herokuコマンドを使用すると、Heroku上のアプリもリモートリポジトリの設定もすべて消してくれます。

$ heroku apps:destroy --app アプリ名

(heroku apps:infoでアプリ名を確認できます。)
上記のapps:destroyを実行すると、確認のためアプリ名の入力を求められます。
アプリ名を入力して実行すると、アプリが削除され、リモートリポジトリの設定も削除されます。

--confirm アプリ名を付けて実行すると、アプリ名の入力は求められません。

$ heroku apps:destroy --app アプリ名 --confirm アプリ名

以上でアプリを削除することができました。

 

しかし、プログラミング進まないyo

simpledancer.hatenablog.com

レンタルサーバーとドメインの解約をしました!解約方法について。

f:id:simpledancer:20170720112158p:plain

作っていたWordpressのサイトを閉鎖することにしました!

理由は

  • 特化した内容が書けなくなってきたこと
  • カスタマイズに時間がかかる
  • はてなブログの方が楽しい
  • そもそも更新自体がほとんどできてない

とにかくいじる時間が少ないのと

なかなか思い通りにカスタマイズができない苛立ち!

有料のテーマを購入すればちょっとは楽になるのでしょうが、とりあえず更新頻度がほとんどないからサーバー代とドメイン代がもったいないな〜と思っていたのです。

解約方法

私はお名前.comで契約していたのですが解約は解約手続きをした翌月末が解約日になります!今7月なので来月8月末までの契約ってことになりますね。

サーバーの解約

サーバーNavi 活用ガイド|お名前.comレンタルサーバー

ログインして解約したいサーバーのプランをクリック

解約設定ボタンを押す(解約日は選べます!最短が翌月末)

f:id:simpledancer:20170724082248p:plain

こういう画面が出ると完了です。あっけなく完了!

ドメインの解約

www.onamae.com

ドメイン自動更新設定をクリック

自動更新を解約したいドメインにチェックする

確認画面で規約に同意して上記内容に申し込むをクリック

f:id:simpledancer:20170724082647p:plain

ドメインの自動更新が解除されました。

そのあと登録してるメルアドに確認メールが届きます。

f:id:simpledancer:20170724082830p:plain

 

これでサーバー・ドメインともに解除完了です。解約完了までは1ヶ月あるのでその間に閉鎖しますって告知するといいですね!

Wordpressはまた改めてやる予定

いろいろいじれて面白いところもあったのですが、ちょっと時間が取れなくなってきたのとはてなブログでも十分カスタマイズが楽しいので、(ブログも10個作れる)

今後ははてなブログでちょっと近い内容のブログを作っていこうと思います。

ドメインを取り直してみようかと。

サーバー代・ドメイン代なんて安いプランなのでそれほどすごい価格ではないのだけれどお名前.comよりも調べてみるとwordpressに適しているサーバーが他にあったので

今度は多分エックスサーバー にします!しかも安い。私の好きなブロガーさんはほとんどエックスサーバー だから。ってのもあるんですけどね。

CMS制作は難しいけど

わからないなりにサイトを構築する方法を調べまくってやって

カスタマイズも完了はしなかったけど、触ってみてよかったなと思います。

ブログサービスとは比べ物にならないくらいめんどくさかったけど一回やると要領がちょっと分かったので。

今度やるときは無料テーマじゃなくて有料テーマにして、カスタマイズの手間を大幅に削減してやります。

【人工知能の勉強始めました】Pycharmの設定をする

simpledancer.hatenablog.com

昨日買っちゃいました。

Udemy みんなのAI講座 ゼロからPythonで学ぶ人工知能と機械学習 レッスン。

人工知能ってロマンじゃないですか?そんなわけです。

もう、どこに向かっているのか自分がよくわからなくなってきました。

せっかく勉強するのでUdemyで勉強したことを初心者の目線からアウトプットをしていこうと思います。

環境設定をする

どの言語でも基本的に環境設定しますよね?

Javaはとにかくめんどくさかったです。もうやりたくない!

Rubyもローカル開発環境を設定するの非常にめんどくさかったんですけど

Phthonなんかめちゃ簡単なんですけど。

いいの?これで終わっていいの?

ちなみにwindowsは設定わからないのでMacだけ。

Pycharmをインストールする

www.jetbrains.com

まずpycharmの上のサイトに行ってダウンロードします

f:id:simpledancer:20170720123609p:plain

download nowを押すと

osを選べるので選んでcommunityの方をダウンロードします。

f:id:simpledancer:20170720123729p:plain

ダウンロードに4分くらいかかりました。

起動したらPCにインストールします。(これは普通のアプリと一緒)

設定をする

pycharmを起動して初期設定をします。

右下のconfigureをクリックします。

f:id:simpledancer:20170720123921p:plain

これのpreferenceを選択

f:id:simpledancer:20170720124021p:plain

変更したのは上からappearence &behavior>Appearenceに移動して

appearanceの設定をします。

f:id:simpledancer:20170720124233p:plain

system settingを開きます。下のようにチェックを入れます。

f:id:simpledancer:20170720124336p:plain

あとは自分の見やすい見た目に変更をします(ここはお好み)Editor>colors&fonts>fontのところ

f:id:simpledancer:20170720124518p:plain

と、こんな感じです。

ざっくりすぎますがもうUdemy さんの講座そのままです。わかりにくいと思ったら講座買ってくださいw

みんなのAI講座 ゼロからPythonで学ぶ人工知能と機械学習

昨日はうっかり韓国ドラマにはまって朝方まで見てしまったので勉強ほとんどしてません!引き続き勉強します。

次は人工知能に手を出しました。Pythonかじります。

全然プログラミング放置してphotoshopやイラストばっカリやっていたのですが

最近人工知能、AI という文字を見ると心が踊るようになってしまい。。。

買ってしまいました。

f:id:simpledancer:20170719134443p:plain

みんなのAI講座 ゼロからPythonで学ぶ人工知能と機械学習  を。ついポチッと。

RubyもままならないのにPythonに手出しをしようとしている無謀さ!数学は赤点常習犯でした。だけど気にしない。大学はバリバリの文系出身です。

Udemyとは

シリコンバレー発の動画講座です。日本ではベネッセコーポレーションが出資して運営してるようです。

私は今までJava5日間講座、フルスタックエンジニア(ボリュームやばいやつ)、photoshop講座を買いましたが、確かにすべてやれば結構力がつくだろうな。。。

という内容でした。(全部まだ終わってない。)

買い切りの形で閲覧期限もないので、マイペースに学習したい人にはお勧めです!

さらにセール中だと本1冊分よりも安くなるので興味のある分野だとかなりお買い得になります!

ちなみに私は機械学習のやつは84%引きでした。2400円!

Python怖いけどとりあえずはじめて見る

「やりたいと思ったことはとりあえずやってみる」というのをなるべく実践している身なので、もう、これはやるしかないと。

面白くなかったらやめればいいのだし。。という感じで気軽に初めて見ます。

勉強進捗はRubyと並行してまたここに備忘録的に追記していきます。

だけど、よく考えてみると、プログラミングってめっちゃリーズナブルな趣味だと思う。。2400円で楽しめればね。