2021-01-01から1年間の記事一覧

swift darkモード対応

画像を変更する場合 assets > appearnce > any, darkに変更 色だけ変更の場合 assetsにフォルダを作成 その中にimageset を作成 ここで作成している名前でインスタンス生成可能 コードで色を変える時 UIColor(named: {アセット名}) が用意されている

SCSS 利用方法 MAC

SCSSはコンパイルしないとCSSにならない 結論 VSCodeのプラグインで対応 Live sass compilerを利用 インストールしたら Watchを押す 違うフォルダに書き出したい時 Settingsから下記をクリック setting.jsonを記載 "workbench.colorTheme": "Monokai", "work…

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…

Google Map API 公式サイト実装

公式サイトサンプルだと エラー developers.google.com 下記はエラー JavaScript let map; function initMap() { const mapOptions = { zoom: 8, center: { lat: -34.397, lng: 150.644 }, }; map = new google.maps.Map(document.getElementById("map"), ma…

CounterUp JavaScript実装 忘備録

ConterUpにてエラー github.com 原因はCounterUpはjQueryの2.4を利用しないといけない 下記2つのライブラリをインクルードする その上でconterUpをインクルードする jQuery2.2.4 waypoints4.0.1 https://code.jquery.com/jquery-2.2.4.js tps://cdnjs.cloudf…

cssアニメーションまとめ

良いサイト一覧 w3bits.com w3bits.com 基本練習はここ www.w3schools.com なんといってもanimate.js animejs.com

Python VSCode Jupyter Notebook起動

Python Extensionプラグインは必須 Command + Sift + p 窓に Create New Blank Jupyter Notebookと入力 これだけでJupyter Notebookが起動してくれる 秀逸!

一流になると、プログラミングの仕事はしない

名人伝という中島敦の作品がある。 弓の達人の話です。 山月記 などで、高校の教科書にも乗っていたので、知っている人も多いと思う。 この話をまとめてみると 主人公 紀昌 2人の師匠 飛影師匠 修行法 まばたきをしない 対象物をよくみる 2年でまばたきをし…

Swift クラス 構造体 違い

構造体は値渡し 下記を考えなくていいので大変都合が良い。 ARC Reference counting weak and strong リファレンス Objective-CはARCで結構難しくなる。 画面作成時はObjective-Cは楽だけど、、 構造体はヒープ領域に保存されるので、メモリ的も効率的 ヒー…

swift5 AlertController 実装

やりたいこと Actionsheetで表示する 目的:ActionSheetをたくさん書きたくない。リテラル入力ミスを防ぎたい 解決法 EnumとforEachでのループ EnumのCaseIterableとは CaseIterable型を使用する場合、型のallCasesプロパティを使用して、 型のすべてのケー…

論理的とは?

論理的とは、誰から見ても理解できる状態のこと AだからBが成立するということ 誰から見てもという点がポイント これができていないから、下記の事象が発生する。 要件定義のやり直し=>痛い! 上司の意見の変更 クライアントの評価 全てに影響してくるので大…

SEO対策 まとめ サルだとわからん

画像系 1. ファイルサイズはなるべく小さくする。画質を落とさずにするには下記サイトが有効 tinypng.com 2. 画像にはalt属性をきちんと書くこと ファイル名も人なら、人名が望ましい Bad example alt="犬" Good example alt="走っている犬" スマホでもサイ…

commands not found on zsh 対応

pathが全く通らなくなる恐ろしい状態 viも ls も通らない?? 焦るな!!!!!! zshのリセットコマンドがある exec /bin/zsh または exec /usr/bin/zsh printenv PATHで再度PATHを確認しよう! printenv は環境変数を出力するコマンド % printenv PATH /usr/local/b…

Python VSCodeデバッグ 忘備録

このプラグインをinstallする

swift Clouser で処理を委譲

目的:値が確認できた時点で実行できる。またはほかクラスに処理を委譲できる Clouserを定義する clouserも型 Int型やDouble型と同じ事です 引数も戻り値もない場合はこのように記載します。 利用時 変数= { [weak self ] (引数) in 処理 }

UINavigation bar ドキュメント読むべし

NabigationBar Toolbarより下位の階層にあるのがポイント ナビゲーションコントローラーはコンテナービューコントローラーです。 つまり、他のビューコントローラーのコンテンツをその中に埋め込みます。 ナビゲーションコントローラのビューには、そのビュ…

swift Navigation barの色を変更する

iOS13から新しいクラスが利用できる こんなイメージ UINavigationBarAppearanceを利用する ios13以前は self.navigationController?.navigationBar.barTintColorを利用する override func viewDidLoad() { super.viewDidLoad() self.title = "DiaryIndex" ta…

premire pro Youtube 動画作成方法 

基本操作 youtu.be 音声と画像を分ける ぼかし処理 0:41 www.youtube.com テロップの入れ方 www.youtube.com カット トルツメ 2:43 www.youtube.com スピード変化 部分 1:55 右クリックでスピードを変化させるものを表示できる www.youtube.com 著作権フリー…

UITextView Delegateの設定

ViewDidLoadでDelegateの接続ができない場合 StoryBoardでoutlet と delegateを接続しておく