전체 글 (24) 썸네일형 리스트형 [Python] ランダムモジュール モジュールとは？ モジュールはプログラムを構成するコンポーネントで、関連するデータと関数を 1 つにまとめたユニットを意味します。 つまり実装したい機能を直接作成することなく、すでに作成されたファイルを取得することで、コードの可読性を高め、量を減らすことができます。 randomモジュールを利用して調べてみます。 ランダムモジュール randomモジュールを利用するためには、次のようなコードを作成する必要があります。 import random これでランダムモジュールを書くための準備が完了しました。 サイコロ転がし それではランダムモジュールを利用してサイコロ転がしてみます。 ランダムに整数を生成するには、次のようなコードを作成する必要があります。 import random print(random.randint(1,6)) # 1~6の中でランダムに設定される その他の機能 ラ.. [Python] Stringと数字を一緒に出力(f-String) 今日は簡単にf-Stringの使い方を勉強しましょう。 suji = 12 print("sujiは " + suji + "です。") ## error 今までintとかfloatをstringと一緒にprint()関数の中で使うためにintをStringに変更して少し面倒くさいでした suji = 12 print("sujiは " + str(suji) + "です。") ## sujiは 12です。 しかしf-Stringを使ったらもっと簡単にできます。 まずダブルクォーテーションの前にfを付きます。 そして使いたいintとかfloat関数名を{}の中に書きます。 suji = 12 print(f"sujiは {suji}です。" ## sujiは 12です。 これでもっと簡単にprint関数を使えます。 以上です。 [Python]文字列の入力を受けて文字数を数える 本当に簡単な作業をしましょう。 これは初めてPyhtonを学ぶ方向けの練習問題です。 名前を入力したら名前の文字数を出力します。 文字列を入力してもらおう まず文字列を入力してもらう必要がありますね input関数を使って名前をもらいます。 input("名前を教えてください") 文字数を数える関数は？ len関数を使ったら文字数を数えることができます。 len("abc") # 3 結合 じゃあ上で学んだ関数を使って結合しましょう。 まずinputを使ったところに入力した文字列が残ります。 これで入力した名前の文字数をわかりますね。 len(input("名前を教えてください。")) これを出力したいなら**print**関数に入れると出力されます。 print(len(input("名前を教えてください"))) 本当に簡単な関数ですが活用度が高いのでこのような簡単な問題で練習した方.. [React] ページ移動する時アニメーション 今日はページを移動する時アニメーションを入れる方法について説明します。 基本セッティング まずページを二つ作ります。 main page function App() { return ( main page ); } sub pageは別のファイルに作りました。 function SubPage(){ return( sub page ) } export default SubPage; ページ移動のため、main pageにリンクを付けます。 import { Routes, Route, Link, useNavigate } from 'react-router-dom' import SubPage from './Page/SubPage.js' function App() { let navigate = useNavigate(); return ( main pa.. [React]Router使い方 Router routerはページを分けたいときに使います。 routerを使用するには、まずインストールする必要があります。 初期セッティング 1. まずターミナルを開き、コマンドを入力します。 npm install react-router-dom@6 2. index.jsでタグを追加してください。 import { BrowserRouter } from 'react-router-dom'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); ページ分け url経路によって異なるページを表示したい場合は、Routeタグを使用することができます。 import { Routes, Route } from 'react-router-dom' function .. [React] reactでbootstrap使い方 reactでbootstrap 既存の私たちがbootstrapを使うためにcdnを使いました。 しかし、reactでは方法が少し違います。 一つ一つ学んでみたいと思います。 まずreactプロジェクトを生成します。 リンクの下段に出ています。 [React] スタートセッティング 1. react bootstrap インストール 一番上のやつです。 Get started これをターミナルに入力してください。 なんか赤い字が出ましたけどオッケーです。 あれ何かしている方は教えて下さい。 cssをbootstrapを使うところにimportします。 わたしはこんどapp.jsにします。 こんな感じですね。 import './App.css'; import 'bootstrap/dist/css/bootstrap.min.css'; // ここ function App() { .. [React] props使い方 props どんな時propsを使いますか？ 今h4のタグの中にlocationのStateを使いたいんです。 function App (){ let [location, setLocation] = useState(['東京', '青森', '大阪']); return ( ) } function Modal(){ return ( ここ！！！！ ) } 普通にStateを書いたらエラーが発生します。 location[0] // エラー この時propsを使ってstateをcomponentに渡します。 step1. タグにstateを渡す 新しい変数名={渡すStateの名} 普通は同じにします。 function App (){ let [location, setLocation] = useState(['東京', '青森', '大阪']); return ( //.. [React]map使い方 map JSX中括弧内にはfor文が書けません。 なのでmap()を使います。 map使い方 array資料型にmapを貼り付けることができます。 let arr = [1, 2, 3]; arr.map(function(a){ console.log(a) }); 結果は1, 2, 3一つずつ出ます。 arrayの個数だけ回ります。 htmlに適用 ここに繰り返しコードがあります。 function App() { let [location, setLocation] = useState(['東京', '大阪', '青森']); return ( {location[0]} {location[1]} {location[2]} ); } まず基本的な枠組みを先に決めてあげます。 { array.map(function(){ return ( 内容 ) }) } arrayに.. 이전 1 2 3 다음
