Teaprog.com

とあるエンジニアの日々の記録。エンジニアと関係のないようなことも書きます。

サボテンを育てる 〜75days Cactus

目次 はじめに 購入したサボテンの種子 成長過程 さいごに はじめに 今回は前回に一度紹介させていただいた、サボテンの育成について、その成長具合を紹介してみたいと思います。 今でこそ、緊急事態宣言が解除されましたが、当時はまだまだ自粛要請があった…

マイナー植物を育てる:Adenium Arabicum TDD

とある植物の種を植えてみた。

余った押入れの半分のスペースを活用:ハンガーラック

目次 はじめに 実際に購入した商品 設置した押入れのサイズ ハンガーラック使用前 ハンガーラック設置後 横、高さの伸縮範囲 横 高さ 組み立てに必要なもの 最後に はじめに 今回は私が押入れの半分余ったスペースをハンガー掛けに利用するために使用したグ…

スマートフォン向けのサイトメニューの作成

目次 はじめに 参考記事 手順 CSSソースコード 貼り付ける場所 HTMLソースコード 貼り付ける場所 最後に はじめに このサイトでは、はてなブログを使用していますが、スマホでサイトを表示させると、以下の左の図のようにメニュー内の文字が収まらずにはみ出…

はてなブログで記事のURLを任意に設定

目次 はじめに 参考記事 一般的なURL設定 「設定」をクリック 「詳細設定」をクリック 「フォーマット」から形式を選択 標準形式の弱み 手順 URL設定時の注意 最後に はじめに 今回は、はてなブログにおいて記事のURLを任意のものに設定する方法を紹介させて…

はてなブログのスマートフォン表示のデザイン改善

イメージ図 目次 はじめに 参考サイト 手順 レスポンシブデザイン対応がある場合 レスポンシブデザイン対応がない場合 おまけ 最後に はじめに 今回は、はてなブログにおいて、スマートフォンでのこのサイトの見た目を良くするために、方法を調べて実践して…

サイト上で対象物を半透明に表示する方法

イメージ図 目次 はじめに 参考サイト 実装結果 手順 CSSソースコード 貼り付けた場所 HTMLソースコード 貼り付けた場所 おまけ 実装結果 HTMLコード 最後に はじめに 今回は、はてなブログにおいて「サイト上で対象物を半透明に表示する方法」を試してみま…

サボテンの育成〜1日目〜

目次 はじめに 手順 内容物 土の準備 種まき 水やり 最後に はじめに 今回は家でも楽しめるようなささやかな楽しみを求め、植物を育ててみることになりました。 その植物とは。 図 サボテンです。 前から育ててみたいと思っていたので、この機会にと思い、買…

マウスオーバーに合わせて拡大、縮小させる方法

イメージ図 目次 はじめに 参考サイト 実装結果 拡大 縮小 手順 CSSのソースコード 記述する場所 HTMLのソースコード 記述する場所 最後に はじめに 私のサイトにも色々な動きを取り入れてみたいと思い、今回は「マウスオーバーに合わせて拡大、縮小させる」…

グローバルメニューのカスタマイズへの第一歩

イメージ図 目次 はじめに 参考サイト 手順 HTMLコードの記述場所 表示結果 CSSコードの記述場所 表示結果 おまけ 自身での編集後の表示結果 変更した箇所 HTMLコード CSSコード 最後に はじめに 今回はサイト上で新たにグローバルメニューを作ろうと思いま…

ページ内リンク先へ滑らかに動かす方法

イメージ 目次 はじめに 関連する過去記事 手順 1.jQueryで実装する方法 ソースコード 2.CSSで実装する方法 ソースコード 最後に 参考記事 はじめに 今回は、ページないリンクをクリックした時に滑らかにスクロールするように設定してみました。 これを機に…

jQueryでマウスオーバー時の文字色の変化を実装

// 目次 はじめに 参考書籍 1.実行結果(マウスオーバー時) ソースコード 2.実行結果(マウスオーバー&マウスアウト時) ソースコード 最後に はじめに 今回は前回に引き続き、jQueryを使用したサイト上の簡単な動作を実装してみました。 今回は、「指定し…

はてなブログでjQueryの動作確認

目次 はじめに JQueryとは 参考サイト 手順 前準備 簡単な動作確認 最後に はじめに 今回ははてなブログでJQueryを試しに実行してみました。 JQueryとは 私も勉強不足ですので、調べてみました。 JQueryはJavaScriptを書き方を簡単にするためのJavaScriptの…

「寿司打」をプレイしてみた

目次 はじめに 寿司打サイト 遊び方 高級10,000円コース(最高難易度)に挑戦 印象に残った単語 最後に はじめに 今回は「寿司打」というキーボードタイピングゲームで遊んでみました。 ところで「寿司」と聞くと、食べに行きたくなってしまいますが、このご…

はてなブログでの目次の作成方法

目次 はじめに 参考サイト 手順 おまけ 最後に はじめに 今回ははてなブログにおいて、簡単に目次を作成する方法について紹介してみようと思います。 今回ははてなブログに最初から備えられている目次作成用のツールを使用します。 以前の記事でも、HTMLで目…

はてなブログのバックアップの取り方

目次 はじめに 参考記事 手順 おまけ:復元するには 最後に はじめに 今回は、はてなブログのバックアップの取り方を紹介します。 万が一、ブログの内容が消えてしまえば、今まで積み上げてきたもの全てが水の泡...。 想像しただけでも背筋がヒヤリとします…

Windows:タスクマネージャーでパソコンの使用状況をリアルタイムで見る

目次 はじめに タスクマネージャーの開き方 タスクマネージャーの内容 プロセス パフォーマンス アプリの履歴 スタートアップ ユーザー 詳細 サービス 最後に はじめに 今回はWindows(10)のツールの1つである「タスクマネージャー」の便利機能について簡単に…

Rubyにおける「"」と「'」の違い

イメージ図 目次 はじめに 内容:「"」と「'」の違い 「\n」:改行文字について #{式}:式展開について おまけ:「\」(バックスラッシュ) 最後に はじめに 今回もまたRuby言語に挑戦してみました。 前回のRubyの記事↓↓↓↓↓ teaprog.com 前回のRubyの記事で…

Windows10:便利なショートカットキー

イメージ図 > 目次 はじめに 参考書籍 ショートカットキー 「Ctrl」 + s:上書き保存 「Ctrl」 + a:全選択 「Ctrl」 + c:コピー 「Ctrl」 + v:ペースト 「Ctrl」 + x:消去 「Ctrl」 + z:元に戻す 「Ctrl」 + w:ウィンドウを閉じる 最後に > はじめに …

Ruby初心者のプログラミング練習

イメージ図 > 目次 はじめに 過去記事 実際行った手順 準備 簡単な計算と文字列出力 exitで終了 ファイルにプログラムを記述 最後に > はじめに 今回はruby言語に触れてみました。 以前に一度ruby言語を使用するための環境をterminal上で実施しました。 過去…

もしもアフィリエイトへの登録

イメージ図 目次 はじめに a8netの手数料について 各ASPの比較(主に手数料) もしもアフィリエイト 登録手順 最後に はじめに 現時点で私が利用しているASPはa8netだけです。 と言っても今はまだほとんど使用していないのですが。 私も記事数が増えてきまし…

iPhoneアプリ作成:簡単地図アプリ

目次 はじめに 参考書籍 手順 実行の仕方 実行結果 最後に はじめに 今回もまたiPhoneのアプリ作成の練習です。 アプリ作成の書籍をやり込みながらその過程を残してくとともに、知見を共有できればと思っております。 アプリ作成に関しては挫折もあり、まだ…

iPhoneアプリ作成:起動画面設定

イメージ 目次 はじめに 実行結果 参考書籍 手順 最後に はじめに 今回はアプリ起動時の画面の設定方法について書きます。 設定の仕方を見たところ、難しくなさそうだったのですぐ試してみることにしました。 実行結果 アプリを起動した直後、一瞬ですが、「…

iPhoneアプリ作成:アイコンの設定

イメージ 目次 はじめに 参考書籍 手順 アイコン画像の形式 簡単なアイコンの作成 アイコン画像のリサイズ アイコン画像の登録 最後に はじめに アプリのアイコンを設定するのとしないのではどのような差が出てくるのでしょうか。 下にアイコン画像を設定す…

はてなブログの固定ページの活用方法

固定ページのイメージ 目次 はじめに 固定ページとは 固定ページを利用するには? 固定ページの作成方法 例:サイドバーへ貼り付け方法 最後に はじめに 前回の記事ではてなブログに問い合わせフォームを作成する方法を紹介させていただきました。 teaprog.c…

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

問い合わせのイメージ 目次 はじめに 参考記事 Google Forms 手順 問い合わせフォーム構成の設定 メール通知の設定 送信完了メッセージ設定 サイトに貼り付ける方法 無料プランの場合の注意 動作確認 最後に はじめに 今回は、このサイトに問い合わせフォー…

ブログ村に登録してみた

ブログを書くときの机周りのイメージ 目次 はじめに ブログ村とは? ポイントシステム 登録手順 会員登録の手順 ブログの登録手順 最後に はじめに 他の方々のサイトを参考にしていると、「ブログ村」と書かれたバナーが表示されている事が度々ありました。 …

簡単なマクロでExcelの操作

VBA

Excel 目次 はじめに 参考書籍 内容 VBAコード 実際に実施した手順 おまけ 最後に はじめに 今回は定期的に行っているExcelでのVBAによるマクロ作成を簡単にやってみましたので、紹介してみようと思います。 マクロの基本的な作成、実行の方法は過去記事に簡…

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

SDによる余白のイメージ 目次 はじめに HTMLコード(改善前) 表示結果 参考にしたサイト CSSコードの追加 HTMLコード(改善後) 表示結果 HTMLコード(別表記) 表示結果 最後に はじめに 記事を書いている際に、上のように目次という章を作成して、サイト…

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

パンくずリストのイメージ画像 目次 はじめに パンクズリストとは? 参考にしたサイト 実際に行った手順 CSSコード(引用) 表示結果 CSSコード(微アレンジ) 表示結果 最後に はじめに はてなブログにおいて、パンくずリストを少しデザインを変更しようと…