searchカテゴリー選択
chevron_left

カテゴリーを選択しなおす

cancel
プロフィール
PROFILE

はなさかGさんのプロフィール

住所
未設定
出身
未設定

自由文未設定

ブログタイトル
プログラマ・アゲイン blog
ブログURL
https://pagain.hatenablog.com/
ブログ紹介文
還暦を過ぎたけど、プログラマ復帰を目指してブログ始めました。 Ruby、JavaScript、PHP、MySQL、HTMLなどを勉強してます。 これらの勉強で気が付いたことを、つれづれブログに書いてます。
更新頻度(1年)

集計中

ブログ村参加:2019/05/16

本日のランキング(IN)
読者になる

新機能の「ブログリーダー」を活用して、はなさかGさんの読者になりませんか?

ハンドル名
はなさかGさん
ブログタイトル
プログラマ・アゲイン blog
更新頻度
集計中
読者になる
プログラマ・アゲイン blog

はなさかGさんの新着記事

1件〜30件

  • スマートスピーカーを買って使ってみたら面白かった

    スマートスピーカーというのは、Wikipediaによると「対話型の音声操作に対応したAIアシスタント機能を持つスピーカー」という事だそうです。 ja.wikipedia.org 普段から物静かな(?)私は、何でしゃべらなければいけないのだろうと思ってましたが、実際に使ってみると面白いという事に気が付きました。どういうところを面白いと感じたかを、まとめておきたいと思います。 どのスマートスピーカーを使ってみるか Google Home Mini のセットアップ Google Home Mini を使ってみて 疑問に思ったことを質問する 挨拶(おはよう)をする タイマーを設定する テレビへ写真や動…

  • 好奇心旺盛ですみません(_ _)。プログラミング以外の内容も書きます。

    プログラミングに関することを書きたいとブログを始めたのですが、そういう制約を設けることよりもブログを書くことを目的にした方が良いと思いなおしました。 何故プログラミング以外の内容も書くのか 何を書くか ブログを始めた時の思い ブログの記事の候補 次回に向けて

  • HTML5+CSS+JavaScriptプログラミングを初心者が読んだら

    HTML5+CSS+JavaScriptプログラミングという、プログラムの勉強本を読んでみました。読んだのは、Kindle版の「ゲームを作りながら楽しく学べるHTML5+CSS+JavaScriptプログラミング[改訂版]」です。 HTML5+CSS+JavaScript初心者として、以下のような気づきがあり非常に参考になりました。 どうすればプログラミングは上達できるのか HTML5+CSS+JavaScriptのデバッグはどうやるのか HTML5+CSS+JavaScriptでどんなことができるのか 何となくHTML5+CSS+JavaScriptを読めるような気がしてきた Kindle本…

  • Gitによるソースのバージョン管理を行うようにしました

    バージョン管理の必要性 JavaScriptとCSSで、ソースコード貼り付け用ボックスの作成を行いましたが、その時にソースのバージョン管理の必要性を感じました。 少しづつ開発していったので、はてなブログのデザインに登録したJavaScriptとCSSの日別のバックアップ・ファイルを、手で作成していました。また、そこから切り出してテストもしていたので、テスト結果を元ソースに反映するのも手で行っていました。特にテストで、変更してはテストし、戻しては変更してテストするを繰り返していると、どこを変更したのか管理するのが大変でした。 やはり、これらの事はバージョン管理のソフトウェアで行うべきと思い、Gi…

  • JavaScript⑦:ソースコードを貼り付けるボックスを非表示にする

    ソースコード貼り付け用ボックスの表示について 前回の「JavaScript⑥:ソースコードを貼り付けるボックスを作成 (3)」で、ソースコードを張り付けるボックスの作成ができました。しかし、今までに書いたウェブのページを見てみると、ソースコードを張り付けたために長くなっており、読んでいくためにはスクロールをたくさんしなくてはいけません。 そこで、初期はソースコードのブロックを非表示にしておき、「表示」ボタンを押すことにより表示されるようにしたいと思います。今までのJavaScriptとCSSを基に、ソースコード・ブロックの表示/非表示を作成しました。 ソースコード貼り付け用ボックスの表示につい…

  • JavaScript⑥:ソースコードを貼り付けるボックスを作成 (3)

    ソースコード貼り付け用ボックスの課題 前回の「JavaScript⑤:ソースコードを貼り付けるボックスを作成 (2)」で、ソースコードを張り付けるボックスの作成がほぼできました。 残りは次の2つの項目ですが、ちょっと手間取ってしまいました。両方ともCSSの設定に関するものですが、どのようにデバッグして解決したのかをメモリます。 NO. カスタマイズ項目 修正部分 4 ソースタイプのブロックをソースコードのブロックより少し上に出す (結果的に、出すと別の問題があり出せませんでした) CSS 5 ソースコードのテキスト部分に枠と背景色がつくのを消す HTML CSS ソースコード貼り付け用ボックス…

  • JavaScript⑤:ソースコードを貼り付けるボックスを作成 (2)

    カスタマイズの項目 前回の「JavaScript④:ソースコードを貼り付けるボックスを作成 (1)」の続きです。 ソースコードの貼り付けボックス用に作成したScriptとCSSの内容について、メモります。 カスタマイズの項目 カスタマイズ内容 NO.1 コンソール・コマンド用ブロックのスタイルの新規作成 HTML CSS NO.2 ソースコード用ブロックの作成 HTML JavaScript CSS NO.3 文字を小さくし行間を詰める NO.6 全選択ボタンの作成 JavaScript CSS NO.7 全選択ボタンの表示をソースコード・ブロックのみにする NO.8 ブロックから外れたら全選…

  • JavaScript④:ソースコードを貼り付けるボックスを作成 (1)

    ソースコード貼り付け用ボックス作成 プログラミングのブログを書こうと思うと、どうしてもブログの中にソースコードを記述する必要が出てきます。しかし、単純に記述したのでは、それがソースコードだということが判りにくくなります。 はてなブログでは、はてな記法モードでソースコードを簡単に張り付けて色付けまでしてくれる機能があるので、それを使うのが一番だとは思います。しかし、見たままモードで編集していたものをはてな記法モードに変更しようとすると、「編集画面をリセットするため、作成中の本文は消去されます。この操作は元に戻せません。」といわれてしまいます。だったら最初からはてな記法モードで編集しろよ、というこ…

  • JavaScript③:js-primer JavaScriptの入門書 初心者の読み方

    JavaScript初心者のための解説サイト js-primer JavaScriptの入門書 書籍の概要 書籍の目的 js-primerの構成 第一部の感想 第二部 Ajaxで通信 HTMLファイルの用意 ローカル・サーバーの起動 HTMLファイルの読み込み 第二部 Node.jsでCLIアプリ commanderライブラリの導入 markedパッケージの導入 ユニットテスト 第二部 Todoアプリ 最後に JavaScript初心者のための解説サイト JavaScriptの勉強をしています。JavaScript②でも書いたのですが、Kindle本を読んで勉強していました。 ところがたまたま…

  • JavaScript②:開発環境としてVisual Studio Codeを導入しました

    基本は大事かなと考え、JavaScriptの勉強を1からしてみることにしました。 早速勉強のために本を読んだところ、プログラムのミスを少なくするためには、開発環境のツールを使用したほうが良いと書かれています。 確かに、メモ帳などのエディターでプログラムを編集していたのですが、一回で稼働したことはありません。スペルミスや大文字小文字の間違いなど、何かしらのミスをしています。 そこで、Visual Studio Codeを導入してみましたので、経緯をまとめておきます。 JavaScript+CSS+HTML5の開発環境 開発環境の必要性 Kindle本 Visual Studio Codeの導入 …

  • JavaScript①:ブログの目次を表示/非表示にしたらセキュリティに引っ掛かりました

    JavaScriptで気を付けたいこと (1) JavaScriptで気を付けたいこと (1) ブログの目次の表示変更 目次のカスタマイズ 表示方法の変更 ブラウザーのセキュリティ IEの場合 Edgeの場合 原因 解決方法 jQueryのurl jQueryとは 修正 ブログの目次の表示変更 プログラミングの勉強を始めてから、いろいろな人のブログを拝見することが多くなりました。 そんな中で、目次をそのままにされている方と、折りたたんで「表示/非表示」が選択できるようにされている方がいます。さらに、ボタンにするなど高度な方もおられますが。 目次だけが先にたくさん表示されるのも見にくいなかと思い…

カテゴリー一覧
商用