はてなブログに問い合わせフォームを作る

問い合わせのイメージ > 目次 はじめに 参考記事 Google Forms 手順 問い合わせフォーム構成の設定 メール通知の設定 送信完了メッセージ設定 サイトに貼り付ける方法 無料プランの場合の注意 動作確認 最後に > はじめに 今回は、このサイトに問い合わせフォームを作成してみました。 実は以前にも作成した事があります。 しかし、ブログを始めたばかりで操作にも慣れておらず、問い合わせフォームを削除したまま、放置していました。 ここ数ヶ月は記事の投稿頻度も上がり、ブログを発展させていきたいと思いましたので、もう一度作成してみることにしました。 なお、作成の仕方をほぼ忘れてしまったので、以…

ブログ村に登録してみた

ブログを書くときの机周りのイメージ > 目次 はじめに ブログ村とは？ ポイントシステム 登録手順 会員登録の手順 ブログの登録手順 最後に > はじめに 他の方々のサイトを参考にしていると、「ブログ村」と書かれたバナーが表示されている事が度々ありました。 この「ブログ村」とは何か。 これを調べ、実際に登録してみましたので、その手順を紹介していきたいと思います。 ブログ村とは？ 公式Aboutページ↓↓↓↓↓ にほんブログ村とは？ - にほんブログ村 サイトによれば、「にほんブログ村は、既にブログをお持ちの方がご自分のブログへのアクセス数を増やしたり、読者として気になる情報や調べたいことを検索…

簡単なマクロでExcelの操作

Excel > 目次 はじめに 参考書籍 内容 VBAコード 実際に実施した手順 おまけ 最後に > はじめに 今回は定期的に行っているExcelでのVBAによるマクロ作成を簡単にやってみましたので、紹介してみようと思います。 マクロの基本的な作成、実行の方法は過去記事に簡単にまとめてありますので、ご参考程度にご覧ください。 teaprog.com 私自身もまだ勉強途中なので、以下に示した参考書籍を見ながらの実施になります。 参考書籍 上で示させていただいた参考書を丸ごと写したものではございませんので、本書の内容を詳しくご覧になりたい方は実際に手にお取りください。 > 内容 今回VBAを記述し…

CSSでリストの余白を作る方法

SDによる余白のイメージ > 目次 はじめに HTMLコード（改善前） 表示結果 参考にしたサイト CSSコードの追加 HTMLコード（改善後） 表示結果 HTMLコード（別表記） 表示結果 最後に > はじめに 記事を書いている際に、上のように目次という章を作成して、サイト内リンクを設定する場合があると思います。 これは前回の記事でも少し説明したように、HTMLコードのみで作成する事はできます。 私はこれまで、目次を作成する際には、この基本的なHTMLコードに背景色やデザインを設定する簡単なCSSを記述していました。 以下にそのコードと表示結果を示します。 HTMLコード（改善前） <div…

パンくずリストのデザイン変更

パンくずリストのイメージ画像 > 目次 はじめに パンクズリストとは？ 参考にしたサイト 実際に行った手順 CSSコード（引用） 表示結果 CSSコード（微アレンジ） 表示結果 最後に > はじめに はてなブログにおいて、パンくずリストを少しデザインを変更しようとふと思いました。 はてなブログのデフォルトのデザインでは少し物足りない感じが否めません。 今回は実際に調べて実践し、その結果を紹介して見たいと思います。 パンクズリストとは？ サイト内において自身が見ているページの場所を表示したものです。 実際にはてなブログにおけるパンくずリストを下に示します。 上はこのサイトのページの一部です。 こ…

HTMLで目次を表示する方法

> 目次 はじめに HTMLコードと表示例 HTMLコード（リスト表示.1） 表示例 HTMLコード（リスト表示.2） 表示例 HTMLコード（リストの階層表記） 表示例 HTMLコード（サイト内リンク） 表示例 HTMLコード（リスト＋サイト内リンク） 表示例 最後に > はじめに 上に記述しているような目次の表示、合わせてサイト内へのリンクの付け方を書いてみようと思います。 簡単なHTMLコードの組み合わせで実装されていますが、いくつかアレンジする方法がありますので、私もよく使うものを少し紹介してみたいと思います。 参考書籍 今回参考にさせていただいた書籍は秀和システム社の「HTML&CS…

色々なJazzナンバーが閲覧できるサイト

> 目次 はじめに 内容 C.L.Barnhouse Company Alfred Music Sierra Music 最後に > はじめに 少しコンピュータのような硬い話題ではなく、少し趣味嗜好によった内容を書いてみたいと思いました。 学生の頃に少しBigBandJazzやっていた事がありますので、その時によく見ていたサイトを紹介してみようと思います。 BigBandJazzの楽曲のスコアの販売を行っているサイトですが、色々な曲を試聴できるので、覗いてみてください。 CDなどで音源を販売しているところもあります。 > 内容 C.L.Barnhouse Company C.L.Barnhou…

「Can I Use ...」を使ってみた

> 目次 はじめに Can I use...とは？ 手順 「mp4」のサポート状況 サポート状況の凡例 「webm」のサポート状況 「ogv」のサポート状況 サポート外のファイルについて まとめ > はじめに 今回は「Can I use ...」というWebサイトを試してみようと思います。 これは、前回の動画をサイト上で再生させる方法を書いた時に、参考記事の中で目にしたものです。 今後かなり使用する機会が増えそうということで、紹介してみようと思います。 「 Can I use ...」とは？ 海外のWebサイトの名前です。 ブラウザごとの様々なファイルフォーマットやプログラムのサポート状況を示…

サイト上で動画ファイルを再生する方法

> 目次 はじめに 参考にしたサイト 手順 videoタグのみで表示する HTMLコード 表示例 手動再生画面を表示する HTMLコード 表示例 自動再生する HTMLコード 表示例 自動ループ再生する HTMLコード 表示例 サムネイルに別の画像を表示する HTMLコード 表示例 まとめ > はじめに はてなブログにおいて、動画ファイルをHTMLに埋め込む方法を考え、調べました。 その結果、ストレージサービスを利用するとうまくいきそうだと分かりました。 そこで、先日の記事↓では「Cloudinary」というストレージサービスを無料プランで登録してみました。 progtk0137.com そこ…

Cloudinaryで動画ファイル形式を変換

> 目次 はじめに 動画ファイルの可能な変換先 手順 まとめ > はじめに 先日の記事↓で「Cloudinary」というストレージツールをインストールし、少し触って見ました。 progtk0137.com 今回がそのCloudinaryで動画のファイル形式を簡単に変えられることを知り、その方法を紹介してみようと思います。 動画ファイルの可能な変換先 以下にCloudinaryで変換可能なファイル形式を示します。 MP4 WebM OGV M3U8 Playlist(HLS) MPEG-DASH Flv Mpeg Mkv Mov 画像の変換なら、検索すればWebアプリなんかで手軽に変更できますが…

iPhoneでフォント一覧を表示するアプリ作成

> 目次 実行結果 参考書籍 簡単な作成手順 まとめ > 実行結果 xcodeを使用して、iPhone向けのアプリを作成しました。 テーブルビューという仕様を使用して、複数の値をリスト表示させています。 今回は参考書籍通りにフォントを一覧表示するアプリを作って動くかどうか試してみました。 上はiPhone12の画面ですが、PC上でシミュレータで動かしているため、マウスが写っております。 iPhoneを購入できていないので、ご容赦いただきたく存じます。 画面をスクロールすると、一覧もそれに沿って上に流れていく様子が確認できました。 > 参考書籍 私はiPhoneアプリ作成の初心者でしたので、こち…

Cloudinaryというストレージサービスへの登録

> 目次 はじめに 登録したストレージサービス Cloudinary 選んだ理由 プランや価格など 価格 プランの内容 その他の機能 登録する手順 入力する個人情報 ファイルの追加の仕方 まとめ > はじめに 最近、動画や画像ファイルを扱う機会が増えたので、新たなストレージサービスを試してみようと思います。 きっかけは、このサイトにも画像だけでなく動画ファイルを入れ込みたいと思ったことです。 画像の並びで説明するだけでなく、実際に動作している画面を動画で紹介できたらより分かりやすくなると思いました。 特にアプリ作成した時は、実行結果を録画した動画を見せることが一番良いと思っています。 百聞は一…

HTMLでかんたんな表を作成

> 内容 サイト上で複数の対象物を数値で比較して紹介したいとき、表を作成した方が見やすいと思いましたので、HTMLで表を作成する方法を調べて見ました。 やり方が全く分からなかったため、綺麗に描写できていないかもしれません。 何卒、ご了承いただけると幸いです。 目次 参考にしたサイト とあるHTMLをそのままコピペ 表示結果 HTMLソースコード CSSを利用した場合 表示結果 HTMLソースコード <table>内のCSSコード <th>、<td>内のCSSコード 境界線の範囲に関する実験 一部のCSSコードを削った場合 "なつみかん"だけ境界線非表示 "なつみかん"、"名称"、"色"だけ境界…

VBAでマクロを簡単に実行する方法

> 内容 以前の記事でマクロを実行する際、タブから実行まで複数の手順があり、マクロの連続の実行には少々手間がかかるということを実感しました 今回、最終的にはクリックのひと操作でマクロが実行できるようになりました。 3通りのマクロのショートカットの作成の仕方は以下の通りです。 ショートカットキーに登録 クイックアクセスツールバーにボタンを作成 シート上に実行ボタンを作成 以前の記事では簡単なマクロを実行していました。 progtk0137.com 参考書籍 VBA初心者の私がVBAの勉強に主に使用させていただいている書籍になります。 ショートカットキーに登録 実行結果 今回は「Control」+…

HTML上でプログラムコードを見やすく表示

> 内容 HTML上、主にサイトなどにプログラムのソースコードを記述する場合、 改行や色分け表示がされたプログラムソースコードを表示する方法を紹介したいと思います。 表示例 表示例のHTMLソースコード <script> <pre> <code> 実際私も使用している方法で、すごく重宝しています。 今回は、はてなブログでの表示例しか示すことができません。 予めご了承いただけましたら幸いです。 参考記事 rfs.jp 今回紹介するプログラムの表示の例、及びそのHTMLソースコードは以下のような形式になります。 表示例 #include <stdio.h> int main (){ printf(…

<VBA>Excelの「開発」タブから簡単なマクロ

> 内容 マクロとは 前準備 マクロ作成手順 記述したVBA まとめ Excelの「開発」タブより、VBAで簡単なマクロを作成します。 私も勉強している途中なので、あまり詳しい事は書けません。 仕事において何回かマクロに触れる機会がありましたので、一度初心に帰って一から見直していきたいと思います。 ご了承いただけましたら幸いです。 参考書籍 > マクロとは VBAで書いた一連の動作を実行するツールをマクロと言います。 VBAとはプログラミング言語です。 このマクロを使用すると、Excelにおいて作業効率を上げることができます。 例えば、Excelにおいて、何度も使用するが複雑な手順を要する作業…

<C言語>分担開発のやり方

>内容 C言語におけるコーディングの複数ファイルへの分担のやり方について簡単に書いてみようと思います。 説明に使用するプログラムの例を下に示します。 >test.c #include <stdio.h> int main (){ printf("test1\n"); printf("test2\n"); return 0; } とても簡単ではありますが、上のプログラムは標準出力で”test1”、”test2”という文字列を2行で表示するプログラムです。 >実行結果 実際、もっと複雑なコード、ゲームを作成したりするときなどはコードの量が多く、1人では現実的な時間で書ききれなくなる場合が出てくるか…