猫と遊ぶ 見習いプログラマーの備忘録

日々の学んだ事を随時更新。主にプログラム。その他いろいろ

JavaScript for文で掛け算九九の表を作ってみる

繰り返しの処理、for文をもう一つ。 二重ループを作成してみようの回。二重ループとは文字の通り、for文の中にまたfor文があること。イメージを描いてみた。イメージはこんな感じ。この入れ子のような状態を「ネスト」と言ったりする。 ネストっていうとカッ…

hostsファイルってどこにあるの?

お答えします✋ 私も最近知りまして覚えました。 というようり、実はほんとは前に教わってました…(メモ見返して気づきました。)Windows10の場合ですが、 とは言っても、ほぼ同じ場所にあるみたい。 C:/Windows/System32/drivers/etc の中にみなさんがお探し…

IT業界でよく出てくる用語たち

文系だし、ITって??はて? みたいな状態で入社したから みんな話してるのが英会話のようだった。 漫画的に言えば、頭の上にハテナが3つくらい乗っかってる感じ。 でも英会話も同じことだけど、 例えば英語圏の国に行けばずっと英語だし、英語で話さないと…

のどにいいよ

最近になって、のどが弱いことが判明した。 近年、冬になるといつも乾燥でのどがやられて、 朝起きたらのどが痛いってことが何度もあり、 その度に、耳鼻咽喉科を訪れていた。ああ、自分ってのど弱いんだなってそこでわかった。そうと分かったら、もう大人な…

JavaScriptのbreak文の使い方

(いきなり余談: ずぅーーーーーーっと狙っていたけどずぅーーーーーーっと無かったローソンの鶏むねの梅大葉巻きが昨日立ち寄ったローソンで発見!迷わず買って食べたけどまあまあのおいしさ!笑 でか焼鳥っていうからも少し大きなのを想像していたけど、…

JavaScriptでfor文を書いてみた

JavaScriptのfor文のテンプレはこう。 <script> for (変数の初期値; 条件式; 増減) { ループ内の処理; } </script> この紫色の文字のところを、好きなように変えればよい。 そもそもfor文とは?PHPでもその他でもそうみたいだけど、 繰り返し(ループ)の処理をするプログラム…

よくわからん!innerHTML、textContent と innerText

タイトル通り、innerHTML、textContent、innerTextのちがいがよくわからなかったので、Google先生から色々調べてみた。なんでこんなに似たようなのがあるんだ~~しかも調べてみたらこのブラウザでは使えないとか制限とかあるみたいで… わからんなので、自分…

Javaは使わないがJDKが必要だったので入れてみた

そもそもJDKってなんでしょう? (JKの新語かな?)(まじめに)略さないでいうと、 Java Development Kit この頭文字を取ってJDKみたい。たぶんJavaで開発してる人は「もちろん知ってるよそんなの~」 って感じだと思うけど、なんせ初見&初耳なものでして…

今までの便利なコマンドをちょっとまとめる①

コマンドプロンプトの文字化けを直す JSON等でデータを取ってきたが、文字化けしてなんだかわからん… (注意 : コマンドプロンプトを開く度に設定する必要ありかもねむ。。) chcp 65001 その(上記の)逆 chcp 932 ここからここにコピーしたい あ、ここに…

組み込み関数と自作関数

秋かな、と思ったらまた夏でっせ。正直、急に夏がいなくなって寂しかったから、 また帰ってきてちょっと嬉しく思う自分がいる。笑それにしても、もわっとして暑い! でも快晴だったから、海側見るとほんときれいだった☀ こころが洗われるようだよ~°˖✧◝(⁰▿⁰)…

5色で表してみる JavaScript if文活用

嵐、岸くんのいないキンプリ、オリンピック、そうめん を題材に。今回もJSで条件分岐を用いて、クリックして、入力する度にカラーが変わるってのをプログラムしてみた。実際に動かしてみる。「カラーで表したいのは?」をクリッククリックすると、聞いてくる…

DOMってナニ?

こんばんは~。「DOMってナニ?」って書いたけど、 素直に、直感でなんか「DMM」が出てきた(笑)さて(無視)、DOMというのがよくわからなかったのでいろいろ調べてみた。読み方は「ドム」らしい。そんでDOMというのは、 ・JavaScriptとHTMLとをつなぐ 連携し…

参加型のプログラム

今回は、ブラウザの閲覧者が参加できるようなプログラムを書いていく。参加型とは?簡単にいうと、入力欄があって、そこに入力してもらうという作業。 これを私は勝手に「参加型」と呼んでいる(笑)先日の、ボタンで画像を切り替えるの回は、参加型といえば参…

お気に入り@無印【食べ物編】

こないだ無印行って買ってしまった♡パクチー味も買ったけど、食べる前に撮るの忘れてた(笑)これ美味しいんス。 どっかの輸入品店でも似たようなもの売ってて、メジャーなのはカルディかな? そこで売ってた「SNYDER'S」っていうお菓子がまあ美味しくて… (写…

ボタンで画像を切り替える

今日はクリックで画像切り替えに挑戦✊ <html lang="ja"> <head> <meta charset="UTF-8"> <title>クリックで画像切り替え</title> </head> <body> <input type="button" value="さくら" onclick="changePic('sakura.jpg')"> <input type="button" value="かいじゅう" onclick="changePic('kaijyuu.jpg')"> </body></html>

カウントボタンを作ってみる

昨日、書き忘れてしまったけれど、HTMLの次はなんだ?ということで、今はJavaScriptを勉強しております。前にちらっと触ったことがあったんだけれど、 その時はまだ理解が深くなかったかな。 APIキーとか埋め込んだ覚えがある。だからきちんとやるのははじめ…

ファーストJavaScript

いきなりですが、何のお会計金額でしょう。 <html> <head> <meta charset="UTF-8"> <title>First JS</title> </head> <body> <script> var shortCake = 320 * 6; var chocolateCake = 360 * 5; var price = (shortCake + chocolateCake) * 1.08; alert("お会計は、" + price + "です。"); </script> <noscript>Javascriptを有効にしてください</noscript></body></html>

my favorite movie

ずっと観たかった『マイ・インターン』、DVDで借りて観た! 英語表記では、マイ・インターンじゃなくて、 『The Intern』なんだよね。「マイ」と「The」ではなんとなくニュアンスが異なる気がする。日本で「マイ」にしたのには意味があるのかなあ。それにし…

猫と遊んできた

ブログですが夏休みを頂いておりますた。 ちょっと暑いからひと休み~ さて、こないだにゃんこと遊んできたよ。 しょうぐんくんの夏。久しぶりに会ったら溶けてた(笑) あぢぃ~って感じ(笑)この日は曇りで、地面触ってみるとちょっと冷たかった。 だからでき…

なんとかサウルス

そういえば友人らと会話してたとき、ふと映画 『ジュラシックワールド』の話になってお気に入りの恐竜についてめっちゃ語った(笑)私の好きな恐竜は、「尻尾と背骨が一直線になってて、頭が小さめで二足歩行!」というなんともぼやけたイメージの恐竜で、名前…

よく使われる用語たち

あらためて(遅ればせながら)、用語について記述。 【HTML】 Hyper Text Markup Languageの略。 Markupとは、タグで各々の情報に意味を持たせること。 文書に意味を与える → コンピュータに理解させる ホームページを書くときに使用する言語。 (言語ってイ…

tableタグであそんでみる

昨日、tableタグを使った時の表枠は二本線(ボーダー)での表記だった。 今回は、その表枠の表示を変えてみる。 その一、 ドットにしてみる。 枠線をドットにするCSSの書き方 table, td, th { border: 2px dotted silver; } -->色指定の直前に、dottedを…

tableタグを使ってKing&Princeを簡単表記してみる

先日ちらっとKing&Princeに触れたのと、 メンバー6人、表にするにはちょうどいいと思ったので、書いてみた。さっそく完成形のコードをみてみよう。 <html> <head> <meta charset="UTF-8"> <title>King&Prince メンバーカラー</title> <style type="text/css"> table, td, th { border: 2px solid silver; } td, th { padding: 4px; } </meta></head></html>

ナン&カレー

モモ(マトン(羊肉)を使った蒸しシュウマイみたいな感じ) チーズ&ガーリックナン(ボリューミー!) 大きなナン(ガーリック味)めちゃうま大満足♡ たまにカレー食べて元気つける。笑

ホームページに画像を貼り付けてみる

ホームページに画像を表示してみよ~✊ ということで、表示画像にプロフィール写真のにゃんこを採用。 この子には名前があって(勝手に命名しました笑)、 「しょうぐんくん」と言います。(笑) とても可愛くて、お腹なでられるのが大好きな野良ちゃん。こんな…

文字だけホームページに色をつける!

さて前回は、文字だけのホームページを作成してみた。 今回は、そのホームページに色を施してみようと思う!いわば装飾。 白と黒だけじゃあ、ちょっとさみしい。簡素だし、見ていてあまり楽しくない。 なので、CSSという見た目のデザインを変える機能を加え…

簡単な文字だけのホームページを作ってみる

まずはシンプルに、文字だけホームページを作成してみよう! 【使用したタグ一覧】 (※html、head、title、body、p、bタグは前回紹介したので割愛する) <h1></h1> headingの略。一番大きいサイズの見出し。数字が小さいほど大きい。h6まである。 h1は、サイトのタイ…

VSCodeの好きなところ

西野カナの曲、♪あなたの好きなところ をもじってみた。笑 歌詞に従って、「~ところ」って書いていってもいいけど、 さすがに見にくいからちゃんと書く(笑) さあ今回から、VSCodeにプログラムを書いていく!(ちょっと楽しみ)まずは、HTMLから。 プログラ…

VSCodeに乗り換え!!

はい、いきなりですが、VSCodeに浮気します。笑「あれ、こないだAtomくん愛用とかなんとか言ってたのに~え、早くない?浮気性~?」って言われるかもしれないけど、ワケを説明していく。 説明すると、メロス並みに単純である。人間の進化形的にエディタの進…

どこから来たのぉ~

ぬうぉ!ちみ、どこから来たの?結構大きめなカメさん。ナニガメかな?