絞り込み条件を変更する
検索条件を絞り込む

すべてのカテゴリ

5 件中 1 - 5 件表示
カバー画像

React の「部品」のライフサイクルとリファレンス

React の「部品」のライフサイクルとリファレンスReact でも、表示に利用する「部品」にはライフサイクルがあります。Vue の公式チュートリアル(英語版)では、この「部品」のライフサイクルをリファレンスの機能を使って体験するステップがありました。React でも似たようなやり方で同じような機能が実現できます。React の表示の更新の例外これまで紹介してきたように、React で表示データが更新に合わせて表示も更新する場合には、「ステート」を利用して管理するのが基本です。 今回取り上げるれでは、例外的にステートを利用しないでも表示の更新ができる例です。import React, { useEffect } from "react";import "./styles/step9.css";export default function Step9() {  return (    <React.Fragment>      <div className="step9">        <p>hello</p>      </div>    </React.Fragment>  );} Vue のチュートリアルと同様に、最初は、単純に「hello」を表示するように、直接、HTML に相当する部分(JSX)に「hello」を書いて表示させています。当然、表示は、「hello」が表示されます。この記述を変更して、HTML に相当する部分で指定した、「hello」を「mounted!」に上書きします。 やり方は
0
カバー画像

Vue 公式チュートリアル ~ Vue の部品の状態とテンプレートのリファレンス

Vue 公式チュートリアル ~ Vue の部品の状態とテンプレートのリファレンス今回は、今までとは違ったステップです。Vue の仕組みを理解するには意味のある内容ですが、初めて Vue を学習する人には、知識として覚えておけば十分です。では、早速内容を見てみましょう。前回までの復習Vue の部品の書き方の基本を使って、少しプログラムらしい例として、「やる事の一覧を管理」をするための、シンプルなアプリを前の二つのステップで学習しました。ちょっとしたアプリにしたので、初めて、HTML や Javascript を学習している人には、ちょっと学習する項目が多くなっていました。 今回の、ステップはシンプルなので、時間が許すようならば、前回までの復習を今一度やってみてください!今回学ぶのは?今回学ぶのは、「Vue の部品」の状態と、HTML の記述(template のタグの部分)で利用できる「リファレンス」の使い方です。「Vue の部品」は、Vue の中で「部品が作られる(準備される)」状態から、Web ブラウザで表示できるような状態に「組み込まれた状態」など、いくつかの違った「状態」があります。この「状態」によって、実際に表示される内容が微妙に違ってきます。変更前のコードです。<script>export default {  // ...};</script><template>  <p ref="p">hello</p></template> この変更前のコードだと、HTML の部分(template の部分
0
カバー画像

デザイナー 店を考察す

 オーナーシェフとお客様の関係について考えてみたいすべての物事にライフサイクルがあり食べ物に賞味期限があり、私たちの人生にも季節があるように(青春・朱夏・白秋・玄冬)オーナーシェフのお店にもそういった波が来るようです。 昔のある時に一人の青年が料理の修行を終え自らの意思でお店を持とうと思い、独立開業をいたします。寝る間を惜しんで必死に営業を続けるうちにお店のコンセプトに賛同してくれるお客様がファンになってくれお得意様となって行きます。 お店の営業年数を経ていくにつれお客の年齢も年を重ねていくわけです。お店の存在そのものの賞味期限というのは、その時代のマーケットの特徴によって大きく左右されていきますがその時代の雰囲気、ニーズの所在、顧客心理などに対する感性がもしオーナーシェフにあれば十分対応でき、店の存在理由を維持できるのであります。 ところがある一定の「成功体験」を得るとその事に固執し、環境の変化に対応することが難しくなっていくのです。(※そんな事例はあちこちでみかけましたね) ある時からお客の変化、時代の変化環境の変化が店の営業に対して大きな影響を及ぼしていることに気づかないまま、年を取っていき一代でお店そのものの「終焉」を迎えるという事になります。2代目3代目といった後継者問題とも相まって行くのですが、それが出来新しい感性 コンセプトが新規客を吸収するという手立てもないわけではないのですが・・・生業としての意味合いが大きければ大きいほどそのバトンタッチはうまくいかないでしょう。いずれにせよ企業活動というより家業活動いや生業活動としての在り方も否定するものではなくそれは一種の
0
カバー画像

令和七年乙巳の吉凶方位って?

九星気学における方位吉凶図は、その年の九星配置や干支、さらに月や日によって吉方位や凶方位が変わるため、全体の運勢を判断する重要なツールです。以下に2025年(乙巳)の方位図の見方を解説します。基本的な九星方位図の構成1. 中央: 「中宮」に配置される星が、その年の中心となる運勢を示します(2025年は「二黒土星」が中宮に位置)。2. 方位: 八方位(北・北東・東・南東・南・南西・西・北西)に九星がそれぞれ配置され、星の性質と年運により吉凶を判断します。3. 外枠の文字:「歳破」「五黄殺」などの凶方位が特定される。「暗剣殺」や「月破」などの特別な注意が必要な方位も明記。2025年(乙巳)のポイント1. 中宮: 二黒土星が中宮に位置します。これは全体として「努力」や「地道な基盤づくり」がテーマになる年です。2. 吉方位と凶方位の基本:・歳破(南): この方位は避けるべきです。・五黄殺(北): 最も避けたい凶方位です。・暗剣殺(南): 表面に見えにくいトラブルを引き起こす可能性がある方位です。方位の意味・吉方位: この方位に移動や旅行をすると運勢が上昇します。具体的には、九星の吉作用を活用することができます。・凶方位: 凶方位に向かうと災難やトラブルを引き寄せる可能性が高く、注意が必要です。実際の見方と使い方1. 目的に応じた方位判断:  ・引っ越し: 長期間の影響を考慮し、吉方位を選択。  ・旅行: 短期間の場合は比較的軽い影響だが、できるだけ吉方位を選ぶ。2. 個人の本命星と合わせた判断:  ・本命星に基づく吉凶方位を重視し、年の方位図と掛け合わせて最善の方位を決める。もし具体的
0
カバー画像

日々の調和が乱れてきたと気づいたとき

ライフサイクルは、サイクルと言うように一種のハーモニー(調和)であると私は、考えています。飛びきりHAPPYなことがあったとしてもその心ときめく波動は、あなたのライフサイクルに大きな動きを与え、次のサイクルになにかしら影響を与えるのではないか?…とも。できれば、日々、良いことだけで過ごし良い人生を送りたいものです。そんな時、【占い】を活用するのもいいかもしれませんね。☎今夜も電話鑑定受付中☎MIHARU
0
5 件中 1 - 5