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

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

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

Wimax2の速度制限が原因だった件

ポケットwifiの速度制限が問題だったようです。(チーン) simpledancer.hatenablog.com アップデートもし、キーアクセスチェーンも削除したけどどうもうまくいかない。 スタバにいた時はキーアクセスチェーンを削除したらうまくいったのに。。。 もしや。。…

OSのアップデートが全てを解決してくれた件

// 先日、こんな記事を書きました。 simpledancer.hatenablog.com で、動くようになったんですが 時々ブツブツ切れる。。 これはルーターのせいかなと思ったんです。 でルーターも再起動させたりしてみたのですが関係なく。 いや、困ったな。。。 でも根本的…

Mac使ってるけどいきなりwifiが繋がりにくくなった〜〜(泣)の解決方法です

// きょう、朝他のブログ書いていた時から調子が悪かったんですが wifiルータは正常なのに、全然ネットが繋がらなくて! 何なんだー!と思って色々調べてやっと復旧しました。 MacBookの方で繋がりにくい方は試してみてください! もう、せっかく書いてたの…

便利な紹介ツール・ヨメレバを使ってみました!

// ブログにアフィリエイトリンクを貼ったりしてる人はご存知だと思いますが ヨメレバ・カエレバ。 こういうやつ↑ 他の方のブログでどうやってやるのかな〜と気になっていたもののずっとカスタマイズせずに放置していたんですが、やっと重い腰をあげました。…

ロゴジェネレーターで無料で簡単にブログのロゴを作る

// ブログのヘッダー画像ってブログのイメージにつながりますよね? 「いい記事を書いていたらあまり関係ない」 という気がするようなしないような? でも、やっぱりヘッダー画像の印象で読みたいか、読みたくないか? とかサイトの趣向とかって出てくるよう…

3分でできた!はてなブログにインスタグラムのフィードを表示させる

// 一番簡単な方法 SnapWidgetでフィードを埋め込む方法 参考にさせていただいたブログ もともとアメーバブログで作っていた個人のダンスの告知ブログを せっかくはてなブログproにしたこともあり、はてなに変更しよう!と決めて 新たに1つブログをまた作る…

railsチュートリアル始めました②

昨日は近所のカフェで大好きなカフェラテ飲みながらチュートリアルをやってました。 wifiあるしこじんまりしててオシャレで店員さんが丁寧。時々行くお店。 simpledancer.hatenablog.com 1章は簡単に10分くらいで終わるかなあ〜なんて思ってたらgemfileの…

Wordpressのバージョンをアップデートが必須だった理由

// Twitterで 「いますぐwordpressを更新してください!」と流れてきたました。 WordPress の脆弱性対策について 概要 以前の意識と変わったこと WordpressはIT音痴にはハードルが高めだけど・・・ https://t.co/6UiywgFcca— AcroDancerYminimal (@acro_y) 2…

Rails チュートリアル始めました①

// 最近railsから離れていたので不安になり 初心者お勧めRailsチュートリアルをやってみようと思います。 railstutorial.jp www.railstutorial.org Ruby on RailsチュートリアルはWeb開発者やIT起業家を目指す方向けの優れた入門書として書かれており、Ruby…

はてなブログで目次を表示をやってみた。

// 今日ブログを見てもらって色々アドバイスをいただいたのですが、その中で 「目次を作ったほうがいいです」と言っていただいたのでつけてみました! 目次を自動生成する 目次と言う文字を表示する 今後の課題 staff.hatenablog.com 目次を自動生成する こ…

意外と簡単!Wordpressの見出しをカスタマイズ♪

// やっとワードプレスの見出しをカスタマイズしました!(まだ完了ではありませんが) とりあえず3パターン作ってみました。 必要なのは4ステップ step1: step2 step3 step4: 今後の課題 こんな感じ。 テキストは <h2 id="danraku2">見出し2</h2><h3 id="danraku3">見出し3</h3><h4 id="danraku4">見出し4</h4> こういう感じ…

ナビゲーションバーを均等に配置してリンクを設置する

続き simpledancer.hatenablog.com さて続きです! 昨日までに見た目(css)とリンクの大元のコードはhtmlに書き込みましたので こんな感じでできましたが、まだこの状態だと左よりになっていて、さらにリンク先が入っていないのでメニューをクリックしても何…

ナビゲーションバーを配置する(工事中のため途中まで!)

// 30記事ほどできてきたのでそろそろナビゲーションバーを作ろうと思います! まず参考のサイトはこちら いつも参考にさせていただいています。 www.yukihy.com やり方は全てゆきひーさんのブログをそのままコピペさせていただきました。 デザイン>デザ…

はてなブログcssを変更して5点カスタマイズしました。

// ブログのカスタマイズとか、以前なんとなくやらずにやっていたのですが、調べてみると無料でたくさんの情報が落ちていることがわかりました! せっかくだからはてなブログproにしたことだし 見出しを綺麗にしたい twitterのフィードを反映させる ヘッダー…

はてなブログProに変更しました!良かった点

// 先ほどはてなブログproに変更しました。 ドメインを独自のものに変更するかを迷ったのですが、いろいろサイトを調べていて まだ流入数も少ないので当分hatenaのドメインでやることにしました。 Proに変更して良かった点 1.キーワードリンクがオフにできる…

無料ブログでtwitterのフィードを埋め込む方法

// はてな使ってる人は 「なんだ〜そんなこと??」 と思われるかもしれませんが、 私、twitterとかFBのタイムラインが流れる(サイドバーとかに)あれ、無料ブログでは簡単にできないと思ってたんですけど、 めちゃ簡単にできました。 私ははてなブログとア…

アイキャッチ画像を追加するだけで一気にサイトがプロっぽくなった

// メリークリスマス! はてなブログを利用してる人はあまりクリスマスって関係なような気がしてならないのは置いておいて。 私は23日は仕事で24の明けまでシャンパンの洗礼を受け 24の昼過ぎに起きて湯船にお湯を溜めたまま溢れ出し ガスは止まるし病院に…

プログラマーの人って貢献度高いなと思う

// 私思うに、プログラマーって貢献度高いなと思う。 周りのプログラマーの人も無償で色々教えてくれるし(いや、話が専門的すぎてわからないことが多いんだけど) エラーが出てFBでぽそっとつぶやいたらすごいいっぱい教えてくれたりするし。 1聞いたら1…

youtubeのショートコードを埋め込むと動画が表示されることを知った

// 今更ながら、wordpressの記事の中に、リンクアドレスではなく、youtubeの動画自体を貼り付けたかったんだけど、PHPをいじらなくてはいけないと思い込んでた。 それもあり、めんどくさいなと思っていたんだけれど。 全然、なんてことない。 これの埋め込み…

プログラミング初心者が基礎「Ruby on Rails」やってみました。

// 先日はTechAcademyの1ヶ月を受けて simpledancer.hatenablog.com ちょっとはrailsに対する抵抗がなくなったものの、もともと集中力もなければ理解力もない私なので、これはもっと実際に手を動かそうと思い、オススメされていた 基礎「Ruby on Rails」を…

プログラマーのでてくる海外ドラマ「Mr.Robot」にはまりました。

今日はプログラミングの勉強は置いておいて、少し前に見始めて止まらなくなった海外ドラマMr.Robotについて書きます! axn.co.jp あらすじ エリオット・オルダーソンはニューヨークに住む若者で、サイバーセキュリティ会社『オールセーフ(Allsafe Cybersecur…

1か月集中してRuby on Rails勉強してみました(オンラインコース受講後の感想です)

// 10月末から1か月、TechAcademyのアプリケーションプログラミングのコース4週間を受けてみました。 当初の目標としては1か月で自分でサービスを作れるようになる! そしてWeb業界に転職活動を再開する! というものでした。 techacademy.jp かけた勉強時…

Rubyの環境構築が思いの外サクッと出来てしまった話

// こんにちは! 技術ブログになりきれてないこのブログですが、今日は1つスッキリしたことがありました! 私はrubyの環境構築を断念してcloud9でやっていたのですが。 simpledancer.hatenablog.com でも、cloud9だとネットがつながる環境じゃないとできな…

Wordpressを引き続き構築中です。

やーっとはてなブログに技術ブログを持ってきて、wordpressを私の好きなポールダンスの総合サイトとして構築することにいたしました! まだ、全然 コンテンツできてないですが。 SNSの連携を作ったのと、メニューバーを作り、サイドバーを作り中です。 サイ…

英語版のプログラミング動画サイトをやってみた!

// いつもprogate,Dotinstallといった日本語版のプログラミング学習サイトを使っています。ですが、海外のサイトは良質な物が多いそうなので海外のサイトを使ってみようと思い、今回はcodeacademyを使ってみました。 英語を読解しながらなので、英語がある程…

購入する技術書はkindleですか?紙ですか?

// 時々技術書を買うのですが、技術書って重い・高い・デカイ!! 「じゃあkindleで買えばいいんじゃないの?」ってことで こちらはkindleで買ってみました。 WordPressをちゃんと使うための教科書 でも、ちょっと後悔しました。 なぜなら私iphoneでkindle読…

避けては通れないオブジェクト指向について

勉強会でオブジェクト指向について今日はしっかり学べたので今日はそれについてまとめてみようと思います。 参考: 5分で絶対に分かる:5分で絶対に分かるオブジェクト指向 (2/6) - ITmedia エンタープライズ 【10分でわかる】Javaにおけるオブジェクト指向…

マウスダウン・マウスアップ

このボタンにマウスをポチった時にボタンが下がる・戻るコードを勉強したいと思います。 simpledancer.hatenablog.com 前回の星座を乱数で表示するコードの下に ボタンが下がる←mousedown ボタンが戻る(上がる)←mouseup この動作をするコードを書いていき…

フリーランサーに教えて貰ったフリーランスエンジニアになるための方法

私は今現在ダンスの仕事をしているのですが フリーランスのエンジニアになるべく勉強&転職活動を細々としています。 先日プログラミングのメンターにはいろいろなアドバイスをもらったのでそれをシェアしたいと思います。 *********************************…

Javascriptでおみくじアプリを作る(乱数を発生させる)

JavascriptのMath.random/floorを使っておみくじアプリを作ります! ドットインストールのおみくじを作ろうを教科書に最終的には少し変化を加えながら作ってみようと思います。 ドットインストールでは大吉、中吉などの運勢ですが、私はちょっと色や形、内容…

初心者の私が使い易いと思った無料プログラミング勉強サイト4選

色々プログラミングの勉強サイトをオススメ頂いたり、見つけたりして使いやすかった・わかりやすかった・こういうところがいいと思う というサイトを紹介しようと思います。 1. Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート] 言語:…

DOMってなんなの??DOMについて調べてみました。

ただただサンプルコードを打ってると、説明されてもなんぞや?その単語?というのに多々ぶち当たります。 今日はDOM(ドム)について調べてみました! DOMとは、HTMLドキュメントやXMLドキュメントをプログラムから利用するためのAPI。 DOMではHTMLドキュメン…

簡単な診断アプリにツイート機能をつける方法

今日はJqueryで作った簡単な診断アプリにツイッターの機能追加ができることをまとめてみようと思います。 twitter 名前をボックスに打ち込み、診断ボタンを押すと結果がツイートできる機能です。 ツイートする、をポチれば↓ でコメントをツイートすることが…

ブログタイトルを変更しました。アラフォーからアスリート系へ!

// ブログタイトルをアラフォーから(実年齢は36です)アスリート系に変更いたしました! 技術系メモブログに成るはずなんですが、それだけでも面白くないので無駄に日々の筋肉話なども入れていこうかなと思ってます。 現在の職業はダンサーです。 (注)…

オーディオファイルを再生するためのコードを書いてみる

MP3の音源ファイルなどをWEB上に表示したいときのやり方を勉強しました。 もっと難しいと思っていたのですが、再生するためのコードは意外に簡単でした! ☆audioタグの中に必ず This brouser does not support HTML5 audio. 対応してないブラウザに表示する…

JavaScriptでアラートを出すシンプルなコードを勉強しました

webページに出てくるアラートを今日はしっかりやりたいと思います。 まずは簡単にSOS!とこのように表示します。 このアラートボックスを表示するためのコードを書きます!シンプルです。 -----------------------------------------------------------------…

Wordpressをソーシャルメディア連携してみた

Wordpressも絶賛初心者で勉強中。 ja.wordpress.com 「そういえばTwitterと連携してボタンを設置しよう」と思いました。これどうやってやるんだろう? どうやらプラグインのところで連携できるみたいです。 PHPのコードをいじると言う手もあるようですが、私…

アルゴリズム図鑑アプリがオススメ!

先日スマホアプリで進められたのがあったのでインストールしてみました。 「アルゴリズム図鑑」というアプリをご存知でしょうか? algorithm.wiki バブルソートとかヒープとか(アプリ内課金制です)が動く図形を見ながら勉強できます! 1つ数分くらいで見…

JavaScriptを使って画像をドラッグアンドドロップできるようにしてみる

「ドラッグアンドドロップ」 操作的には全く何気なくやってる動作ですが 実際自分が作るとなると。。。。?そもそも作るって概念など今まで持ち合わせていませんでした。 今日はオンラインサイトUdemyを参考にドラッグアンドドロップの画面を作ってみたので…

【素朴な疑問解決】JavaScriptのconsole.logとdocument.writeの違いについて。

JavaScriptの文字を表示させる呪文。 console.log とdocument.writeってどうちがうの?同じことでしょう?どっちでもいいんじゃないの? 私が以前紹介したJavaScriptの教科書「非エンジニアのためのプログラミング入門」 こちらは document.writeで webの練…

環境構築でイライラするならCloud9から始めよう!

Cloud9公式HP c9.io 環境構築! って、言葉だけでも「ウッっ」てきませんか? プログラミング言語の環境構築ってめんどくさいです! Javascriptを最初に始めた時はテキストエディタ(私はSublimetext2)を入れただけなんで、大して大変ではなかったんですが J…

Wordpressを始めてみよう・IT音痴の私もできた!

実は、wordpressを使い始めたのは半年以上前。 ですが普通のブログサービスと違って、まず初期設定が難しい(そもそもサーバーレンタルしたり、ドメイン取ったりが面倒くさいです!!) そこの山はなんとか超えたものの、アメブロなどと違って直感的なブログ…

プログラミングのモチベーションを維持する勉強法

Paizaというサイトをご存知でしょうか? paiza.jp 有名なサイトなんですが、スキルチェックをして、年収を査定できるようです!そこからレベルにあった求人なんかも探せるのです。 レッスン動画は基礎の簡単な部分だけになりますが、 Javascript,PHP,Ruby,Ja…

プログラミングを始めたくなる書籍5冊

今回は私がプログラミングを始めたくなったきっかけの本を数冊ご紹介したいと思います。 「プログラミングを始めよう」池澤あやか 著 「実践プログラミング入門」清水亮 著 「最強の仕事術はプログラマーが知っている」清水亮 著 「非エンジニアのためのプロ…

グラデーションカラーを表示してみる!

// CSS(Cascading Style Sheets)とは、ウェブページのstyleを指定するための言語です。文書のスタイルを指定する技術全般をスタイルシートといいます。HTMLやXHTMLなどで作成されるウェブページにスタイルを適用する場合には、CSSが一般的に利用されていま…

SublimeTextの画面分割が便利だと思った件について

// プログラミングを始めてから、いろんなテキストエディタがあって何を使っていいのかわからないんですが、どうやらSublimeTextがいいらしいということでずっとSublimeText2を使っていました。 www.sublimetext.com Atomの機能性なども見てていい気もすると…

プロトタイプの勉強をしてきました!

// 不定期開催をしているプログラミングの勉強会に参加してきました! こういう勉強会は初めてだし、会場はカフェじゃなくてベンチャー企業のオフィスでやりました。 今回は単にコードを書くとかではなくて アイディアの発想法とプロトタイプを作ろうという…

私がプログラミングを始めた理由☆

// この記事は初心者プログラミング学習者の私(36歳なう)の覚書ブログです。 勉強したことなどwordpressに書きつづっていたことを加筆修正しながら公開しようと思います。(wordpressは新たに構築するため、ドメインの関係上記事を変更しようと思ったので…