swift ui 'CALayer position contains NaN: [nan nan]. Layer:

原因 画像描画系のエラー 対策 Button等の frame を洗い出してみる minWidthになっていた }){ Text("カメラを起動する") //ここがminWidthになっていた .frame(maxWidth: .infinity) .frame(height: 50) .multilineTextAlignment(.center) .background(Color…

IT人材社内育成の前に検討すべきこと

環境を整える 環境とは? 上司が嫌がらせをしないか? ITができるようになると給料が上がるのか? 給料が上がっても、不平の出ない環境が必要 ペアで育成しているか? 強化すべきスキル ITスキル !!ここまでかいた 論理的思考 どんな社員が向いている 学力が…

Swift alert 実装忘備録

let alert = UIAlertController(title: "This date already once", message: nil, preferredStyle: .alert) alert.addAction(UIAlertAction(title: "Dismiss", style: .default) { (_) in }) self.present(alert, animated: true, completion: nil)

Swift UI MapKit 忘備録

point UIViewRepresentableを継承 デリケートメソッド?を2つ用意する makeUIView インスタンス生成時 func makeUIView(context: Context) -> MKMapView { MKMapView() } updateUIView Viewの更新時 func updateUIView(_ uiView: MKMapView, context: Conte…

node.js のPATH MAC

インストーラーで入れたnode.jsとnpmのパス MAC nvm use [version] でnodeのバージョンをしっかり指定するとグローバルでインストールしたangularも入っている それだけ nodebrew を利用しようとしたけどやめた 他の仮想環境が動いていると、干渉するらしい …

WordPress ページネーション

大前提として、ページネーションは固定ページで実装すること 投稿ページだと、ページの概念がないため 固定ページblogを作成 URLスラッグをblog-eventsにしておく これで page-blog-events.php で、ページネーションが作用するようになった。 カスタムクエリ…

WordPress カテゴリーへのリンクパスを取得

カテゴリーのviewボタンを押すと、リンクが取得できる urlに表示される wordpress.org

AngularにてAndroidアプリ作成

AngularにてAndroidアプリ作成する方法 グーグルはWEBよりだから、、、 medium.com SwfitUIをみても、アップルはどうしても、Objective-Cの上で動かしたらいらしい、、

iOS PUSH通知 便利なライブラリ

PUSHERがすごい pusher.com

iOS PUSH通知 便利なライブラリ

PUSHERがすごい pusher.com

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プロパティを使用して、 型のすべてのケー…