chevron_left

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

cancel
TeatreeLIFE〜人生を豊かにする情報ブログサイト〜 https://teatree-blog.com

Teatree LIFEは楽しく豊かな人生を送るために必要な小技をたくさん盛り込んだ情報サイトです。 お金が貯まらないとか人間関係がうまくいっていないという方は必見です! 実は人が悩んでいることの9割は偉人たちが解決済みなのです。

こうへい
フォロー
住所
愛知県
出身
熊本県
ブログ村参加

2021/12/11

arrow_drop_down
  • 【本の要約】『さとりをひらいた犬/刀根 健』ほんとうの自分と自由の見つけ方

    さとりをひらいた犬の要約です。 本書は猟犬のジョンが主人公の冒険物語です。 作者である刀根健さんは死の淵に立った彼だからこそ語ることができる『人生観』を読み解くことができる作品となっています。 心に蓋をして、今の現状に満足していると心に嘘を付き、「本当に生きること」を恐れている人も多いでしょう。 本当にやりたいことに挑戦するためにはこういった声をはねのけてでも進めなければいけないことがある。 多くの人は自分自身で創り出したその牢獄の中で一生を送ってしまう。

  • 【本の要約】『チーズはどこへ消えた?』人生に変化を起こそう

    チーズはどこへ消えた?という本の要約です。 本書は変化することが怖い方や変化させる必要ある?という方におすすめの本です。 いつも同じ作業をしていたら黄色信号かもしれません。

  • 【本の要約】『メガビタミン健康法』ビタミン不足してない?風邪予防のためにできること

    最近風邪を引いてないですか? ビタミンが不足してしまうと風邪を引きやすくなってしまうのは有名な話ですよね。 実はこれは体の代謝がうまく機能していないのです。 ビタミンをとって体を健康で若々しく保ちましょう。

  • 【控除って何?】年末調整で損しない方法

    年末調整で損しない方法 年末調整と聞くとサラリーマンの方はなんか送られてきたはがきや書類を会社に出して年末にお

  • 【節約術】賢い人がやっている電気代を年間2万円安くする方法

    電気代を年間2万円安くする方法 毎月の電気代を安くできると聞くとみなさんはどのような想像をしますか? なんだか

  • 【本の要約】僕たちは君たちに武器を配りたい/瀧本 哲史著

    この本は2011年に出版された本なのですが今の世論の反映しているようなまさに今読みたい本です。 内容は社会に出たけど上手くいかないのは武器を持ち忘れているよ。 と言う感じでその武器についてしっかりと教えてくれる本です。 新社会人はもちろん社会に出たけど上手く行ってない人必見です。

  • 【保存版】ahamo(アハモ)、povo(ポボ)、LINEMO(ラインモ)、Rakuten UN-LIMIT(楽天モバイル)の比較

    携帯を安くできると聞いたけど何を基準に選んだらいいのかわからないという方必見 あなたが何を選ぶべきか比較していきます。 年間に8万以上浮くので旅行に行ったり投資をしたりしてください。

  • 【本の要約】『DIE WITH ZERO〜人生が豊かになりすぎる究極のルール』

    DIE WITH ZERO 〜ゼロで死ね〜という本を読んだことはありますか? 一言でいうと貯蓄はゼロで死にましょうという物騒な内容なのですが実は人生の本質をついた名著で生きる上でのバイブルになるような作品なんです

  • 【Money Forward ME】お金が貯まる家計簿を無料、全自動でつけていこう

    お金持ちには多く稼いで支出を管理すればなれます そのためには家計簿を付けるとお金持ちに近づきます。 全自動で家計簿をつけてくれる方法をは意外と難しくありません。 全自動でお金持ちになりましょう。

  • 【本の要約】習慣が10割。三日坊主を無くす方法とは!?

    習慣 習慣を身につけると言うと意識が高くて自分とは関係ないなと思う方も多いのではないでしょうか? 英語の勉強を

  • 【ふるさと納税】誰でもできる高級食材や日用品をもらう方法

    ふるさと納税と聞くとなんか難しそうでよくわからないと思う方も多いと思います。 ただ、意外と簡単で楽天やアマゾンで買い物をするくらいの手間しかかかりません。 やるだけで松阪牛や大量のカニなどが送られてくるのやらないともったいないです。

  • 【マイルって何?】ANAやJALなどで年に一回、無料で飛行機を使った旅行をする方法

    飛行機に乗るときによく聞く『マイル』 なにかよくわからなくて失効させていませんか? 実はうまくマイルを使うと年に一回くらいは無料で旅行にいけます。 飛行機は何も気にせず乗っている方やマイルを使ったことがない人は必見です。

  • 【マインドフルネス】瞑想をはじめよう

    瞑想と聞いてどのような印象を受けますか? 胡散臭いとか神秘的とか修行とか様々だと思います。 しかし実は瞑想は科学で効果が証明されているトレーニングなのです。 成功している海外のセレブや経営者は瞑想を生活に取り入れてますよ。

  • 【知らないと破産】仕事を辞めた後にも払わないといけない住民税

    住民税についてどれくらい知っていますか? 実は住民税、条件によっては減免される制度があるんです 申請しないともらえないお金なので必ず申請しましょう。

  • 【FIREとは?】働かないで生きていく方法

    FIRE 働かない生き方と聞くとあまりいい印象を持たない方も多いのではないでしょうか。 しかし、そのイメージを

  • 【SDGs】2030年という未来のための行動

    SDGsという言葉をご存知だろうか? これは貧困、気候変動、人種やジェンダー差別をなくしていきましょう。という目標なのです。 実はこれを知ることで2030年どんな風に地球や日本が変化しているかが分かります 自身の未来のために学んでおきましょう。

  • 【サプリメント】スポーツ選手も飲むクレアチンとは

    クレアチンとは筋トレし筋肉を増やしたいという方、筋力を高めたい方にとっては大切なサプリメントです。 筋肉を披露するボディビルの選手はもちろんプロの野球選手やウエイトリフティングの選手も愛用している方が多いです。 国際的にも認められたサプリメントです。

  • 【幸せとは?】ミニマリストという生き方『ぼくたちに、もうモノは必要ない』

    ミニマリストという言葉を聞いたことがあるという方は多いのではないでしょうか。 なりたいけどものを溜め込んでしまう性格だとなるのを諦めていませんか? 実はミニマリストになるならないは性格ではなく技術なのです。 筆者も実践したミニマリストになるための極意が詰め込まれています。

  • 【超お得】賃貸を10万円以上安く借りる方法

    皆さんどのような家に住んでいらっしゃいますか? 賃貸に引っ越したいと思っている方10万円以上は安くできるチャンスです。 実は仲介手数料は上限があるんです。 ぼったくられないために知識をつけておきましょう

  • 【NG行為あり】筋トレ初心者が最初に知っておきたいこと5選

    筋トレ初心者の方が間違えがちな筋トレの基礎の「き」です。 当ブログ筆者自身も陥った筋トレ初心者が必ず通るNG行動やこれを知っていればもっと効率的に筋肥大できたという方法です。 筋トレしながら減量している人は多いですが逆効果になっている可能性もあります。 回り道をして無駄な時間を過ごさないために必須の知識です。

  • 【税金】今更聞けない103万の壁って何?

    皆さん103万円の壁とはどのようなものかご存知ですか? 実は103万の壁はすべての人に当てはまる壁ではありません。 他にも106万の壁や130万の壁、150万の壁などがあります。 それぞれの家計で適切な壁の前で立ち止まれるように確認しておきましょう。

  • 【ボディーメイク】ダイエットの強い味方”グルタミン”って何?効果や摂取方法とは!?

    ダイエットの強い味方グルタミンというサプリメントをご存知でしょうか? これは筋肉の分解を抑えたり免疫機能の向上が期待できるサプリです。 実はダイエットをする上でこの2つの機能は欠かせません。 守りのスペシャリストであるグルタミンについて皆さんに知っていただきたいです。

  • 【所得税って何?】いまさら聞けない税金の基礎。知らないと損!!

    税金のことよくわからないという方、会社に任せているから大丈夫と思っている方損してますよ。 実はしっかり仕組みを知り適切に申請すれば戻ってくるお金があります。 病院に行った金額が一定額を超えるとお金が返ってくる制度もあるのでしっかり活用しましょう。

  • 【iDeCo】老後の不安を無くす制度の活用。世界一やさしい投資信託!!

    老後2000万円問題 日本の政府はこのまま行くと老後2000万円足りないことを発表し炎上したという過去がありま

  • 【本の要約】痩せている人は知っている脂質の秘密のとり方『ダイエット』

    実は痩せるためにも健康に過ごすためにも油は必須なのです。 海外のセレブや健康的でスリムな人ほど取る脂質にこだわっています。 あなたが努力をしても痩せられない理由はここにあるかもしれませんよ。

  • 【本の要約】投資で勝つためのデータ『投資信託おすすめ銘柄』

    投資初心者が投資で勝つためのデータ まず根本的に投資の初心者が投資で勝つために使うのは時間です。つまり長期投資

  • 【ダイエットにもおすすめ】プロテインの勘違い!効果的な飲み方!!

    ダイエットしたい方や筋トレしてるけど筋肉が増えないという方必見。 実はプロテインとは食事でタンパク質が足りない時のサプリメントなのです。 薬だと思っていて飲んだら筋肉ムキムキになると思っている方もいますがそれは間違いです。 プロテインを正しく飲みたい方やダイエットしたい方はぜひ読んでみてください。

  • 【配当金をもらおう】投資信託とはなに?おすすめの投資商品も紹介

    お金を増やしたい方資産運用をしたいと思っている方必見! 実は投資信託を選ぶ際のポイントはどれだけ利益が出るかではなく手数料なんです。 年利4%で運用できても年4%手数料を取られている場合もあるんです。 そんな投資信託に基本を記事としてまとめましたので投資を始める前に見てみてください。

  • 【人生をもっと楽しむ極意】バケットリストを知ろう。あなたのやりたいことリストはなんですか!?

    バケットリストを知ろう バケットリストとは簡単に言うとやりたいことリストのことです。 人生において何を目的に生

  • 【オートミール】痩せる糖質制限ダイエットのやり方を徹底解説【炭水化物とは?】

    糖質制限って何? よくダイエットと聞いて糖質を制限するという方が多くいらっしゃると思います。 しかし、よくダイ

  • 【株式入門】初心者にも優しい株の仕組みと買い方【どこで買うの?】

    株って何? 今回は株とは何かということについてお話していきたいと思います。 結論から言うと株は会社の所有権で株

  • 【お得】楽天カードの知られざる使い方

    楽天カードのことなら知ってるよと思う方も多いですが実は楽天カードには街や楽天市場以外にも様々な優待があります。 一つくらい知らなかったというものがあると思います。 これから作る人は前情報として、もう持っている人は今まで知らなかった楽天カードの真の力を開放していきましょう。

  • 【知らないと損?】NISAってどんな仕組みなの?おすすめの銘柄も紹介

    Nisaって聞いた事ありませんか? 最近よく聞くけどどういうものかわからない方は損をしているかもしれません。 Nisaのすべてをまとめましたのでこれを機に理解しておきましょう。

  • 【本の要約】『精神科医が見つけた 3つの幸福』アドラーの「嫌われる勇気」の科学的な観点は?

    あなたは幸せを感じてますか? 嫌われる勇気から学ぶ幸せになるためのメソッドです。 読んだけどよくわからなかった方や幸せになりたい方、要約したので見てみてください。

  • 【投資】歴10年の投資家が教える初心者が失敗しない資産運用の極意とは

    投資をしてみたいけど怖いという方や資産運用を始めようと思っている方。 まずは投資のやり方や意義を確認してみてください。 資産を運用することは人生の命題でもあります。まずは基礎から始めましょう。

  • 【クレジットカード】快適なキャッシュレス生活とは?

    キャッシュレス生活って? みなさん財布の中には何が入っているでしょうか? もちろん紙幣に小銭,クレジットカード

  • 【ダイエット】ボディビルダーの痩せるメソッド

    ボディビルダーの減量メソッド ボディービルダーには増量期と減量期ががありこの減量期にやる行動は万人が痩せること

  • 【お得】4種類の口座とは?

    4種類の口座とは? 真っ先に思い浮かべる銀行口座 我々が口座と聞いて真っ先に思い浮かべるのは銀行口座でしょう。

  • 【ワーキングホリデーとは?】海外で暮らすためのビザの取得方法

    海外で暮らすにはどうすればいいか 海外旅行とVISA まずはじめに、この方法は18歳以上30歳以下の日本国籍の

  • 【ワーキングホリデーとは?】海外で暮らすためのビザの取得方法

    海外で暮らすにはどうすればいいか 海外旅行とVISA まずはじめに、この方法は18歳以上30歳以下の日本国籍の

  • 【メリット多数】成功するための筋トレ術。起業家や投資家はなぜ筋トレをするのか?

    筋トレを始めたいがしっかり目的をはっきり目的をはっきりさせたくないですか? 本記事は筋トレをはじめる動機づけのために筋トレで得ることができる効果を網羅的に書いてあります。 しっかりと目的を持つことで筋トレを習慣化できるようにしましょう。

  • 【携帯代を安くしたい方必見】手間なく簡単に月3000円にする方法

    携帯代を月3000円にする方法 毎月の携帯代が月1万円を超えるという方も多いのではないでしょうか? 生活を少し

  • 【携帯代を安くしたい方必見】手間なく簡単に月3000円にする方法

    携帯代を月3000円にする方法 毎月の携帯代が月1万円を超えるという方も多いのではないでしょうか? 生活を少し

  • 【知らないと損?】楽天経済圏とは?有用な使い方と始め方

    楽天カードのことなら知ってるよと思う方も多いですが実は楽天カードには街や楽天市場以外にも様々な優待があります。 一つくらい知らなかったというものがあると思います。 これから作る人は前情報として、もう持っている人は今まで知らなかった楽天カードの真の力を開放していきましょう。

  • Intersection Observerで監視対象を増やす方法

    監視対象となる要素を増やすためにコードを変えていきます。 要素の設置 コードの改変 要素の設置 ・前回は監視を

  • 【本の要約】『バビロンの大富豪』大富豪が教えるお金持ちになるための黄金の7つ道具

    【名著】バビロンの大富豪の教えについて要約し、その意味や真意いついて考えた記事です。 お金持ちの人はどういった考え方をしているのかがわかる内容です。 あなた自身もお金持ちになるための黄金の7つ道具まとめました。

  • 【本の要約】『嫌われる勇気(アドラー心理学)』今をより充実させる成功法則

    アドラー心理学を一躍有名にした名著『嫌われる勇気』を深堀りし解説したブログです。 心理学初心者でも意味が理解しやすいようになるべく専門用語を使わず解説してあります。 理解しやすいなっておりますのでご一読ください

  • 【本の要約】『7つの習慣〜人格主義の回復/スティーブン・R・コヴィー』人生を成功に導く

    7つの習慣 『7つの習慣』はスティーブン・R・コビィー著のビジネス本ですごく簡単にいうと成功するための方法を記

  • プロフィール

    私について はじめまして わたくしこうへいと言います。 至って普通のサラリーマンですが好きな仕事をして時間にもある程度の余裕があり給料にも満足、平均的な給与で生活しております。 ちょうど1年前までオー

  • Intersection Observerでターゲットの監視の止め方

    ターゲットの監視を止めるために、アンオブザーブメソッドを使っていきます。 callbackの第2引数 アンオブザーブメソッド ターゲットの止め方 前回まででターゲットの監視をエリアの指定について見てき

  • Intersection Observerの余白の考え方

    thresholdの他に指定することができる、rootMarginオプションについて見ていきます。 rootの指定 ロートマージン rootの指定 Rootの指定はこれまでthresholdで指定して

  • Intersection Observerで要素が交差したらふわっと表示させましょう。

    JavaScriptで要素が交差したらクラスを付け外しすることで表示を制御していきます。 クラスの付け外し 早期リターン クラスの付け外し 前回Intersection Observerを使うためにC

  • Intersection Observerを使うためにCSSアニメーションの設定をしていく

    交差した要素につけるアニメーションを設定していきます。 styles.cssの作成 CSSアニメーションの設定 styles.cssの作成 前回までで交差情報の取得を行ってきました。 詳しくは『Int

  • Intersection Observerで交差した要素の情報を取得する

    交差した要素について取得できる情報について確認していきます。 情報を取得しよう デベロッパーツールで見ていこう 前回はIntersection Observerで処理をするタイミングを指定する方法につ

  • Intersection Observerで処理するタイミングを指定する方法

    ターゲットが任意の割合だけ交差したときに、処理を実行する方法について見ていきます。 第2引数を渡す 複数の値の指定方法 第2引数を渡す 前回は『Intersection Observerで処理が実行さ

  • Intersection Observerで処理が実行されるタイミングについて

    Intersection Observerに登録した処理が実行されるタイミングについて ターゲットの取得 オブザーバーの設定 ターゲットの監視 処理の実行タイミング ターゲットの取得 前回までで要素の

  • Intersection Observerで処理が実行されるタイミングについて

    Intersection Observerに登録した処理が実行されるタイミングについて ターゲットの取得 オブザーバーの設定 ターゲットの監視 処理の実行タイミング ターゲットの取得 前回までで要素の

  • 【画像あり】WordPressのアプリで記事を投稿する手順について

    wordPressのアプリで記事を投稿する手順について見ていきましょう TOP画面を開き右下のアイコンをタップ。 『ブログ投稿』をタップ。 タイトルを入力していく。(記事のタイトルになります。) 記事

  • IntersectionObserver(インタレセクションオブザーバー)を使うためにHTMLを書いていこう

    ページ内HTMLで見出し、段落、画像を配置し、main.jsを作成していきます。 要素の配置 main.jsの作成   要素の配置 前回で画像の準備とコンソールの使い方について見てきました。

  • IntersectionObserver(インタレセクションオブザーバー)を使うためにHTMLを書いていこう

    ページ内HTMLで見出し、段落、画像を配置し、main.jsを作成していきます。 要素の配置 main.jsの作成   要素の配置 前回で画像の準備とコンソールの使い方について見てきました。

  • IntersectionObserver(インタレセクションオブザーバー)を扱うための素材の準備とコンソールの表示

    写真や画像などの取り込みとコンソールの表示にについて学んで行きます。 素材の準備 コンソールの表示 素材の準備 ・前回まででVS CodeとChromeの準備とindex.htmlファイルの作成をして

  • intersectionObserverAPI(インタレセクションオブザーバー)を使うために VS CodeとChromeの準備をする

    VS CodeとChromeを使ってindex.htmlファイルを作る。 VS Code Chrome index.html VS Code ・前回IntersectionObserverAPI(イン

  • IntersectionObserverAPI(インタレセクションオブザーバー・エーピーアイ)の使い方

    JavaScriptを使ってIntersectionObserverAPI(インタレセクションオブザーバー・エーピーアイ)という要素の監視するシステムを使いこなしてみましょう   Inter

  • カルーセルの完成

    ウィンドウの大きさを変えたときに画像がずれる不具合を修正していきます。 リサイズイベント リサイズイベント ・前回までで進む、戻るや下のボタンをクリックすると指定の位置に移動し、今どこの画像が表示され

  • カレントクラスの移動

    進む、戻るボタンを押したときにもカレントクラスが移動するように修正していきます。 関数を作る 関数を配置する 関数を作る ・前回まででボタンにクリックイベントをつけてボタンを押すと指定の画像を表示する

  • クリックイベントの設定

    ボタンにクリックイベントを設定し、画像が指定した位置に移動するようにしていきます。 クリックイベントの追加 カレントクラスの移動 クリックイベントの追加 ・前回まででボタンをJavaScript生成出

  • JavaScriptでボタンを作る

    JavaScriptでボタンを動的に生成する方法について見ていきます。 関数を作ろう 余白の設定 関数を作ろう ・前回まででHTMLとCSSで丸いボタンを作ってい行きコメントで消しておきました。 ボタ

  • ボタンのスタイリング

    ボタンのスタイルを整え、ボタンを動的に生成するための準備をしていきます。 ボタンのスタイリング ボタンのコメント化 CSS コメント ボタンのスタイリング ・前回でHTMLを使ってボタンの配置をしてき

  • 下の丸い点を配置する

    画像の下にボタンを配置しカルーセル全体をセクションでまとめておきます。 ボタンの配置 セクションの配置 navタグ ボタン body全体 ボタンの配置 ・前回までで戻る、進むボタンが出来て、重複してい

  • データの重複

    重複しているコードを一つの関数にまとめていきます。 関数を作ろう 関数の配置 関数を作ろう ・前回までで進むボタンと戻るボタンの動作を確認してきました。 ・今回は重複しているコードを関数で一つにまとめ

  • ボタンの動作

    updateButtons()メソッドを呼び出し、ボタンの状態が更新されるか確認していきます。 関数のの呼び出し 進むボタン 戻るボタン updateButtons() の呼び出し ・前回まででボタン

  • ボタンを隠す

    ボタンの状態を更新することで、不具合を直していきます。 非表示 関数 通常時 非表示 ・前回までで進むボタンと戻るボタンをうまく機能させることに成功しました。 ・今回は進みすぎてしまったり戻り過ぎてし

  • 戻るボタンを機能させる

    ボタンをクリックしたら前の画像にスライドするようにイベントを設定していきます。 戻るボタンの情報を取得 動作させる 戻るボタンの情報を取得 ・前回までで進むボタンを完成させて行きました。 ・今回は戻る

  • 進むボタンを完成させよう

    何番目のスライドを表示したいかを変数で管理していきます。 次の画像まで移動 Javascriptの書き方 次の画像まで移動 ・前回までで進むボタンを押すと次の画像が表示するようにJavaScriptで

  • スライドの長さを計算する

    画像が1枚分だけ横にスライドするように修正していきます。 ulの子要素を取得 スライドの情報を取得 テンプレートリテラル ulの子要素を取得 ・前回まででスライドをアニメションすることができるようにな

  • 画像をアニメーションする

    ボタンをクリックしたら次の画像にスライドするようにイベントを設定していきます。 Id取得 イベントを追加 トランジションプロパティ Id取得 ・前回まででJavaScriptのファイルを作ってきました

  • JavaScriptを書いていく

    ボタンにマウスを ホバーしたときのスタイルを付けたあとに、JavaScriptを書く準備をしていきます。 ホバー JavaScriptファイルの作成 ホバー ・前回まででボタンのスタイリングをやってき

  • 新年のご挨拶

    新年あけましておめでとうございます。 みなさま健やかに新春をお迎えのこととお慶び申し上げます。 昨年は当ブログを見に来ていただきありがとうございました。 みなさまのお役に立てたことがとても幸せでした。

  • ボタンのスタイリング

    ボタンの見た目を整えたのち、画像の領域に対してボタンを上下中央揃えにしていきます。 ボタンのスタイリング ボタン位置の修正 ボタンのスタイリング ・前回はボタンの配置をやってきました。 ボタンの配置

  • ボタンの配置

    画像をスライドさせるためのボタンを配置していきます。 ボタンの配置 ボタン位置の設定 ボタンの配置 ・前回までで画像の配置が終わったと思います。 画像の調整 ・今回は画像をスライドさせるためのボタンを

  • 画像の調整

    object-fitプロパティを使って画像の縦横比が保たれるようにしていきます。 画像の縦横比 フレックスボックスの指定 画像を縮まないようにする 画像の縦横比 ・前回までで領域内に画像を入れることが

  • 画像を領域に収めていく

    画像がカルーセルの領域に収まるように修正していきます。 画像の大きさ調整 親要素の高さ指定 画像の大きさ調整 ・前回までで画像を配置し簡単なスタイリングめでしてきました。 画像の配置 ・ただ、まだ画像

  • 画像の配置

    リストのタグを使ってカルーセルで使う画像を配置していきます。 画像の配置 リストのスタイリング 画像の配置 ・前回までで領域を作っていきました。 画像を表示する領域 ・今回はその作った領域に画像を配置

  • 画像を表示する領域

    カルーセルで画像を表示するための領域を作り、スタイリングをしていきます。 雛形コード 表示領域の作成 style.cssの作成 雛形コード ・前回まででHTMLのファイルの作成と必要な画像ファイルの作

  • カルーセルの作り方

    JavaScriptでWEBサイトでよく見る横に画像などをスライドさせるカルーセルの作り方 完成版の確認 開発環境の確認 ファイルの作成 完成版の確認 ・今回からはJavaScriptを使ってのカルー

  • タブメニューの完成

    どのメニューにactiveクラスがついているかに応じて、表示するタブの内容を切り替える処理を完成させます。 Idの紐付け data属性の利用 Idの紐付け ・前回まででコンテンツのactiveクラスを

  • タブの内容を切り替える

    内容を切り替えるための処理として、まず全てのcontentからactiveクラスを削除します。 コンテンツからクラスを削除 コンテンツからクラスを削除 ・前回まででメニューを切り替えることができたので

  • クラスの付け替え

    activeクラスを追加する前に、元からついていたactiveクラスは外すことで、移動するようにします。 activeクラスの付け替え activeクラスの付け替え ・前回まででクリックをするとact

  • JavaScriptでメニューにイベントをつけていく

    メニューのliにclickイベントを設定して、クリックされたらactiveクラスが追加されるようにしていきます。 イベントの設定 ページ遷移のキャンセル イベントの設定 ・前回まででCSSでの全体的な

  • 擬似クラス

    細かい部分のスタイルを調整とホバー擬似クラスをつけていきます。 細かいスタイリング 擬似クラス 細かいスタイリング ・前回activeクラスをつけてそちらのスタイルを整えてきました。 ・今回はさらに見

  • メニューのスタイリングとクラスの追加

    activeクラスがついているメニューにスタイルをつけていきます。 メニューのスタイリング コンテンツのスタイリング displayプロパティの操作 メニューのスタイリング ・前回までで全体のスタイリ

  • CSSでスタイリングをしていく

    CSSで、画面全体とメニューのスタイルを調整していきます。 全体のスタイリング コンテイナーのスタイリング メニューのスタイリング 全体のスタイリング ・前回まででHTMLでのマークアップを終えました

  • マークアップ

    HTMLでマークアップをしていきます。 全体のマークアップ メニューのマークアップ 中身のコンテンツのマークアップ 全体のマークアップ ・前回まででCSSのファイルとJavaScriptのファイルを読

  • その他のファイルの読み込み

    CSSファイルとJavaScriptをファイルを読み込んで行きます CSSファイル JavaScriptファイル CSSファイル ・前回まででタブメニューを作るための全体像の把握とHTMLファイルを作

arrow_drop_down

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

ハンドル名
こうへいさん
ブログタイトル
TeatreeLIFE〜人生を豊かにする情報ブログサイト〜
フォロー
TeatreeLIFE〜人生を豊かにする情報ブログサイト〜

にほんブログ村 カテゴリー一覧

商用