searchカテゴリー選択
chevron_left

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

カテゴリーのご意見・ご要望はこちら
cancel
プロフィール
PROFILE

Teaprogさんのプロフィール

住所
未設定
出身
未設定

自由文未設定

ブログタイトル
Teaprog.com
ブログURL
https://teaprog.com
ブログ紹介文
とあるエンジニアのブログ。
ブログ村参加
2021/06/26
本日のランキング(IN)
フォロー

ブログリーダー」を活用して、Teaprogさんをフォローしませんか?

ハンドル名
Teaprogさん
ブログタイトル
Teaprog.com
フォロー
Teaprog.com

Teaprogさんの新着記事

1件〜30件

  • 初心者がまりもを育ててみる

    目次 はじめに 購入したもの 開封してみた 育成環境を作ってみた 失敗したこと 最後に はじめに 栽培歴が小学校の授業以外で全くない初心者がまりもを育てることに決めました。 きっかけは、 「コロナ下でも家で有意義に時間を使えることがしたい。」 と思ったことです。 今でこそコロナは落ち着いていますが、購入を決めた当時は8月の上旬でしたので、まだ緊急事態宣言が発令されていました。 このまりもを購入してから2ヶ月と少し経過してからこの記事を書いているわけですが、この期間にまりもと向き合ってきて感じたこと、もっとこうすればよかったんじゃないかということを書いていきたいと思います。 購入したもの まりも…

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

    目次 はじめに 購入したサボテンの種子 成長過程 さいごに はじめに 今回は前回に一度紹介させていただいた、サボテンの育成について、その成長具合を紹介してみたいと思います。 今でこそ、緊急事態宣言が解除されましたが、当時はまだまだ自粛要請があったため、家でも何かできることをと思い、始めたことがきっかけです。 植物は小学生以来、まともに育てた記憶がないため、どうかと心配していましたが、今のところはあまり手間暇をかけずに育てられています。 もちろん全てがうまくいっているわけではないので、そこの失敗談も書いていけたらと思います。 購入したサボテンの種子 以前の記事でも紹介させていただきましたが、初め…

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

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

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

    目次 はじめに 実際に購入した商品 設置した押入れのサイズ ハンガーラック使用前 ハンガーラック設置後 横、高さの伸縮範囲 横 高さ 組み立てに必要なもの 最後に はじめに 今回は私が押入れの半分余ったスペースをハンガー掛けに利用するために使用したグッズの紹介をしてみようと思います。 ちなみに筆者の現在の実態は実家暮らしですので、使用できるスペースは1つの自室以外にはあまりありません。 素人目線での使用例になりますが、少しでもご参考にしていただければと思います。 実際に使用した商品 amazonで「Amazon's Choice」として販売されていました。 値段は1,736円とお手頃な価格でし…

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

    目次 はじめに 参考記事 手順 CSSソースコード 貼り付ける場所 HTMLソースコード 貼り付ける場所 最後に はじめに このサイトでは、はてなブログを使用していますが、スマホでサイトを表示させると、以下の左の図のようにメニュー内の文字が収まらずにはみ出してしまいます。 一方、今回改善した結果が右の図のようになります。 右の改善した方のメニュー表示では、項目数こそ減らしたものの、以前のメニューと比べても見やすさが格段に上がりました。 また、簡単ではありますが、以下の図のようにメニューの項目をタップするとその配下にあるメニューも表示される仕組みも実現できました。 以下にこのメニューを作成するま…

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

    目次 はじめに 参考記事 一般的なURL設定 「設定」をクリック 「詳細設定」をクリック 「フォーマット」から形式を選択 標準形式の弱み 手順 URL設定時の注意 最後に はじめに 今回は、はてなブログにおいて記事のURLを任意のものに設定する方法を紹介させていただきます。 当初は、はてなブログに標準に設定されているURLを使用していました。 しかし、自分でURLを指定できた方が都合の良いことがありましたので、その方法を調べました。 参考記事 以下の記事を参考にさせたいただきました。 【はてなブログ】公開した記事のURLを変更する方法と注意点 - 思考は現実化する 一般的なURL設定 また、は…

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

    イメージ図 目次 はじめに 参考サイト 手順 レスポンシブデザイン対応がある場合 レスポンシブデザイン対応がない場合 おまけ 最後に はじめに 今回は、はてなブログにおいて、スマートフォンでのこのサイトの見た目を良くするために、方法を調べて実践してみましたので、紹介したいと思います。 とても簡単でしたので、是非ご参考にしていただければと思います。 まず、ビフォーアフターを以下に示します。 どうでしょうか。 まずBeforeの方です。 今までパソコンでの表示しか気にしたことがなく、スマートフォンでの見え方はほとんど気にかけていませんでした。 なので、スマートフォンでサイトを開くと記事の内容ではな…

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

    イメージ図 目次 はじめに 参考サイト 手順 レスポンシブデザイン対応がある場合 レスポンシブデザイン対応がない場合 おまけ 最後に はじめに 今回は、はてなブログにおいて、スマートフォンでのこのサイトの見た目を良くするために、方法を調べて実践してみましたので、紹介したいと思います。 とても簡単でしたので、是非ご参考にしていただければと思います。 まず、ビフォーアフターを以下に示します。 どうでしょうか。 まずBeforeの方です。 今までパソコンでの表示しか気にしたことがなく、スマートフォンでの見え方はほとんど気にかけていませんでした。 なので、スマートフォンでサイトを開くと記事の内容ではな…

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

    イメージ図 目次 はじめに 参考サイト 実装結果 手順 CSSソースコード 貼り付けた場所 HTMLソースコード 貼り付けた場所 おまけ 実装結果 HTMLコード 最後に はじめに 今回は、はてなブログにおいて「サイト上で対象物を半透明に表示する方法」を試してみました。 はてなブログを使用しての説明となりますので、何卒ご了承ください。 はてなブログを使用していない方でも、CSSコードを記述する場所に注意するだけで良いので、是非ご参考にしていただければと思います。 言葉では表しにくいので、まずサイト上でどのような動きをするのか分からない方は、実装結果より動きを見ていただけましたら幸いです。 サイ…

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

    目次 はじめに 手順 内容物 土の準備 種まき 水やり 最後に はじめに 今回は家でも楽しめるようなささやかな楽しみを求め、植物を育ててみることになりました。 その植物とは。 図 サボテンです。 前から育ててみたいと思っていたので、この機会にと思い、買うことにしました。 これはamazonで購入しました。 // リンク 今回は実際にこのサボテンの育成キットを開封し、種を蒔くまでの手順を紹介させていただきたいと思います。 手順 サボテンを育てていくために実際に開封していきます。 カップの裏側に簡単な育て方が書いてあります。 ふたを外す ふたを底にセットし土を準備する 種をまく 生長する とても簡…

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

    イメージ図 > 目次 はじめに 参考サイト 実装結果 拡大 縮小 手順 CSSのソースコード 記述する場所 HTMLのソースコード 記述する場所 最後に > はじめに 私のサイトにも色々な動きを取り入れてみたいと思い、今回は「マウスオーバーに合わせて拡大、縮小させる」という動きを実装してみました。 参考サイト 今回は以下のサイト様を参考にさせていただきました。 要素を拡大・縮小させるCSSアニメーションサンプル | ONE NOTES > 実装結果 「マウスオーバーに合わせて拡大、縮小させる」というものが具体的にはどういう動きをするのかを以下に示させていただきます。 拡大 まず拡大についてです…

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

    イメージ図 > 目次 はじめに 参考サイト 手順 HTMLコードの記述場所 表示結果 CSSコードの記述場所 表示結果 おまけ 自身での編集後の表示結果 変更した箇所 HTMLコード CSSコード 最後に > はじめに 今回はサイト上で新たにグローバルメニューを作ろうと思いました。 右も左も分からない状態から、自分なりに調べてなんとか作成することができました。 参考サイト ・【はてなブログカスタマイズ】ドロップダウンメニューを付けてみた。 - スキナモノート 今回は書籍ではなく、サイトを参考にさせていただきました。 グローバルメニューの設置に関するサイト様は数多くありました。 中でも上で紹介さ…

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

    イメージ > 目次 はじめに 関連する過去記事 手順 1.jQueryで実装する方法 ソースコード 2.CSSで実装する方法 ソースコード 最後に 参考記事 > はじめに 今回は、ページないリンクをクリックした時に滑らかにスクロールするように設定してみました。 これを機に、このサイトでも目次の各項目をクリックした際も滑らかにスクロールするように設定してありますので、試しにクリックしてみてください。 今回はjQueryによる方法、CSSによる方法の2通りを調べましたので紹介させていただきたいと思います。 関連する過去記事 下に示させていただきましたが、以前に書いたこの記事ではてなブログにおいてj…

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

    // > 目次 はじめに 1.実行結果(マウスオーバー時) ソースコード 2.実行結果(マウスオーバー&マウスアウト時) ソースコード 最後に 参考書籍 > はじめに 今回は前回に引き続き、jQueryを使用したサイト上の簡単な動作を実装してみました。 今回は、「指定したテキストにマウスオーバーした時に色が変わる」という動作をjQueryを用いて実装しました。 はてなブログで初めてjQueryを使用する場合は、こちらの前回の過去記事もご参考にしていただければと存じます。 こちらの記事では、はてなブログにおいてjQueryを使用するための前準備をしました。 teaprog.com また、マウスオ…

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

    > 目次 はじめに JQueryとは 参考サイト 手順 前準備 簡単な動作確認 最後に > はじめに 今回ははてなブログでJQueryを試しに実行してみました。 JQueryとは 私も勉強不足ですので、調べてみました。 JQueryはJavaScriptを書き方を簡単にするためのJavaScriptのライブラリです。 つまり、JQueryはJavaScriptという言語を基に作成されているということですね。 私の認識では、サイト作成にあたって、HTML、CSS、JavaScriptの3大言語があって、どれもマスターしておくべきツールなのではないかと思います。 この3種類の言語をわかりやすくまと…

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

    > 目次 はじめに 寿司打サイト 遊び方 高級10,000円コース(最高難易度)に挑戦 印象に残った単語 最後に > はじめに 今回は「寿司打」というキーボードタイピングゲームで遊んでみました。 ところで「寿司」と聞くと、食べに行きたくなってしまいますが、このご時世、どうしても難しいものがあります。 このゲームは、ウェブアプリケーションなので、ネットワーク環境とパソコンがあれば遊べます。 寿司打サイト↓↓↓↓↓ 寿司打(別ウィンドウで開きます) 気楽にタイピング練習ができるゲームですので、是非試してみて下さい。 このゲームは10年以上前から存在していたと思われます。 私が小学生だった頃には名前…

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

    > 目次 はじめに 参考サイト 手順 おまけ 最後に > はじめに 今回ははてなブログにおいて、簡単に目次を作成する方法について紹介してみようと思います。 今回ははてなブログに最初から備えられている目次作成用のツールを使用します。 以前の記事でも、HTMLで目次を作成するという内容を書かせていただいたことがあります。 teaprog.com しかし、当時の私は、はてなブログにもともと目次を簡単に作成できる機能が備わっていたことを知らなかったために、かなり苦労してコードを組んでいた覚えがあります。 はてなブログにおいて目次を作成するならまずは今回実践する方法からスタートすることが王道かと思います…

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

    > 目次 はじめに 参考記事 手順 おまけ:復元するには 最後に > はじめに 今回は、はてなブログのバックアップの取り方を紹介します。 万が一、ブログの内容が消えてしまえば、今まで積み上げてきたもの全てが水の泡...。 想像しただけでも背筋がヒヤリとします。 私も記事数が増えてきましたのでそんな良からぬことを想像してしまいました。 すぐにサイトで調べてみたところ、どうやらはてなブログではHTMLが記述されたテキストファイルという形式でバックアップが取れるサービスがちゃんとあるようでした。 手順も簡単ですので、バックアップをまだ取られていない方は、是非実践してみて下さい。 また、下に参考にさせ…

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

    > 目次 はじめに タスクマネージャーの開き方 タスクマネージャーの内容 プロセス パフォーマンス アプリの履歴 スタートアップ ユーザー 詳細 サービス 最後に > はじめに 今回はWindows(10)のツールの1つである「タスクマネージャー」の便利機能について簡単にまとめてみました。 便利と言いましても、特別な状況でない限り、一般に使用することはなさそうですが、パソコンの内部でアプリやシステムがどれほどの資源(メモリやCPU)を使用しているのか、パソコンに負荷がかかりすぎていないか、などの疑問を詳細に見たい場合に使用します。 以下のようにリアルタイム機能もついています。 時間に沿ってグラ…

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

    イメージ図 > 目次 はじめに 内容:「"」と「'」の違い 「\n」:改行文字について #{式}:式展開について おまけ:「\」(バックスラッシュ) 最後に > はじめに 今回もまたRuby言語に挑戦してみました。 前回のRubyの記事↓↓↓↓↓ teaprog.com 前回のRubyの記事では、文字列の出力を実装していました。 その際、変数に文字列を代入していました。 変数に代入するときは以下のように「"」(ダブルクォート)もしくは「'」(シングルクオート)で代入したい文字列を囲みます。 a = "文字列" b = '文字列' この場合はputs関数で変数a、bの両方をputs関数で出力させ…

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

    イメージ図 > 目次 はじめに 参考書籍 ショートカットキー 「Ctrl」 + s:上書き保存 「Ctrl」 + a:全選択 「Ctrl」 + c:コピー 「Ctrl」 + v:ペースト 「Ctrl」 + x:消去 「Ctrl」 + z:元に戻す 「Ctrl」 + w:ウィンドウを閉じる 最後に > はじめに 今回はWindows10において、役に立ちそうなショートカットキーを簡単にまとめてみました。 もうすぐWindows11がリリースされる時期ではありますが、前から考えていた内容でしたので、早めにこの記事も書くことにしました。 また、ここで紹介させていただくショートカット術はWindows…

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

    イメージ図 > 目次 はじめに 過去記事 実際行った手順 準備 簡単な計算と文字列出力 exitで終了 ファイルにプログラムを記述 最後に > はじめに 今回はruby言語に触れてみました。 以前に一度ruby言語を使用するための環境をterminal上で実施しました。 過去記事↓↓↓↓↓ teaprog.com しかし、その後一度もruby言語を実際に動かしてみたことがありませんでした。 なので、今回は動作確認の意味も含めて、簡単なruby言語を実行してみたいと思います。 メモ書き程度に以下に実際に私が行った手順を示します。 > 実際行った手順 準備 まず、ruby言語を端末上で動かすには「…

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

    イメージ図 > 目次 はじめに a8netの手数料について 各ASPの比較(主に手数料) もしもアフィリエイト 登録手順 最後に > はじめに 私が現在使用している 現在私が利用しているASPはa8netだけです。 と言っても今はまだほとんど使用していないのですが。 私も記事数が増えてきましたので、皆さんのお役に立てそうなリンクがあれば、紹介させていただきたいと思ったのですが、1つ気になる点がありました。 がめつい話でなんとも情けないのですが、収益を銀行振り込みする際に、振り込み手数料がかかってしまうのです。 非常に細かい話である事は承知です。 ですが、利用するからにはできる限り突き詰めてより…

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

    > 目次 はじめに 参考書籍 手順 実行の仕方 実行結果 最後に > はじめに 今回もまたiPhoneのアプリ作成の練習です。 アプリ作成の書籍をやり込みながらその過程を残してくとともに、知見を共有できればと思っております。 アプリ作成に関しては挫折もあり、まだまだ初心者ですが、少しづつ進めていこうと思います。 参考書籍 中古屋さんでたまたま見つけて面白そうなので買ってみました。 しかしこれまた、すでに1つバージョンが新しいものが出版されていましたので、例の如く右側に表示させていただきます。 誠に申し訳ありません。 左:第7版 右:第8版 > 手順 とても簡単でしたので、初心者の方にも優しいの…

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

    イメージ > 目次 はじめに 実行結果 参考書籍 手順 最後に > はじめに 今回はアプリ起動時の画面の設定方法について書きます。 設定の仕方を見たところ、難しくなさそうだったのですぐ試してみることにしました。 実行結果 アプリを起動した直後、一瞬ですが、「アプリ起動中」という文字が表示されました。 今回はこのアプリ起動中に表示される画面の設定方法を簡単に紹介させていただきます。 参考書籍 私が実際に所持しているのは左側の方ですが、出版された時期が古いため、一部xcodeの見本が現在のバージョンに合わせた記載がされていません。 最新版が出ていたので、右側に載せさせていただきます。 > 手順 ま…

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

    イメージ > 目次 はじめに 参考書籍 手順 アイコン画像の形式 簡単なアイコンの作成 アイコン画像のリサイズ アイコン画像の登録 最後に > はじめに アプリのアイコンを設定するのとしないのではどのような差が出てくるのでしょうか。 下にアイコン画像を設定する前と後の画像を示します。 アイコンを設定する前は、白の背景に黒の罫線が引かれています。 しかし、アイコンは右の画像で示したように、自分で好きなように設定する事ができます。 今日は、自身で作成したアプリのアイコンを設定する方法を書いてみましたので、ご参考にしていただければ幸いです。 参考書籍 私は左側の方の書籍を持っていますが、1つ新しい版…

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

    固定ページのイメージ > 目次 はじめに 固定ページとは 固定ページを利用するには? 固定ページの作成方法 例:サイドバーへ貼り付け方法 最後に > はじめに 前回の記事ではてなブログに問い合わせフォームを作成する方法を紹介させていただきました。 teaprog.com そこでは、固定ページを使用する場面がありましたが、細かい説明はしていませんでした。 説明に行を費やして主題から逸れてしまうかもしれないと思いましたので、別の記事にまとめて詳しく書こうと思いました。 今回補足の意味も兼ねて改めてはてなブログの固定ページの活用の仕方を書いてみようと思います。 > 固定ページとは 固定ページについて…

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

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

  • ブログ村に登録してみた

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

  • 簡単なマクロでExcelの操作

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

カテゴリー一覧
商用