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

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

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は新たに構築するため、ドメインの関係上記事を変更しようと思ったので…