おきがるみがる

お気軽&身軽にスナップ写真を楽しむ雑記ブログです。はてなブログテーマ Sentenceの配布も行っております。

ブログ運営記

『おきがるみがる』の運営記や、はてなブログ運営、ウェブサイト作りについて書いてます。

JavaScriptにおける制御構文の記述方法 - 『JavaScript本格入門』第2章

プログラミングでも重要な分岐(if)と循環(while・for)について記述方法を学びます。switch、do...while、for...in、for...of、break、continue、try...catch...finally命令についても勉強しました。

コピペでH2始まりの見出しデザインをはてなブログ用にH3始まりにする【Sentence】

はてなブログでは記事中の見出しをH3始まりで記述することを推奨しています。しかしはてなブログテーマ SentenceではH2始まりでの使用を想定しています。そこでコピペだけでH3始まりに置き換えるコードを用意しました。

GoogleからHTTPS化していないと「保護されていません」と表示される勧告メールが来た

GoogleのSearch Consoleから「Chromeのセキュリティ警告を○○○(ブログのURL)に表示します」というメールが届きました。ブログのHTTPS(SSL)化について論じてみます。

JavaScriptで使える演算子 -『JavaScript本格入門』第2章

『改訂新版JavaScript本格入門』でJavaScriptで使える演算子について学びます。

JavaScriptにおける各種リテラルの記述方法 -『JavaScript本格入門』第2章

JavaScriptで使用するリテラルを勉強します。数値、文字列(エスケープシーケンス)、テンプレート文字列、配列、オブジェクト、関数、未定義値(undefined)、ヌル(null)の解説です。

JavaScriptの変数宣言の方法とデータ型の取り扱い - 『JavaScript本格入門』第2章

JavaScriptの変数・定数宣言の方法、命名規則やデータ型の取り扱いについて学びます。参考にするのは『改訂新版JAvaScript本格入門』です。

JavaScriptを記述する場所と基本的なルール -『JavaScript本格入門』第2章

山田祥寛さんの『改訂新版JavaScript本格入門』を参考に、JavaScriptのコードを記述する場所と基本的なルールを勉強します。

はてなブログのサンプルテーマBolierplateとSentenceのCSS差分一覧とまとめ

はてなブログのサンプルテーマBolierplateとSentenceのCSS差分を公開しております。また、ダッシュボードのデザインから追記したCSSもまとめております。テーマ制作やカスタマイズの参考になれば幸いです。

スマホ表示もOK! 記事下にアドセンスのダブルレクタングルを設置する【Sentence】

記事下にダブルレクタングルを設置してもスマホで違反にならないように、CSSでレスポンシブに広告1枚を非表示にするカスタマイズです。サイドバーの広告や、見出し上の記事内広告、関連コンテンツユニットについても言及しています。

ナビゲーションメニューとSNSシェア&フォローボタンを設置する【Sentence】

レスポンシブなナビゲーションメニュー、SNSシェアボタン、フォローボタンを設置し、はてなブログテーマ Sentenceに適したデザインを施します。

シンプルで文章が読みやすいレスポンシブ対応のはてなブログテーマ【Sentence】

はてなブログテーマ Sentenceを配布しております。シンプルなデザインで文章が読みやすく、レスポンシブWebデザイン対応、336x280pxの広告を横に並べるダブルレクタングルが可能で、CSSも圧縮してページ読み込み速度も向上しております。

JavaScriptとはどんなプログラミング言語か -『JavaScript本格入門』第1章

山田祥寛さんの『改訂新版]JavaScript本格入門』で勉強を始めます。第1章はJavaScriptの歴史や特徴を学びます。

カテゴリー整理と近況・今後のブログ方針について

カテゴリー整理と近況・今後のブログ方針について書いております。

ブログテーマを文章重視と噂のSentenceに変更しました

はてなブログテーマを自作しました。その名もSentenceです。文章の読みやすさを意識して作りました。特設ブログの紹介もしております。

レスポンシブWebデザインのブレイクポイントとフルードグリッド

菊池崇さんの『レスポンシブWebデザイン』を読んでモバイルファーストのブレイクポイントとフルードグリッド(リキッドデザイン)を学びました。

はてなブログを始めて半年時点のアクセス数記録

はてなブログを始めて半年時点の記事数とアクセス(PV)数を記録しておきます。

エビスコムさんの『HTML5&CSS3レッスンブック』で学んだことまとめ

エビスコムさんの『HTML5&CSS3レッスンブック』を使って勉強して、大事だと思ったところ簡単にまとめています。

スマホや古いブラウザにも対応させる -『HTML5&CSS3レッスンブック』第7章(完)

エビスコムさんの『HTML5&CSS3レッスンブック』のチャプター7を進めます。最終章では古いブラウザやスマホでの表示を整えたり、2段組レイアウトの方法を勉強します。

テーブルと送信フォームを作成する -『HTML5&CSS3レッスンブック』第6章

エビスコムさんの『HTML5&CSS3レッスンブック』のチャプター6ではテーブルと送信フォームの作成を勉強します。送信フォームはCGI RESCUEのフォームデコードサービスを使います。

記事の一覧ページとトップページを作る -『HTML5&CSS3レッスンブック』第5章

エビスコムさんの『HTML5&CSS3レッスンブック』のチャプター5を進めます。インデックスページ(記事の一覧とトップ)を作成します。主にIDの設定でページや各部の区切りを行っていきます。

リンクの設定とナビゲーションメニューを設置しよう -『HTML5&CSS3レッスンブック』第4章

エビスコムさんの『HTML5&CSS3レッスンブック』のチャプター4の学習を進めます。リンクの設定とナビゲーションメニューの設置を学びました。

サイト上に画像を表示してみよう -『HTML5&CSS3レッスンブック』第3章

エビスコムさんの『HTML5&CSS3レッスンブック』を参考に、画像の表示方法を学びます。図版としてのマークアップやキャプション、回り込みの設定と解除などを勉強します。

はてな公式で記事下の関連記事の一覧表示が実装されました

はてなブログでも公式で記事下に関連記事の一覧表示がされるようになりました。サイドバーとは違い、同一カテゴリーだけでなく内容が類似した記事も表示してくれます。記事を更新すれば6/13より過去の記事でも表示されるようになります。

レイアウトとデザインを整えよう -『HTML5&CSS3レッスンブック』第2章

エビスコムさんの『HTML5&CSS3レッスンブック』のチャプター2でレイアウトとデザインを変えていきます。マージンやパディングの操作、罫線や影の効果、Webフォント(Google Fonts)の使用方法などを学びました。

テキストエディット(Mac)の設定と基本的なページを作成しよう -『HTML5&CSS3レッスンブック』第1章

エビスコムさんの『HTML5&CSS3レッスンブック』を参考に、まずは勉強するための環境を整えます。このブログではMacのテキストエディットを使用します。そして基本的なページを作成していきます。

JavaScriptの勉強の為にHTML5とCSS3の勉強を始めます

プログラミング入門としてJavaScriptを勉強する為に、まずはHTML5とCSS3を勉強することにしました。使用テキストはエビスコムさんの『HTML5&CSS3レッスンブック』を選びました。

はてな公式で実装されたのでブログトップの記事を一覧形式に変えました

はてなブログ公式でトップページの記事表示を一覧形式にする設定が実装されましたので早速しました。はてなブログProユーザー限定ですが、これでトップに多くの新着記事を表示することができます。

【はてなブログ】記事中の見出し上に広告を配置し直しました(その他変更点備忘録)

はてなブログの記事で最初の見出し上に広告が表示されるように設定しました。他にもトップページではサイドバーに表示されている広告を記事ページでは非表示にするなどの変更点があります。

はてなブログのサイトマップ登録は「sitemap_index.xml」だけじゃいかんのか?

はてなブログでSearch Console(旧ウェブマスターツール)のURLの送信数とインデックス数がおかしかったので、サイトマップを「sitemap_index.xml」とは別に「sitemap.xml」も追加しましたら改善されました。

はてなブログのテーマをMinimal Greenに変更しました

今日のアイキャッチボツ写真は裏路地にあったホテルです。 はっきりとはわかりませんが、おそらく大人専用のホテルかと。しかも廃ホテルっぽいですね。 目の前はクルマが通れるような道ではないので、空室か満室かの表示はおそらく普通に利用客の表示でしょ…