2021-04-01から1ヶ月間の記事一覧

Swift クラスで条件分岐 isKind(of:) isMember(of:)

isKind(of:) レシーバーが特定のクラスのインスタンスであるか、そのクラスから継承するクラスのインスタンスであるかを示すブール値を返します。 isMember(of:) レシーバーが特定のクラスのインスタンスであるかどうかを示すブール値を返します。 上記関数…

WebDesign 背景画像 parallax

ポイントは、 position: relative; background-attachment: fixed を同じクラスにつけること画像を配置しているクラスにCSSを当てる <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Parallax Website…</meta></meta></meta></head></html>

HTML アニメーション小技まとめ

CSSアニメーション animate.style javascript animate.js animejs.com jQuery UI 未だに結構つかう jqueryui.com 文字を動かす tobiasahlin.com

nav バー 左右分割

目的:左右に分割したnavバーをつくる 真ん中はアイコンが配置されている <style> .navbar_test { display: flexbox; position: relative; } .icon_image img { width: 100px; height: 100px; z-index: 200; } .icon_image { position: absolute; left: 50%; top: 5…

REACT API取得、表示 手順

目的:下記のデータを取得、表示する https://jsonplaceholder.typicode.com/posts axiosのインストール www.npmjs.com useEffect フック 公式サイトより useEffect に渡された関数はレンダーの結果が画面に反映された後に動作します。副作用とは React の純…

xcode StoryBoard constraints を整える方法

一つ子viewを作成し、その中で制約をつけていく そうすると子viewの中だけを考えれば良い このように階層になる わかりやすい

At Coder デバッグ実行

問題: ブラウザ上だとdebugできない online-judge-toolsのライブラリが秀逸 github.com 利用方法 oj d urlで利用する //sample $ oj d https://atcoder.jp/contests/agc001/tasks/agc001_a するとtestフォルダの中に入力値と出力値を取得してくれる あとはin…

React useStateで 配列を管理

component import React, { useState } from 'react' const Basic2 = () => { // setProductsは値監視 まず定義 const [products, setProducts] = useState([]) const newProducts = () => { //ここでsetProducts を呼ぶ setProducts([ ...products, { id: p…

React Uncaught TypeError: map is not a function

基本 mapを利用する対象が配列になっていないことのエラー import React, { useState } from 'react' const Basic2 = () => { // setProductsは値監視 const [products, setProducts] = useState([]) const newProducts = () => { //ここが配列になっていな…

React Uncaught TypeError: map is not a function

基本 mapを利用する対象が配列になっていないことのエラー import React, { useState } from 'react' const Basic2 = () => { // setProductsは値監視 const [products, setProducts] = useState([]) const newProducts = () => { //ここが配列になっていな…

siwft メモリーリークエラー対応 画面遷移

問題 問題のコード @IBAction func logSettingButtonTapped(_ sender: Any) { let storyboard = UIStoryboard(name: "LogSetting", bundle: nil) let nextVC = storyboard.instantiateInitialViewController()! nextVC.modalPresentationStyle = .fullScreen…