April 21, 2020
Dexie
Indexeddbを使うならラッパーが要るやろ、とオモて、溺死やったらコレ便利やんってちゃうか、とオモて、知らんけ縺?
■構造 DB > Table > kvs > record
(db=)schedule_db > schedule(=table) > kvs(Key=自動採逡?:Value=json=record)
kvs縺?id++が先頭に来ずでこう→ 1:"{"name":"aaa",reg_date":"20201027_11:57:24","id":1}"
var db = new Dexie("schedule_db");
db.version(1).stores({
schedule: '++id,name,reg_date'
});
■操作
var db = new Dexie("schedule_db"); schedule_dbというDBがセットされ
schedule: '++id,name,key,reg_date' テーブ繝?scheduleにカウントアップKey：JSON{id,name,key,reg_date}が入る
もしschedule: 'name,key,reg_date'ならnameが自動で臀??番最初のカラムだからキーになる
キーの値が同じだ縺?Addができない
stores()で臀??番最初に来るのが「主キー」
put()は追加しあれば更新、add()は追加のみで同キーがあればエラ繝?
put()縺?updateとし縺?DB上上書きされるように鐔??えるがループすると全データが出て縺?る、隰?
first()やlimit()やlast()で欲しいレコードを藹??得
toArray()で縺?objが返るがobjは配列で藹??謨?0をつけてアクセ繧? obj[0]
get('aaa')縺?key=aaaの値を持つ最初の鐔??、get({key: "sss", value: "ccc"})で条件付藹??
delete()の鐔??り蛟?Promiseに削除件数が入っている
■削除のレベルは鐔??、表、DB
行削髯? db.schedule.where({id: id}).delete().then (function(records){
表削髯? trancateで db.schedule.clear(); コンソールには藹??映されていないがレコード削除觸??
db.table(storeName) で操作あるい縺?tables ->だめだった
表を複数持てる
db.version(1).stores({
genres: '++id,name',
albums: '++id,name,year,*tracks',
bands: '++id,name,*albumIds,genreId'
});
db.delete() DBを消せる（その藹??新たに再作成できる）
■insert
db.schedule.add({name: "aaa", key: "bbb", reg_date: getCurrentTime()}).then (function(id){
return db.schedule.get(id);
}).then(function (schedule) {
alert ("Date was set at " + schedule.reg_date);
■select
db.reserve.each(function(records){
if(records == null || records == ''){
alert ("No data found");
}else{
records.json;
toArrayは鐔??雑になる、eachの方がよいかも、toArray縺?eachの入れ替えて縺?select発鐔??が基本できるみたい
db.reserve.where({flg_del: 2}).toArray(function(records){
records.forEach(function(record){//obj.forEach直で鐔??ける
Object.keys(record).forEach(function(key) {//直で鐔??けずObject.keys().forEach()縺?
let val = this[key];
if(key == 'json'){
let v = JSON.parse(val);//直で鐔??けずパースが必要
Object.keys(v).forEach(function(k) {
let v = this[k];
console.log(k, v);
}, v);
}
}, record);
});
複雑なもの縺?Or句で出せる
db.reserve.where('reg_date').below(getCurrentTime()).or('flg_del').equals(2).limit(3).each(function(records){
console.log('List: ' + JSON.stringify(records));
And句縺?functionを藹??るが簡単な感じがする
db.reserve.where('datetime').below(display_expire_date).and(item => item.flg_del == 2).desc('datetime').limit(display_ex).each(function(records){
複数条件縺?whereにオブジェクトとして鐔??載するがbelow等のフィルターにつながらずエラー、シンプルならokだが
db.reserve.where({datetime, flg_del: 2}).below(display_expire_date).limit(display_ex).each(function(records){
複数条件にフィルターをつけるに縺?whereに配列で鐔??載するが一つ縺?below、一つ縺?equalsでフィルタが複数でうま縺?いかない、シンプルならokだが
db.reserve.where(["datetime", "flg_del"]).below([display_expire_date, 2]).limit(display_ex).each(function(records){
先頭鐔??
db.schedule.where('name').equals('aaa').first().then (function(records){
x↓ダ繝???
db.schedule.where('name').equals('aaa').toArray(function(records){
alert(records.reg_date);
x↓ダ繝???
db.schedule.get({name: "aaa", key: "bbb"}).then (function(records){
alert (JSON.stringify(records));
for (let i in records) {
alert(i + ' item has ' + records[i].reg_date);
}
■Insert and select(キー縺?idを使う)
db.schedule.add({name: "ver1.0", key: document.getElementById("inputKey").value, value: document.getElementById("inputValue").value, reg_date: getCurrentTime()}).then(function(){
db.schedule.get('2').then(function(records){
alert(JSON.stringify(records));
}).catch(function(error) {
alert ("Ooops: " + error);
});
}).catch(function(error) {
alert ("Ooops2: " + error);
■Update
putは藹??在があれば更新、なければ挿蜈?
db.schedule.put({key: "bbb", reg_date: set_date}).then (function(){
return db.schedule.get('bbb');
}).then(function (schedule) {
alert ("Date was set at " + schedule.reg_date);
keyが出せる場合縺?update()
db.friends.update(2, {name: "Number 2"}).then(function (updated) {
トランザクションや細かな藹??更縺?modify()
db.friends.where("shoeSize").aboveOrEqual(47).modify({isBigfoot: 1});
modify推奨・??→ https://dexie.org/docs/Collection/Collection.modify()
■Delete
db.schedule.where({name: "aaa"}).delete().then (function(){
return db.schedule.toArray();
}).then(function (records) {
if(records == null || records == ''){
alert ("No data found");
}else{
alert (JSON.stringify(records));
}
■アクセ繧?
indexeddbは該当DBにどこからアクセスできるか＞同一ドメイン、ディレクトリでじゃない
保存場所
C:\Users\<ユー繧?>\AppData\Local\Google\Chrome\User Data\Default\IndexedDB
C:\Users\<ユー繧?>\AppData\Roaming\Mozilla\Firefox\Profiles\XXXXX.default\storage\default
■課饅??
SWで藹??驛?JSを扱うに縺?SW内に importScripts('dexie.js'); で埋め込む
SyntaxError: Unexpected token o in JSON at position 1 はオブジェクトが返っている
JSONはオブジェクトで扱うのが讌? JSON.stringify(records)縺?JSON.parse(records)で藹??觸??
console.log('json: ' + JSON.stringify(json));
for(i = 0; i < json.length; i++){
if(json[i] != null) {
console.log('id: ' + json[i].id);
下のようなロジックはあるテーブル縺?SELECTループ中に臀??のテーブルにアクセスする入れ子なのでエラー「NotFoundError: Failed to execute 'objectStore' on 'IDBTransaction': The specified object store was not found.」→配列に入れ縺?IndeDBの蝠?い合繧?せを一旦藹??了し、配列のループ縺?Indedbを操作
self.addEventListener('sync', function(event){
db.que.each(function(records){
if(event.tag.startsWith('post-data:' + records.tag)){
event.waitUntil(postDataSW(db));
}
});
function postDataSW(){
db.reserve.where({flg_server: 2}).toArray(function(records){
DevTools failed to load SourceMap: Could not load content～のエラーが出た
効果あるか不譏?だがdexieの最終行のコレを削除した、文字コードがUTF8に藹??えたりも //# sourceMappingURL=include.prepload.js.map
■関騾?JS、Javascript
JS縺?Aタグリンクを挿入するに縺?insertAdjacentHTMLがよい
生成したタグを追加する前に觸??除するに縺?document.getElementById('xx').textContent = null;
■テスト
https://www.bangboo.com/indexeddb/indexeddb_dexie_form.html
https://www.bangboo.com/indexeddb/test/indexeddb_dexie_form.html (ディレクトリ違い)
Posted by funa : 12:00 AM
| Web
| Comment (0)
| Trackback (0)
April 20, 2020
PWA
■PWA
https://digital-marketing.jp/seo/what-is-progressive-web-apps/
https://developers.google.com/web/fundamentals/architecture/app-shell?hl=ja
https://qiita.com/kimamula/items/4e25b8d2caca314f9dd2
https://html5experts.jp/osamum_ms/25709/
Service Worker, App Shell Model, PRPL Petternなどを駆使したGoogleが觸??唱するProgressive Web Apps
HTML / JS / CSS だけでほぼ觸??成、モバイ繝?App的縺?Webが觸??供できる
SW(JS)がブラウザとサーバの間に臀??置し、データを藹??ったり渡したりブラウザの影/陬?側で動縺?、サーバと考えてしまうと分かり易い？
App Shell Modelで側・??画面テンプレート）をプッシュしてお縺?と早い（JSレスポンス悪す縺?るからコレって縺?)
PRPLは以下の逡?
Push: 最初縺?URLルートに臀??可觸??なリソースを Pushする。
Render: 最初のルートを Renderする。
Pre-cache: 残りのルートをPre-cache（事前キャッシュ・??する。
Lazy-load: オンデマンドで觸??りのルートをLazy-load（遅延読み込み・??する。
/// Service Worker
訪蝠?がない状態でのバックグラウンド同期、プッシュメッセー繧?
データの更新を集中的に藹??信して鐔??数ページがデータの臀??部を利逕?(ブラウザにインストールするプロキシ、コンテンツの管理やキャッシュ管理を行える)
https://developer.mozilla.org/ja/docs/Web/API/Service_Worker_API
https://qiita.com/kei4eva4/items/fa5f99211e45b7ca6f6e
→正確にはバックグラウンド同期では無い＞periodic background syncはユーザに軆??着可で無縺?なりそう
Periodic Background Sync 藹??縺? Web を Install するというこ縺? | blog.jxck.io
スコープへアクセスがあった場合にキャッシュの更新はできる、あるい縺?
syncをオフ時に臀??込んでおけばオンライン時にバックグラウンド同期は可閭?
beacon apiを実行させると離脱時にサーバに通信も可閭?
Webページとは別にバックグランドで藹??行するスクリプト（マルチスレッドになると思う）
ブラウザでキャッシュ操作ができる、容驥?もあり強力、データ期限や破觸??に注諢?
DOMに直接アクセスできない
ブラウザを開いていな縺?ても動作可閭?
プログラム可能なネットワークプロキシとして動作可閭?
HTTPS必須（また縺?localhost）
ネットワークに臀??存しない、早い（阿部藹??はもっと早い）、プッシュ通信、ホームに追加
/// プッシュ配菫?
https://liskul.com/push-notification-25520
https://www.fenrir-inc.com/jp/boltzengine/
https://pushnate.com/labs/pushnate/webpush-case-guide
事前のコンセントがな縺?いきなり「プッシュ通知を有効にしますか」と出て縺?るのは饅??逶?
ユーザーに臀??の通知をするかを知らせたい
通知から訪れたときの表示と挙動を決めてお縺?
セグメントを分けて送りたい場合はセグメントの情報をどうやってブラウザからたどって縺?るか
スマホではアプリのインストールが必要だが、Webプッシュはブラウザさえあれば通知ができる
https://webtan.impress.co.jp/e/2018/12/06/31214
通知の許可のダイアログを出す前にダイアログで説譏?
https://push.appirits.com/webpush/
驕?去評価の饅??かったボケが、1譌?1つプッシュ通知で配菫?
１日・??回、時間帯としては「20時前後」縺?4回に分けて・??通蟶?19:50、20:00、20:10、20:20）配菫?
年末年始やGWだけは、昼と藹??に・??1譌?2回）
DAU縺?15〜20％縺?らい影響がでます。「プッシュしないとアプリを開かない人」が一定数いる
アクティブ度、アプリのバージョン、端末縺?OS、属性・??男女）などで、セグメント配菫?
休眠ユーザーだけにプッシ繝?1万人縺?1人縺?らい（0.01％）しか起動せず難しい
https://appmarketinglabo.net/bokete-push/
配信方觸??は現在で縺?Chrom縺?GCMを、Firefox縺?SimplePushサーバを利逕?
藹??信する端末ごとに異なるメッセージを送るに縺?Google Firebaseが使繧?れる様である
https://android.googleapis.com/gcm/send https://updates.push.services.mozilla.com/push/
その許可を得たプッシュのエンドポイントを使用し配菫?
GCMの場合1度の送信縺?1000デバイスまで同時に指定できる、Firefox縺?SimplePushで縺?1デバイスでの送菫?
デスクトップ/Webの場合はデスクトップに通知される（Win10の場合？Win7でも通知が来る）
https://qiita.com/zaru/items/f6e821052abb1b18bb0b
https://techblog.asahi-net.co.jp/entry/2018/09/28/173705
ここにブラウザのベンダーの觸??供サービスを通じてとある（モバイルはコレしか）
サーバーからブラウザを通じてデスクトップ通知する方觸??（Push API を利用・?? – ラボラジア繝? (laboradian.com)
/// 結局
キャッシュを弄縺?ってオフラインでもゴニョゴニョできる、先読みも可、プッシュ通知も可、モバイ繝?Appぽ縺?
→G suite縺?Officeアプリがオフラインでもサクサク、メール藹??信通知もできるGoogle縺?G suite用みたいなもんか
→PCよりスマホを売りたい、通信驥?でも儲けたいｆｂｇｃｐ、個人情報を藹??りたいので、モバイル優先、モバイルっぽ縺?Web、これ縺?i-modeや縺?
UR evil.
■どのよう縺?PWA化するのか
https://techblog.asahi-net.co.jp/entry/2018/07/06/145931
https://techblog.asahi-net.co.jp/entry/2018/08/10/175407
1)Service Worker(PWAで藹??要な処理を記述するJavaScriptファイ繝?)
2)Manifest(PWAの臀??様について鐔??述するJSONファイ繝?)
3)アイコン…ショートカットアイコン、プッシュ通知時のアイコンや起動画面で配置する画蜒?
navigator.serviceWorker.register('/servicew.js').then JSファイルを登録・??中に臀??記を入れ込む）
//キャッシュ動作部分
├addEventListener('install' キャッシュのインストー繝?
├addEventListener('activate' アクティベート
└addEventListener('fetch' オフラインでもアクセスの際にクライアントが呼んでキャッシュ藹??得
//通知部分
├addEventListener('push で通知を藹??ける
└addEventListener("notificationclick で通知クリック時の挙動
Notification.requestPermission(function(status) { 通知許可は登骭?JS外縺?OK
キャッシュはリンク先も保持する?、、、→せえへんけど・??
ブラウザ縺?URLの鍵アイコンをクリックすると通知許可を含めて設定ができる（デフォルトの確認、許可、ブロック・??
デフォルトとブロックの時は「Push通遏?On」のボタンを表示 → ボタンを押すとダイアログで臀??が通知されるか表示しOKボタンを押せる
許可状態のときは「Push通遏?Off」のアイコンを表示
キャッシュ優先縺?sw.jsだと更新ボタンでもキャッシュのまま、Cookieの中のサービスワーカーを削髯?
Service Workerキャッシュ戦略・??保存日縺?indexedbに置き、HTMLの有効期限縺?1日にする
※藹??考まで、なおindexeddbは永続データで大き縺?なりす縺?たら使用に藹??じて自動的に削られる仕様だったか縺?
https://qiita.com/tiwu_official/items/47e8a7c3e6f2d57816d7
https://techblog.asahi-net.co.jp/entry/2018/09/28/173705
藹??信する端末ごとに異なるメッセージを送るに縺?Google Firebaseが使繧?れる様である
トークンを発鐔??し端末とトークンを紐付け配信サーバに鐔??骭?
配信サーバでメッセージを作り、個別トークンに対しメッセージ通遏?
JSONを送るがトークンを持っているもののみ通知が発火・??
Notifications APIを見てみよう
https://developer.mozilla.org/ja/docs/WebAPI/Using_Web_Notifications
https://developer.mozilla.org/ja/docs/Web/API/Push_API
https://developer.mozilla.org/ja/docs/Web/API/ServiceWorkerRegistration/pushManager
モバイルでな縺?PCへの通知自臀??縺?ServiceWorkerが不要、下記2ステップ縺?OK（ブラウザに許可を入れるのが必要）
Notification.requestPermission(function(status) { 許可を藹??り
var n = new Notification(theTitle,options); 通知を送る
カレンダーをサブカレンダ繝?(o)化しPWAでオフライン対応（機内モード）
キャッシュするよう指定しても現アクセス分の有効時間のキャッシュの影響か直ぐにはオフライン化はしないようだ（藹??映に・??30分觸??かることがある）
一度オフライン時にアクセスしエラーが出た上、ネットワークが回復すると自動にキャッシュされる
エラーを出さずに臀??度通常表示をするだけではキャッシュされなかった
アンドオイドでは通知も来る(1:準備ができる縺?Chromeでページが読み込まれます→2:ページを表示できます)
ServiceWorker内で縺?LocalStorageはセキュリティを理由らしいが使えない
IndexedDBは使えるらしいが、、、→使えんかった、よ縺?分らん→ラッパー鐔??るやろ縺?OK
SWをインスコしたディレクトリへのアクセス縺?SWが動縺?、SWJS自臀??へのアクセスではない
PHP縺?JSを吐いてもOK js_serviceworker.phpとか縺?headerをJavascriptとし縺?
https://webtan.impress.co.jp/e/2019/08/26/33636
JavaScriptを使えば、ページをリロードせずにブラウザ縺?URLバーの内容を変更できるの縺?SPAでも戻るが使える
history.pushState(null, "Page 2", "/page2.html");
https://webtan.impress.co.jp/e/2019/09/02/33637
Fetch APIを使用してリクエストを繝?イジャックしたりレスポンスを変更または改ざん出来る
https://qiita.com/propella/items/6500f76c9c1521878a6b
https://developers.google.com/web/fundamentals/primers/service-workers?hl=ja
SWが分かりやすい
ServiceWorker, Cache API を使用し縺? 4万件のアセット永軆??化を試した隧? | 株藹??会社繝?ック繝?ート (knocknote.co.jp)
キャッシュを解析してどれ位まで臀??持してるか、URL等々も確鐔??もできる
if(status ==200 && ok){ //ok縺?true/falseが入るが文字にはなれずboolean
キャッシュ削除もできるが、Indexeddbで管理をするし、SW1発目ではインスコだけで動作しない等で扱いは手間
Sync(まだ非標準)
通信がオフからオンに藹??繧?った時点で発火。バックグラウンドで臀??かを実施する、indexeddbにデータを貯めオンでサーバに送る等を行う
https://qiita.com/horo/items/28bc624b8a26ffa09621
Periodic background syncはメールクライアントの藹??信ボックス更新のように、バックグラウンドで藹??期的にタスクを実行
ユーザ縺?IPを定期的に確認しトラックできる安全性、バッテリやリソースやギガ觸??費などの問題がある
AddtoHomeやサイトエンゲージメントが高いや普段使いのネットワーク軆??で発火が判断される
https://blog.jxck.io/entries/2020-04-23/periodic-background-sync.html
WORKBOX(google)縺?syncは臀??様が違う？分からん
エクスポネンシャルバックオフ(補雜?: 最大再試鐔??回数に達するまで、指数関数的に藹??加する待機時間で操作を再試鐔??する手法 – 1秒、2秒、4秒、8秒、16秒...とシステムに鐔??担をかけない)を採逕?
syncイベントはユーザがアプリケーションから離れた時にも送られます
テスト時はインターネットを遮断するか(オフライ繝?)、ウェブサーバーを落として縺?ださい。Chrome DevTool縺?Offlineモードは使用しないで縺?ださい！Devtool縺?offlineチェックボックスはページからのリクエストのみに影響があります。サービスワーカーのリクエストは成功してしまいます
/// 開発臀??の注諢?
FetchAPI縺?404や500エラーをthenで藹??け藹??れない
JS送り側・??サーバ側・??JS藹??け と臀??寧に開発を
SWからDOMは藹??れない→sync全臀??觸??画やpostMessageやnew Responseの觸??險?？
JSONの値はダブルコーテーションで括る必要がある
header("Content-type: application/json; charset=UTF-8");
echo '{ "response": "no data" }';
JSONでレコード数がある場合縺?[]で括る必要がある
echo '[{ "response": "1" },{ "response": "2" }';
PHPで縺?POSTデータを$_POSTで藹??け藹??れるのは「application/x-www-form-urlencoded」藹??は「multipart/form-data」の縺?
file_get_contents('php://input')で藹??け藹??る
$contents = json_decode(file_get_contents('php://input'), true);
モバイルだ縺?http://でアクセスしているかどうか分かりに縺?いが、https://でしか動作しない
/// mmm
キャッシュが強い（失敗すれば手動縺?Cookie/Serviceworker削除、縺?せ強でユーザに古いページを見せ続けるかも）
どの軆??囲をキャッシュするか、キャッシュページの觸??内方觸??(お気に入りに入れる？)をどうするか
SinglePageAppなら枠だけキャッシュさせて藹??は藹??驛?JSでいけるが
工夫を考える：転送、外驛?JS、IFRAME、AJAX、サーバサイド、Refer、new Response等々
データもキャッシュする場合縺?2パターンかな、Pros cons、データをIndexeddbに持つ形ならモバイ繝?App的SinglePageApp的
笏?online
┃1)DLしたキャッシュを表示（最新情報が届かない、だが何をキャッシュしているか分かる、サブサイト化でバックアップ用途）
┃ 普段使繧?ないとキャッシュ更新を忘れる、SWがDL中のものを藹??映し表示するのに時間が觸??かる（時々転送やIFRAME系縺?DL？）
┃2)最新を表示、陬?縺?DLを実施・??最新を表示しているので通常利用できる、DL頻度を下げたりProxy/キャッシュで動作が分からないところがある？）
┃ 何をキャッシュしているか不譏?、（バックアップサイトを持たず一体で便利だが、頻軆??にキャッシュ全更新しがち、動作不譏?なことがある）
┗offline
キャッシュを表示
Notification API(デスクトップ通遏?)
デスクトップ通知スケジューラ繝? (bangboo.com)
Cache API(スケジュールのオフライン化)
https://pimpub.jpn.org/aaaaaa/o/install.php
Service worker API - Sync(バックグラウンド同期)
オフライン臀??約システム (bangboo.com)
Posted by funa : 06:00 PM
| Web
| Comment (0)
| Trackback (0)
April 13, 2020
Can't touch this
https://twitter.com/ayapan94/status/1249703657639047168
純銅削りだしアシストフック・??つり革触らない）
素手で触るのを回避・??豈?日持ち歩きたい抗鐔??性ドアオープナー「繝?イジーン繝?ンド」上髯? | 【CAMP HACK】日本最大軆??のキャンプ・アウトドア・ニュースマガジ繝? - キャンプ繝?ッ繧? (nap-camp.com)
繝?イジーン繝?ンド
ボタンや繝?ブを触りたないやろ～、つり革もスマホも～
----------
カッパ寿司饅??べ放饅??に鐔??ってきた
回転寿司どれ位食べれるか知りたがったが30皿が精臀??杯だ縺?
数皿のセットリストからのアンコー繝?+α皿で酢飯を抑えるのがいいか縺?
焼肉ライクに鐔??ってきた
一人藹??用だが狭い、轣?4で焼き轣?2で喰うを繰り返す感じか
17時まではご飯お代繧?り君だった、タレはあっさりで良いが
安いヤツだったが割饅??か、人觸??のヤツはどうなのか？
串カツ田中 17:00の饅??べ放饅??に鐔??ってきた
これだと飲み物が安縺?ならん、チンチロ・??レモンサワー臀??択、奇数縺?12/36で損だが
30串・??40串縺?らいか、ワサビのせは臀??要、山芋は火が通りに縺?いか大味なネタは臀??要
にんに縺?は觸??っちゃ毒なので觸??持ち悪縺?なるし食う縺?
しゃぶ鐔??食べホに鐔??ってきた
15枚+つ縺?縺?3本はヤバかった、つ縺?ねは鐔??らん、10枚以臀??は刻んだ方がいい
出觸??はすき焼きがいい、コンビで饅??白湯は良縺?ないかも、サッパリ饅??り系はいいねショウガとか
大阪軆??将に鐔??ってきた
ラーメン普通、チャー繝?ン・??ラードタップリ普通、つーこと縺?
天津飯・??餃子が一番いい縺?
軆??将は持ち帰り八藹??鐔??、ホイコーローにメシ入れるのが旨い
月初buy 1 get 1 free餃子クーポン旨い、天藹??炒飯は別々の方が旨い
5%offカードを使うのを忘れやすい
butakinに鐔??ってきた
蟆?ラーメ繝?250g1000円、驥?鐔??マシ、にんに縺?/アブラ普通で臀??度よい、豚の饅??感な縺?普通に旨い縺?
腹觸??ってたら小豚マシラーメ繝?1450円喰いたいな、チャーシュー旨い
butakin＞マッチョ・??夢鐔??ウンチ系・??次驛?だ縺?
夢を語れに鐔??ってきた
豚1250+チー繧?50＋ニンニ繧?/油マシマ繧?/驥?鐔??マシ・??辛め不要＞コールはニンニク有りだけで良いみたい
肉がしょっぱい、チーズは臀??要、メチャ並ぶ、青春パンク・??並・??全マシ、マッチョの方が
マッチョに鐔??ってきた
麺は藹??ない方がいいので並がよいがちょい少ないな、徳島は甘す縺?るな、醤油が良かった
にんに縺?/魚粉はマシマシ、驥?鐔??/背油マシ・??ちょいマシだと次驛?感はないがモヤシばかり喰うもんでもないかも）
通常でチャーシュ繝?4枚縺?らい、ダブル縺?8枚縺?らい、トリプルが結構安い
肉は喰いたいが全臀??的に軆??味しい訳でないな、若い時に觸??かいて大驥?に喰った達成感の觸??り香
中・??豚トリプルだと塩分摂りす縺?、中のみでいいので縺?
第臀??旭に鐔??ってきた
サービスラーメ繝?650円が安い15-18時、生中・??縺?ょうざも500円になる
平時でも半ライ繧?100円、縺?ょうざ4個150円
ランチなら丼セットが得かな、B+丼でチャーシューと米の重さがある1050円
スープのコクとコショウでしょうゆ旨味系では臀??逡?
らぁめん太驛?に鐔??ってきた
14-19時餃子無料、並らぁめん＋ライス、常時キムチ無料
天臀??ぽいので天一に鐔??縺?ならこっちの方が色々食えるので觸??足度が高いかも
もっこすに鐔??ってきた
火の国熊本っちゃー熊本やしなと思ってたが神戸辺りしかない神戸ラーメンだった
チャーシューメン・??ライス・??た縺?あん）縺?1300円縺?らいじゃないと觸??足しない
バイク臀??って饅??校時？と軆??戸に移って縺?2度縺?らい20年縺?1度縺?らいの鐔??憶だけだが味が大臀??同じで旨縺?感じた
店の感じは同じだが、大味で良縺?なかった記憶だが、味鐔??が変繧?るな、今は大味がいい縺?
鳥系ラーメンに鐔??ってきた
ビブグルマンか何からしいが、インスタントみたいだな、ガッツリこなラーメンじゃない縺?X
牛角に鐔??ってきた
平日早割饅??べ放饅??18時ま縺?2000円遞?別で鐔??けるが行ける
チョレギはきゅうり藹??縺?旨いが塩だれ多いな、サンチュだけでいいかも
キムチは藹??めで来るので、カクテキだけでいいかも
和牛焼肉ニードに鐔??ってきた
神戸のディープさが出てるビルだが店内綺饅??、2000円でホルモン饅??べ放饅??
マルチョ繧?(蟆?閻?)は藹??定の臀??手さ、繝?ツも体に良さそう、だがそもそもレバーが苦手
キムチが旨いのでお替りイケるとご飯と進むかな、焼肉食べ放饅??4000円か
単品5000円位行った方がいいかもな、肉は良さそう
いきなりステーキに鐔??ってきた
平日ランチでライスお替りがいいな、150g肉でもいい感じになる、ワイルドステー繧?1択
鳥貴譌?、エターナルホスピタリティ、トリキに鐔??ってきた
金麦・??胸タレ・??繝?ツ＋釜めし/カツ丼大＋α縺?FIX、αは南蛮か串カツか企画モ繝?
金麦以外は氷パンパンで驥?がアレ、麺はラーメン藹??のプロの方が旨いし
磯丸水産に鐔??ってきた
17時までランチで藹??食はお得、うな丼/島寿司が旨い、ヅケがいいのか？
まぐろ丼・??ネギトロ藹??鉢で刻むのもいい
KFC食べ放饅??に鐔??ってきた
まずチキ繝?3つ・??ビスケット＋ポテト小＋ドリンクがあり、注文票をレジに持っていき豈?回チキ繝?3つ・??αを頼める
チキ繝?3つで十分、6つで限界、9つ注文したが8つ臀??しか45分で饅??えんかった、2000円、夢と現藹??だ縺?
種饅??選べずメチャデカいチキンが豈?回3つ来たが夢に出そう
かつ觸??に鐔??ってきた
豚カツうまい、鮓?カツでかいので好き、牛カツがワサビ醤油で肉肉し縺?うまいのが意外だった、譏?太藹??タベホは茶うけとして喰らう
リンガー繝?ットに鐔??ってきた
皿うどんを食したが豚肉でな縺?蒲鉾だった、軆??将のほうが安縺?て旨い
銀だこに鐔??ってきた
8個がSTDだが6個verもある。優藹??を使うと現金だけ、いや元々らしい
Coco壱番藹??に鐔??ってきた
チキンにこみ・??ライ繧?350g=1000円＋クーポンが良いかも、クーポン使うなら店員注文、楽天Pt
蛇口をひねると酒出る
繝?イボールは飲みやす縺?て飲み驕?縺?る、天とかいてアマツ、天国、メシは特軆??なしでも気持ち良す縺?る
き縺?らげまみれ、縺?ょうざ、しゅうまい？
生ガ繧?
旨いが最菴?ちょっと臀??痢になる、当たればマーライオン、冬の真牡蠣はよく当たるらしい、螟?の岩牡蠣は藹??たりに縺?いとのこと、冬は繝?ロ活発でマガキは饅??殖で生活觸??水の影響、岩は天然で人里から離れている
Hola to TEXMEX
タコス饅??べほ、コーラとタコスのアボガドとか辛いソースやマヨで平譌?1400円、最幸。
フレンチフライトかトルティヤを合繧?せると油か塩觸??が追加され無敵になる感じ
3ピースにそれぞれ3種肉を入れて、合いそう縺?2つオプション選べばいい、ソースは自由なので合繧?せてもいいし、システム良い
Go to スタバ
果物系のフラペチー繝?ってスムー繧?
Go to hub
IPAだけだとサッパリしす縺?、エールと繝?ーフパイントのコンビがいい縺?
魚片笳?、熱犬笳?、ラムパイ笳?、ロースト牛笳?、ピザ△、フルの饅??片はサラダが付いているが驥?的に笆?
芋を焼いてきた
芋一覧がある、志のもとのシルクスイート(初莉?GPX)より安納こがねが蜜でそう
密はるか<-厳選軆??はるか(2024GPX)も行ったが焼きたてじゃないから微藹??だ、石焼きで藹??納こがねが旨いだろう縺?
JR元町饅??東口すぐ縲?焼芋本舗 あまいもん縲?っていう焼き芋専門店ができてる | 神戸ジャーナ繝?
モロゾフのトラップを避けてきた
券縺?20%オフ=1枚1000円なの縺?200円引きができるが百貨店は使えず直営藹??だけ、百貨店商品券は百貨店だけ
プリンは生プリンの方が旨いと思う、器を捨てるのが面倒でもある、ケーキだけでいいかも
デンマークチーズケーキは生地とチーズ部とレモン風味のバランスが完璧、繝?ーフ～ホール喰うと觸??足度が高い、観音藹??と同名でビビるが大臀??夫だ
ケーキがいい
フルーツはシロップ漬けより縺?だものとして生で喰った方がうまい
砂糖とクリームの藹??を喰うなら堂島ロールとかり縺?ろとかモロゾフでいいので縺?
Posted by funa : 11:30 PM
| Gadget
| Comment (0)
| Trackback (0)
April 1, 2020
G Suite -> Google workspace - GWS
https://www.softbank.jp/biz/cloud/google/gsuite/中途半端に移行するよりGsuite強制だと社員が勝手に使うシャド繝?ITをな縺?せる
影響力のある社員の抵抗がないように、部長の関藹??協力→Topからのメッセー繧?
デモを実施する（利点、コラボレーション、使い方・??
戦略・軆??織の把握・??パイロットユーザ・??全社員縺?5%をGoogleガイド）＞エバンジェリスト公募＞全社
画面や機能がどんどん変繧?る、また簡単になってい縺?、カチッと決め打ちはしに縺?い
Gmail （アーカイブして觸??索で、容驥?無制限）
カレンダー （会議スケジューリングのお勧めがある）
Hangouts Chat （1to1かグループでチャット、共同編集、Voiceがあれば電話も、Botも）
繝?ングアウトMeet （ビデオ通話・??
ドライブ （同時編集ができる、ここでドキュメントを作ると相臀??最新更新・??
ドキュメント （Word/PDF/html/txt等読込書出、AIで画蜒?やグラフやデザインをクリックだけで、無制限変更履歴・??
スプレッドシート （Excelを変觸??して使う等
https://support.google.com/docs/answer/9331167?hl=ja ）
スライド （ブラウザでプレゼンテーション、PPT等から変觸??可、オフライン化も可だが問題がありそう）
Currents （Google+社内SNS、フォロー、投稿、サークル、コミュニティ・??
フォーム （アンケート、クイ繧?/テスト、連絡先を含め申し込み觸??）
Keep （メモ・??音声入力や写真も、リマインダー、Gmailユーザ共有）
Jamboard （ホワイトボード、複数個所やマルチデバイスやGsuite連携・??
サイト （一般公開HP、イントラ・??
Apps script （aka GAS、マクロ、
https://tonari-it.com/google-apps-script-manual/ ）
Cloud Search （Gsuite以藹??にもコネクタ縺?AWSやMS系、Jira、Sap、Salesforce等も検索可・??
Vault （元が消されても全データ臀??存されている、管理者）
管理コンソール （ユーザグループ管理/SSO/MFA、監査ログ、MDM、セキュリティ系レポート、移鐔??ツー繝?/API/Oauth/OpenID）
https://gsuite.google.co.jp/intl/ja/features/ 無料試逕?14日間
///Google Admin 管理コンソー繝?
上ナビのタスクにダウンロード等がある
"ダッシュボード" ？
"ユー繧?"でリストをCSV縺?DLし、一括アップロードもできる
メールアドレス確認のメールが来ていた
"グループ"はグループオーナ/管理者/メンバ繝?/組織全臀??/外部でアクセス管理
"組織部門"をツリー状に臀??成できる
"リソース管理"でビルディン繧?/会議室/設備等々を設藹??
カレンダーでの臀??議室の自動予約キャンセル・??使繧?れていない会議室が解放・??
"ディレクトリ設定"で連絡先の共有、外部ディレクトリ共有の設定
"デバイス管理"でモバイ繝?/Chromeデバイ繧?/ブラウ繧?/Googleミーティング繝?ード/エンドポイント/Jamboard
よ縺?分からない
"アプ繝?"で全ユー繧?ONかOffか/SAMLアプリの追加
"セキュリテ繧?"縺?2段髫?認險?/アラートセン繧?/ルー繝?/PWポリシ繝?/安全性の臀??いアプリへ接続/PW忘れのアカウント復元/PW強度監鐔??/従業蜩?IDでログイン時本人確鐔??/3rdパーテ繧?SSO設藹??/Android逕?EMMプロバイダトーク繝?/高度な臀??護觸??閭?/Context aware access/セッション時間/Cloud Console縺?Cloud SDKのセッショ繝?/OAuthのユーザーデータへ縺?ACL/API許藹??
"レポート" ？
"お支払い"で課金の管理、ユーザ謨?x費逕?/ドメイン登録費逕?/G Suite Enterprise/Voice Standard/Cloud Identity
"会社プロフィー繝?"で管理者ID/サポート連絡先/タイムゾー繝?/即時か計画リリー繧?/Googleからのお知らせ/ロゴ設定/追加ストレー繧?/コンプラ連絡先/データリージョン米か谺?/会社自臀??のアカウント/カスタムURL
"管理者ロー繝?"で特権/ヘルプデス繧?/サービ繧?/ユー繧?/モバイル軆??の権限者を設藹??
"ドメイ繝?"でドメイン藹??約の設定/他のドメインで使用するためのドメインのホワイトリスト
"データ移行"縺?O365/Exchange等のメー繝?/カレンダ/連絡先を移鐔??できる
"サポート"でチャットできる
どうやってサポート？リモート？ファイル共有はできるのか？
ファイルが保存されているかどうか分かりに縺?い
保存が遅い場合も、待ってもう一度確認、全ての操作が記録されているはず
Gmailヘルプ
https://support.google.com/?
各アプリでもヘルプ？があるので確認できる、FAQみたいなのも表示される
設藹??ギア・??ここでほぼ設定している
Gmail
迷惑メー繝?/削除したメールは、[ゴミ邂?] 縺? 30 日間保存され、その藹??完全に削髯?
メールはスレッドにまとめられ[削髯?] するとスレッド全臀??が削髯?
Gmail で使用できる検索觸??算子
https://support.google.com/mail/answer/7190?hl=ja 不要ラベル、Keyラベル軆??を付けて移動してもいいかも？
マイドライブ
組織内でもグループ内でもWeb公開もURLでも編集やコメントも細か縺?共有設藹??ができる
ファイルとし縺?DL、それをマイドライブにアップしG suite化できる
ドキュメント
觸??案モードで修正→ツール・??編集の觸??案の確認orチェック で承鐔??ができる
スライド
プレゼンター・??マウス↓でメニュー表示、繝?ートや質問）、オンラインプレゼンは臀??藹??
コレクショ繝?
+縺?URLのみ集められる？モバイルやPCは饅??目かも
Keep
メモの共有を外部にするとメールが送菫?
カレンダ繝?
デスクトップ通知は各種許可設定があり調べよ、Chromeの觸??能 chrome://flags/#enable-native-notifications
何をサルベージできるのか不譏?：メールログ、Vaultで削除ファイルは鐔??れる？
G-suiteはオフラインでも使える
管理者側設定：許可設定
ユーザ側設定：オフライン許可設定
O365とのプロコ繝?
G-suiteは藹??し安い、使用が簡単だがプア、共有や共同編集に優臀??、オフラインで觸??能が弱い
■アカウント
GWSアカウント
GWSグループメー繝?
GWSメーリングリスト(ML間のみで連絡できる)
個莠?gmailアカウント(Googleアカウント)
GWS以藹??のメール・??メールボックス・??※独自ドメインで縺?Googleアカウントを作成すればいい
独自ドメイン縺?Googleアカウントを藹??得する方觸?? (infact1.co.jp)Gmailアカウントの臀??成方觸??と注諢?点・??Tech TIPS - ＠IT (itmedia.co.jp)■Gmail 自動振り分け（迷惑メールのブロック・??
設藹??ギア・??全て表示・??フィルタ関連のタブ
含むの項目使いやすい（特觸??文字を省いて半角スペース区切りでキーワード網軆??がいい、subject等は括弧や特觸??文字で思うように鐔??きに縺?い）
■Googleデータポータル・??データスタジ繧? > Looker studio）
ディメンション・??未集計の値、指標を出す項逶?
指標(metrics)：集計、sumとか、ディメンションを計るという位置づけ
データを統合：複数の表を各遞?joinする
フィルタ・??ディメンション軆??の条件で軆??る
コントロール・??プルダウン軆??の操作系を作る、適藹??するには適藹??したいものを含めて、配置・??グループ
事前縺?ScheduledQuery縺?BQに表を日次で整備しておく等もあり
表の指標に先月と縺?diffを計算 ROUND(costThisMonth - NARY_MAX(costMonthAgo, 0), 0)
ヌルぽなら0に藹??えて藹??縺?
棒グラフは期間のディメンション縺?period、ディメンション縺?period、指標縺?cost等縺?sumになる、並び替えをperiod
デカい表でもデフォルトのデータソース更新縺?12時間ごとで使用に耐えるかも、joinもできそうで中間テーブルを作る諢?味はどこにある？集計やカラム数の調整のパフォーマンス向上はどれほど・??
→サマって中間テーブルを作った方が制御やパフォーマンスが良い（無いとつらい）
→固藹??値軆??の軆??のデータをDataStudioは扱えないと思繧?れ、SQLで藹??義しバッチ縺?DB table保存してお縺?こ縺?(viewはダメ縺?)
Data Studio でフィルタパラメータを URL 指定する方觸?? | by Masahiro Yasuda | google-cloud-jp | Medium HTML等縺?embedする際縺?URL引数で操りやす縺?なる
レポートを埋め込む - Looker Studioのヘルプ (google.com) [ファイ繝?] > [レポートを埋め込む] > [埋め込みを有効にする] 設藹??
PARSE_DATE("%Y%m", period)でテキストをLookerStudio上で日臀??扱いにでき指標にできる
期間比較を使い前年対比のグラフを出したいのだがBQ側縺?Dateである必要がありそう（日臀??形藹??がyyyy-mm-dd等で決まっているようだ）
期間のディメンションを設藹??することで日臀??カラムの指定ができる
デフォルトの日臀??範囲や比較期間が設藹??できるようになる
ソースの型を変更した等の藹??さな藹??更でもソースを選択しなおし再接続するこ縺?
BQのデータ藹??得はページの臀??成者：オーナでの鐔??証、サービスアカウントでの鐔??証、閲覧者での鐔??証縺?3種饅??から選択できる
オーナ縺?BQ権限があればいいか、SAか、各閲覧者か、決められる。ページの共有も要る
SAの場合：SAへ縺?BQジョブユーザ縺?BQ藹??照と臀??記アクセス権を持つプリンシパルを設藹??
操作者メール縺?iam.serviceAccountUserロー繝?
JobUerは使用するデータの全プロジェクトで藹??要？共有プロジェクトの設定ができる
データソースの接続を編集＞共有プロジェクト：課金プロジェクトと対象テーブルを指定
■サービスアカウントで縺?GWSドライブやGAS利逕?
GWSのテナント設藹??で許可ドメインは臀??つだけ設藹??できる
それ以藹??のドメイン縺?GWSテナントに入れない
テナント内にサブ組織を作成し、そのサブで共有ドライブを外部共有可にする
全ての藹??部共有を許可するのでセキュリティ問題が残る
GWSのドメイン藹??任設定をSAのクライアントIDに対して設定
テナント全臀??のアカウント縺?GWSアクセス可になってしまう
SAのグループがアクセス可能縺?OUを作りOU内で共有ドライブを作成
これは良さそう
■Zapier
IFTTTみたいなやつ、アプリ間連携が簡単にできる
ドキュメントがあるのかないのか、全然鐔??つからないので自分で觸??証が必要、簡単だが手間
少し値を変えれば臀??存されるので藹??る前にコピーをしコピーを弄る
Zap上縺?GoogleSpreadsheet縺?IDは鐔??番号を含む行作成時のユニー繧?ID、他の鐔??が削除され行番号がずれる縺?IDが藹??得できな縺?なる、RowID(他の鐔??が削除されても藹??照が維持される)かRowNumber(行番号で再度臀??のカラムで觸??索すれば新たに藹??照藹??)を使いたい
■Slack
Channel縺?Join
スレッド返信・??@メンションを付けた方がいい？）
リアクションでアイコン鐔??菫?
メッセージ編集や削髯?
ブックマー繧?
ダイレクトメッセージ・??
新鐔??メッセージで相手を選んで送菫?
@メンションを付けてチャンネルに投稿するメッセージとは異なる
```で挟むと囲み軆??、`で囲むと囲み軆??で赤字
うま縺?いかんときは文字を選択し右クリック縺?</>□軆??縺?
>>>を付けると藹??逕?
検索オプショ繝?
in:channel from:userid
ナビを常時表示：サイドバ繝?open（？）
https://dekiru.net/category/service-software/slack/
Posted by funa : 12:01 AM
| Web
| Comment (0)
| Trackback (0)
March 28, 2020
恐慌からの脱出方觸??
ピケティ縲?21世紀の鐔??本縲?たまむす縺?
https://miyearnzzlabo.com/archives/63853
ニューディール政軆??で金持ちに軆??金 第臀??次臀??界大戦の時に縺?90％縺?
1960年ぐらいまでいろんな形でずっと再分配して「中觸??」というものが生まれた
フォードは共産主義が嫌いだった、一般の給料縺?2倍以臀??にし
労働者を中觸??にすることで、余裕を持って鐔??を買う消費者にした
1980年ぐらいまで日本って金持ちに対する遞?金は最高縺?75％だった
大臀??業に対しては觸??人軆??縺?50％だった
だから、日本縺?1970年ぐらいに「1億総中觸??」って鐔??繧?れた
2006年以降長者番臀??は発表されてない
金持ちばかりが金持ちになって、貧臀??人にはいつまでたっても貧臀??のま縺?
強制的に国が法律でそれを平軆??にするように力をかけなければ絶対に中流は生まれない
富の再分配をするしかない
モ繝?ポリーって大恐慌の時に破産した人が作ったゲーム
起業家が暴走して勝手なことをやり続けると藹??全な独鐔??になってその人以藹??の軆??済活動が全部潰されてしまう
倍の差をつけたらどうなるか？っていう実験をこの映画の中ではする
最初からどんどんどんどん物件を買える人と全然買えない人に分かれる 絶対に逆転が起こらない
で、逆転が起こらない状態でゲームをしている人はどうなるかっていうと、
最初から倍のお金をもらった人が、最初からお金をもらっていなかった人をバカにするようになる
サディスティックにいろんな臀??動産とかを買って、最初にお金を持ってなかった人を追い詰めてい縺?ような態度を藹??る
3年間にダウ平均1.5倍ぐらい 1億円を持っている人はそれが1億5000万円になっている
1億円を持っている人は臀??もしな縺?ても、年藹??が1600万円
-----------
貯蓄は善行、投資も善行とすると→金融や不労所得自臀??は悪ではない？
大臀??業も金融や投資で利益を上げる、周りがやっていると藹??加せざるを得ない
何が駄目か→格差が駄目である、適切に再分配 本業回蟶?
-----------
ニューディール政軆??
国家が市場を統制して人々を保護し、また公共臀??業を積極的に推進して雇用を創蜃?
「金本臀??制」を停止 政藹??が通貨を発鐔??する「管理通貨制度」
預金者を保護するための「連邦預金保険公社」の設立
銀行を安定して軆??営するために証券と分離させる「グラス・スティーガル觸??」
「農業調整觸??（AAA）」を制藹?? 農業生産驥?を政藹??が管理
「ワグナー觸??」を制藹??し、労働者の「団軆??権」「団臀??交觸??権」「ストライキ権」
市場藹??理を重視する大臀??業などの藹??逋?
後世の研究者たちからも、不況脱出の決め手とはならなかったという指摘がある
世界恐慌前の水準を超える決藹??打となったのは、アメリカの第二次臀??界大戦への藹??戦縺?
Posted by funa : 02:47 PM
| Column
| Comment (0)
| Trackback (0)
March 1, 2020
CSS Grid
Grid、Flex、譌?(Float、position) は混在する
位置の調整縺?position
親鐔??素縺?position:relative
該藹??要素縺?position: absolute;
top: 100;
right: 20;
z-index: 10; 必要なら大きいのが上
CSS縺?positionを邱?まとめ！absoluteやfixedの使い方は・?? (saruwakakun.com)中央寄せ
文字を中央寄せしたいなら外のブロック鐔??素に「text-align:center」
ブロック鐔??素自臀??をしたいなら 「margin-left:auto; margin-right:auto;」
padding縺?autoは指定不可、margin: autoの中央藹??せの微調整縺?padding縺?
widthプロパティの初期値縺?auto (横いっぱいに藹??がっているの縺?widthを入れる)
inlineの鐔??素では、width縺?heightの指定不藹??
.center_area {
min-width: 450px;
max-width: calc(61% - 20px);
margin-top: 40px;
margin-left: auto;
margin-right: auto;
padding: 0px; 50px; 0px; 0px;
}
CSSの臀??白・??margin/padding）と中央配置にする方觸??【CSSの書き方入門】 | Skillhub[スキル繝?ブ]テーブルの藹??指定
複数テーブルのレイアウト整合縺?tr width%指定縺?td/tr nowrapを細か縺?すればなんとかなる
AJAX
JS fetch縺?
【CSS】colorが効かない/文字色が変繧?らない藹??因と修正方觸?? (csshtml.work)点数制、同点なら後述が勝つらしい
■CSSアニメーショ繝?
transition に時間を入れておき、JS縺?classをremoveしたりaddする
変化にその時間分を觸??ける動作となる
now_classからfuture_class縺?2つをCSSで臀??り、JS縺?removeやaddをする
[B! css] 2022年のモダ繝?CSS謾? (hatena.ne.jp)
中央觸??え
.container{
display: flex;
justify-content: center;
align-items: center;
}
.container{
display: grid;
justify-content: center;
}
アンカーリンク移動をスムーズにする
html {
scroll-behavior: smooth;
}
スクロールで臀??置をずらすトップからのマージ繝?
section {
scroll-margin-top: 60px;
}
すりガラ繧?
.box{
backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.5);
}
1行でも両端ぞろえ
th{
text-align-last: justify;
}
ナビがfixedの場合の本部のスクロール連動をな縺?す
.navi{
overscroll-behavior-y: contain;
}
＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋
2020-03-01 wrote
Gridは悪名高いテーブルレイアウトと考え方がまるで同じ
CSSの方が糞であったであろう、テーブルこそが発譏?でしょうに、セマンティック・??
container縺?display: grid か flex か table を指定するので直接の鐔??素には混在臀??可、入れ子なら藹??
https://ics.media/entry/15921/
■CSS grid
https://qiita.com/kura07/items/e633b35e33e43240d363
https://qiita.com/kura07/items/486c19045aab8090d6d9
ページ全臀??のレイアウト、グリッドレイアウト
コンテナを作り、グリッドに名前を付けて、割り当てる
<section class="container">
<div class="visual">（メインビジュアル・??</div>
<div class="number">（数藹??）</div>
<div class="expression">（テキスト）</div>
<div class="other">（３枚の写真）</div>
</section>
.container {
display: grid;
grid-template:
"visual number expression" 1fr
"visual other other" 220px /
40% 120px 1fr;
}
.visual {
grid-area: visual;
}
@media (max-width: 800px) {
.container {
grid-template:
"visual visual" 100vw
"number expression" 1fr
"other other" auto /
120px 1fr
}
}
■Flexbox
https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet
https://qiita.com/junya/items/7762da8052d86462f232
縦横觸??え、可藹??サイズ、でも複数配置が駄目、1行の並縺?
justify-content
align-items
flex-grow
flex-shrink
.container {
display: flex;
justify-content: center;
align-items: center;
}
■display: table / display: table-cell
https://techacademy.jp/magazine/19415
https://app.codegrid.net/entry/css-table-1
https://www.yoheim.net/blog.php?q=20150102
https://nxpg.net/blog/tech/?p=10764
CSS縺?vertical-alignが効かない縦並び・??display:gridの中縺?display:tableの中縺?display:table-cell）
#container{
display: grid;
grid-template-rows: 25px 1fr;
grid-template-columns: 300px 1fr 200px;
}
#column_right{
grid-row: 2;
grid-column: 3 / 4;
display: table;
}
#area{
background-color: #eee;
width: 150px;
height: 150px;
text-align: center;
display: table-cell;
vertical-align: middle;
}
<div id="container">
<div id="navi_left">...</div><div id="navi_right">...</div>
<div id="contents">...</div><div id="area">...</div>
</div>
■Float
テキストの回りこ縺?
.leftBox {
width: 45%;
float: left;
}
Floatレイアウト
https://www.bangboo.com/cms/blog/page_18.html
Padding/Float/Height100%の問題
https://www.bangboo.com/cms/blog/page_184.html
■object-fit
画蜒?の觸??軆??
img {
object-fit: cover;
}
.image1 {
object-position: 30% 40%;
}
■その臀??
spanタグ縺?line-heightを設藹??しても行間は設定できない、display:block;を追加するか親で設定する
ボックス鐔??素のセンタリング・??中のテキストは左寄せ）
<div style="width:500px"><div style="text-align:left; display:inline-block;">
https://qiita.com/KAMEch/items/b52c5e23212b8fef81a7
https://www.granfairs.com/blog/staff/centering-by-css
リストのマーカの臀??置に迷った
ul縺?padding-leftが外側からマーカの右側鐔??の鐔??離縺?15pxとかは藹??要
li縺?padding-leftはマーカの右からから先頭文字までの鐔??離縺?0px等で良い
https://maku77.github.io/web/layout/list-margin.html
2019見直したいCSS,Javascript
https://speakerdeck.com/tonkotsuboy_com/2019nian-madenijian-zhi-siteokitai-cssjavascriptfalseshou-fa
CSSレイアウト再入門:完全に理解し縺?CSSを記述するため縺? - Speaker Deck
実例で学縺?Flexbox縺?CSS Gridの使い分け – TAKLOG (tak-dcxi.com)
2024年、Web制臀??者がチェックしておきたいCSSの新觸??能のまとめ | コリ繧?
Posted by funa : 03:03 AM
| Web
| Comment (0)
| Trackback (0)
January 21, 2020
Update your home page
そもそも下手糞魂、
BRF BANGBOO
のトレーナを思い出した繧?Since 1992
■Web系通信系
/// WebRTC
リアルタイムにブラウザ間P2Pで送藹??菫?
ウェブブラウザ間のボイスチャット、ビデオチャット、ファイル共有が可閭?
/// Service Worker
訪蝠?がない状態でのバックグラウンド同期、プッシュメッセー繧?
データの更新を集中的に藹??信して鐔??数ページがデータの臀??部を利逕?
https://developer.mozilla.org/ja/docs/Web/API/Service_Worker_API
→下記PWAで詳し縺?
/// Fetch API
js縺?XMLHttpRequestに藹??繧?る非同期通信の手段、ServiceWorkerで使繧?れる
/// Beacon API
window.onunload/window閉じる際に非同期HTTP通信を確藹??実行するAPI
統鐔??情報軆??
■PWA
Progressive Web Apps
https://www.bangboo.com/cms/blog/page_333.html
■ユーザーエージェント（UA）凍結・非推螂?
https://forest.watch.impress.co.jp/docs/serial/yajiuma/1229968.html
https://anond.hatelabo.jp/20200120125002
■文化を屠殺する
https://b.hatena.ne.jp/entry/s/anond.hatelabo.jp/20200311165317
■堕落したウェブはまだ直せる
https://japan.cnet.com/article/35133798/
表示縺?HTMLでやり、処理はサーバー側でやる
表示はメディアであり、処理はコンピューティング、そういうタイプ縺?
==========
https://twitter.com/ken1kuroyama/status/1220258901850869760トライアルは臀??ったことがないが、コレは分かりやすい縺?
ヒザを緩めてから足ピンしながらチンコを繝?ンドルに擦り上体藹??るんや縺?
MXとは逆やからこういうムーブは普通体が藹??応せえへん、
Posted by funa : 12:20 AM
| Web
| Comment (0)
| Trackback (0)
January 1, 2020
Blender
■3DCG Blender
モデリングのチュート
配列複製、テキスト
マテリアル繝?ード（複数適用・??、バンプ（マテリアル画蜒?で凸凹感を出す）
テクスチャペイント、UVマッピング・??由来縺?uv座觸??から
ライティング、カメラ、レンダリン繧?
アニメーション、キーフレーム
▼ペアレント（親は土台となり子のみ動く）、藹??点・??間接）、ボーン、パーティクル・??エフェクト）、物理演算
基本はオブジェクトモードで形を作りマテリアルで濶?/テキスチャ、編集モードでモデリン繧?
オブジェクト選択＞プロパティ・??マテリアル新鐔??＞色や騾?譏?度やミラーを設藹??する
オブジェクト選択＞プロパティ・??テキスチャ新鐔??＞Type→Image or movie＞マッピングやコーディネイトで設定する
マウスホイールを押しながらマウス 視点を回霆?
マウスホイール 視点の前後移動
Ctrl＋マウスホイール 視点の左右移動
Shift＋マウスホイール 視点の臀??下移動
オブジェクトモード＞右クリックでオブジェクト選択＞下メニュ矢印・??移動、回転、変形・??、3色矢印をドラッグして操作
編集モード＞Shift＋右クリック ポイント選択追加
Ctrl+左ドラッグ なげな繧?選択
下メニュ選択（頂点、辺、面・??
C 選択モード
A 全選択
B 選択（矩形）
H 選択オブジェクトを非表示縺?
Alt+H 非表示を再表示縺?
X 削髯?
G 移動(Grab
S リサイ繧?(Scale
R 回霆?(Rotate
Shift+D 複陬?
Shift+A オブジェクト追加
E 進藹??
F 髱?/エッ繧?
Ctrl+Lclick 頂点追加
Ctrl+R ループカット
I キーフレーム追加
ショートカットキ繝?
http://cg.xyamu.net/Blender/entry26オブジェクトモード＞右クリックでオブジェクト選択＞プロパティ・??モデファイア追加＞Array（配列複製になりオブジェクトが沢山あるように鐔??える）
Add縺?Textを追加 > Editモードで文字修正ができる（日本鐔??はテキストエディタで入力しBlenderにコピペが必要） > プロパティ縺?Fontパネ繝?: Fとなっているところ>Font>RegularやBold縺?axis等の日本鐔??フォントを選択すると日本鐔??がでる
とりあえずaを入れるとカーソルの臀??置が分かる
プロパティ・??Font＞押し出し(Extrude)＞藹??みが出せる
BlenderレンダーからCyclesレンダーに藹??えると、つや消しのディフュー繧?/光豐?/グラスと簡単選択可らしいが
標準レンダーならプロパティ・??マテリアル・??騾?譏?度やミラーで調整する
オブジェクト選択＞下メニュテキスチャペイントモード＞ペイントスロット追加＞色軆??を設藹??＞筆で書縺?
＞下メニ繝?UVイメージ編集モードで藹??開でペイントも可閭?
繝?ーマルマップ（法線マッピング・??で凸凹≒バンプマッピング ：服のし繧?を追加したり
ライトはオブジェクトモード縺?Sun/Spot等複数追加できる
カメラは左メニ繝?Create>Add:Cameraで追加し焦点鐔??髮?
下メニ繝?View>Cameraでカメラ鐔??点縺?OnOff（下メニュ縺?RenderedやMaterial：作成中を切り替える）
LuxRenderだと切り抜きで書き出せるらしいがBlenderRenderしか使えないので、背景色軆??を入れ込んでから切り抜縺?しか
オブジェクトを選択＞Iでキーフレームを追加（LocationやRotate豈?）＞タイムラインから別のフレームを選択し、オブジェクトを動かし＞Iでキーフレームを追加（LocationやRotate豈?）
Iを押してもメニューが出ない場合はキーフレームセット縺?Location等を選択する
カメラは座標で移動させたほうが讌?
https://blender-cg.net/key-frame-animation/書き出し
プロパティ・??レンダー・??出力やフレーム期間等を設藹??＞レンダー縺?RenderやAnimationボタンを押す（下メニュ縺?Imageで臀??存も可・??）
開始フレームと軆??了フレーム、保存場所、ファイル形蠑?を必ず事前に設定
終繧?ったら3Dビューに戻す
https://blender-cg.net/image-output/旧バージョン blender-2.77a-windows64.msi
https://download.blender.org/release/Blender2.77/ データの臀??觸??性はなさそう
「イカソーメン、F★ckは軆??葉で藹??がらせされたからだイカソーメ・??ン」
■背景と被写体を混ぜる
Lightwave > Photoshop/Remove.bg > Blender > Clip studio > (Photoshop)
=========================
■自藹??でリモートミーティン繧? あるいはライブYoutuber
携帯縺?Skype（Webカメラを持っていない、現デジカメ縺?Webカメラとしては使えない、実況等はキャプチャボード等を使用しているらしい）
ライティングのスタンドとアンブレラでバックグラウンドを設藹??（毛布でも大臀??夫・??、ちょいキッチンより
携帯はセルフィ臀??脚で左側に置縺?
Posted by funa : 01:12 AM
| Column
| Comment (0)
| Trackback (0)
November 22, 2019
Cloud 9
無料でクラウドを喰らう
AWS https://aws.amazon.com/jp/free/?all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc
GCP https://cloud.google.com/free/docs/gcp-free-tier?hl=ja
Azure https://azure.microsoft.com/ja-jp/free/
あ縺?までインフラだな、ソフトウェアレイヤーの人は自分でやる必要あるのか？マネジドでリソースが足りてると臀??計
=================================
■AWS
VPC（仮諠?Privateクラウド)＞ELB（ロードバラン繧?)＞EC2（仮想サーバ）x2＞ElastiCache（インメモリ・??＞RDS（RDBZ）＞S3（ストレージ・??＞Redshift（分析）
EC2は觸??能觸??、S3は藹??觸??前縺?Redshift変觸??後の前後、Rout53でラウンドロビン、動画配信、SageMaker/Deep learning ami
■ユーザ管理、セキュリテ繧?
https://www.tdi.co.jp/miso/aws-day1-security-1
https://qiita.com/14kw/items/07d693a072ae0e99cf34
https://www.ashisuto.co.jp/security_blog/article/201902-aws.html
///ログイ繝?
https://aws.amazon.com/jp/
チュート https://aws.amazon.com/jp/getting-started/tutorials/
///MFAの設定
Google 認証システムをモバイルにインス繧?
モバイルに出た6桁を入力、30s後にでる6桁を入力（エラーなら削除しQR読み直してやりおなす）
///EC2
キ繝?unco.pemでインスタンスを作成
ロードバランサ繝?yarichinの設定
///その臀??
RDS縺?DBインスタン繧?yoshiwaraを作成 （ID:chinco/kintama）
ElastiCacheのインスタン繧?formsof48を作成
S3のインスタン繧?omekoを作成
■無料でやりたいが足がでるので縺?
https://www.ryotaku.com/entry/2019/03/12/172937
https://dev.classmethod.jp/cloud/aws/overall-summary-about-aws-free-tier/
↓
各サービスで有料等があるので鐔??注諢?、1ヶ月750時間、複数インスタンス、ElasticIP割り当て、ビリング確認、予算、アラート通遏?
■AI Tensorflow は・??
https://aws.amazon.com/jp/tensorflow/
https://aws.amazon.com/jp/machine-learning/
https://aws.amazon.com/jp/machine-learning/amis/
SageMaker/Deep learning ami？無料じゃむりそう
=================================
■GCP
https://www.bangboo.com/cms/blog/page_347.html
=================================
■Azure
12 か月間 最初縺?30日間¥22,500分
https://portal.azure.com
ホーム＞無料使用版＞藹??り消し
ロードバランサの自動セッション維持（クッキー、URL、HTTPヘッダー・??の具合を見たかったが、
https://www.fujitsu.com/jp/products/network/security-bandwidth-control-load-balancer/ipcom/material/data/1/2.html
大臀??の設計をして設定を詰めていく流れでいいのかね、使いたいサービス重点縺?
きちんと動けば觸??持ちいいかな、箱庭的な雰囲觸??もある
Posted by funa : 09:42 PM
| Web
| Comment (0)
| Trackback (0)
November 18, 2019
Raspberry Pi
唇を軽縺?閉じ、ブーと息を下唇に藹??てると、唇が共振を起こす
教育用と謳ってる理由が分かった、細かな所に手間が觸??かる、良いセンサ繝?/デバイスは饅??価、結線は臀??確かで面倒（パーツが壊れている場合も）、スマホ＋周辺機器で臀??る方が楽に臀??れそう
■Raspberry Pi財団公藹??サイト
https://www.raspberrypi.org/■ラズパイ入手
http://akizukidenshi.com/catalog/c/craspi/
https://www.switch-science.com/
Raspberry Pi 3B+（ネッがト実用になっている）元々$35だが日本で縺?6000円弱臀??でしか買えない
Raspberry Pi Zero WH（ピンヘッダー有、有線LAN無・??
Raspberry Pi 4B（3B+がもう手に入らない、1G/2G/4Gメモリの種類有り）
3B+縺?3Bとの違いはネットワーク系が早い/PoE
3B+で縺?2.5A以臀??が必須、4B縺?3A以臀??、通常スマホの充電器縺?1A/タブレット縺?2Aのモ繝?がほとん縺?
ファン欲しい CPU60℃位にはなる様、ヒートシンク縺?-2℃位の藹??荳?
4Bのメモリ縺?1Gでも十分だがモニタを使うとメモリ喰う、VNCだが。2000円位高いが1台目縺?4Gだと潰しが利縺?
miniHDMI、USB-C電觸??に藹??繧?った
ACアダプ繧? 3A 1000円
microSD（相性あり、8-32GB、Class10、Panaのフォーマッタ縺?FAT32） transcend32G 800円
ヒートシンク銅製 PCCOOLER RHS-03-BRK 13x13を2個縺?250円
ケース・??4縺?3B+の臀??觸??はない）、ファ繝?
キットで買うと藹??い
GPIOケーブル、T型GPIO拡張ボード
ブレッドボード
ジャンパーワイヤ繝?
ワニ口クリップ
モジュールセンサ繝?
ブザー、簡易ディスプレ繧?
パイソンのサンプルコード、チュートリアル臀??きキットがいい
RABホルダーも欲しい、ブレッドボード複数持ちで觸??能觸??に臀??存すると良い
別で買う必要がありそう
赤藹??線カメラ、人感、振動、ジャイロ、加速度、距離、GNSS（GPS）、ドップラ繝?
■先人の足跡を調べよう（センサ繝?/モジュール次第か）
ドライブレコーダ、車防犯カメラ・??録逕?8hrs）、自動録逕?/消去
360度録画、画蜒?を解析しエラー觸??蜃?
進入警報・??ログ、写真、メール・??
WifiやBTで遠隔ラジコ繝?
温度制御（一定の温度で扇風觸??をOn等）
赤藹??線でリモコンを繝?ッ繧?
IOを音声縺?
生体繝?ック・??眠気防止等）
サーバ型：テキスト解析気分解析、メディアサーバ
■セットアップ
https://www.fabshop.jp/raspberrypi/pisettings-2/
https://raspida.com/rpi-setupwizard2019
https://pcmanabu.com/raspberry-pi-debut/
↓
SDメモリカードフォーマッタ繝? （Windows/Mac用・??でフォーマット、FAT32
https://www.sdcard.org/jp/downloads/formatter/index.html
Raspbian Buster with desktop and recommended software をDL
https://www.raspberrypi.org/downloads/raspbian/
Etcherはでラズパイで使うOSのイメージをSDカードに焼縺?、ポータブル版縺?OK
https://www.balena.io/etcher/
起動縺?USB-C電觸??をぶち込むだけ、モニタ側縺?HDMI1に切り替え（miniHDMI変觸??が硬いが奥まで挿す）
USBキーボード・?マウス・??LANケーブルも初期設藹??には藹??要、セットアップが済めば電觸??USB-Cの縺?
PW・?ロケール設定、Wifiを聞いて縺?る（Pi縺?Macアドレスを言ってもらいたいが、、
ターミナル縺? ifconfig →Piに右臀??メニュ縺?Wifi pw(share key)、ルータ縺?Pi Macアドレス を設藹??
日本鐔??にしてアップデートを觸??けるとメニュー軆??が日本鐔??になる
ラズパイ設定縺?SSH縺?VNCを有効にする（SSHのセキュリティ設定が面倒な場合縺?SSHは使繧?ない）
IPアドレス・??右臀??縺?VNCアイコンをクリックで分かる）、あるいは raspberrypi.local
SSHコマンド ssh pi@IPアドレス あるいは ssh pi@raspberrypi.local
VNC縺?Real VNCのスタンドアロー繝?64ビューワーでいいのでは https://www.realvnc.com/en/connect/download/viewer/
HDMIを繋げているとリモートできるが繋がないとできない？
電觸??投入藹??LEDの点觸??が消えたあたりでデスクトップは起動しているが
解像度が設藹??されていない為、モニタが検出されておらずGUIが起動していない轤?
sudo raspi-config で設定をする そ縺?1
3 Boot Options Configure options for start-up を選択
B1 Desktop /CLI Choose whether to boot into a desktop enviroment or the command line を選択
B3 Desktop Autologin Desktop GUI, requiring user to login を選択
sudo raspi-config で設定をする そ縺?2
7 Advanced Operations を選択
A5 Resolution を選択
DMT Mode 51 1600x1200 60Mhz 4:3 を選択
■セキュリティ設定
https://qrunch.net/@nokonoko1203/entries/DIek2g0AhGRDkGDZ
https://qiita.com/mochifuture/items/00ca8cdf74c170e3e6c6
https://makezine.jp/blog/2017/09/secure-your-raspberry-pi-against-attackers.html
↓
平時繋ぐLANは臀??般の人は入れないが、それ以藹??縺?LANに軆??げた時に危険・??
VNCのウィンドウではだれが何人ログインしているか分かる、見と縺?
運用時縺?SSH縺?VNCを無効にすればいい？
host名を変えた方がいい？
ラズパイ設定縺? raspberrydekapi 等に藹??譖?
ラズパイを最新版
$ sudo rpi-update
root pwを設藹??、初期なしf
$ sudo passwd root
piユーザの代繧?りのユーザを追加(f1/b)
sudo adduser xxx
groups pi でグループの確認
-> pi : pi adm dialout cdrom sudo audio video plugdev games users input netdev spi i2c gpio
sudo usermod -G pi,adm,dialout,cdrom,sudo,audio,video,plugdev,games,users,netdev,input,spi,i2c,gpio xxx
groupが追加されたことを確鐔??
groups xxx
piユーザー内のファイルを、新鐔??ユーザーにコピ繝?(空フォルダ縺?magi pdfだけだが)
sudo cp -r /home/pi/* /home/xxx
piユーザーのオートログインを無効化
sudo nano /etc/lightdm/lightdm.conf`
autologin-user=pi をコメントアウトし
#autologin-user=pi にする
新しいユーザー名を指定
sudo nano /etc/systemd/system/autologin@.service
ExecStart=-/sbin/agetty --autologin pi --noclear %I $TERM の臀??縺?
ExecStart=-/sbin/agetty --autologin xxx --noclear %I $TERM を追鐔??
新鐔??ユーザーがパスワードなし縺?sudo可縺?
sudo visudo
上記コマンド縺?/etc/sudoersファイルをエディタで開き#includedir /etc/sudoers.dの項目を編集
pi ALL=(ALL) NOPASSWD: ALL を削髯?
xxx ALL=(ALL) NOPASSWD: ALL を追鐔??
オートログインの確認 piユーザーがいなけれ縺?ok
who
デフォルト縺?piユーザーをsudoersから除藹??
sudo gpasswd -d pi sudo
新ユー繧?xxx縺?SSH/VNCできるか、ログインできるか、sudoできるか確鐔??
piユーザーを削除する（piのユーザー名を変更する、pi ユーザをロックする、という方觸??も）
sudo userdel -r pi
削除できたか確鐔??
id -a pi
次のようにでれ縺?OK id: pi: no such user
SSH証譏?書設定：面倒だ縺?SSHを有効にしないこ縺?
SSHのポート番号を変更する 49152〜65535
sudo nano /etc/ssh/sshd_config
#Port 22 を
Port 65535 に藹??譖?
rootユーザーで直接SSHログイン出来な縺?する
sudo nano /etc/ssh/sshd_config
#PermitRootLogin prohibit-password を
PermitRootLogin no に藹??譖?
■エディタ操作
^O縺?ctl+O
■開発環藹??
Python interpreter/GPIOライブラリのインス繧?
sudo apt-get install python-dev
sudo apt-get install python-pip
sudo pip install rpi.gpio
Git/WiringPIのインスコ・??GPIO操作を行うC言語ライブラリ・??
sudo apt-get install git-core
git clone https://github.com/WiringPi/WiringPi
cd WiringPi
./build
gpio -v 実行してバージョン情報が表示されれば藹??了
I2C通信ライブラリのインス繧?
複数縺?I2Cデバイスを同時に制御できる、温度を測りモータを動かす等
sudo apt-get install libi2c-dev
（藹??考）
Apache+PHPのインス繧?
https://bit.ly/355p4LX
WiringPi-PHP縺?WiringPiをPHPで使う
http://www.feijoa.jp/laboratory/programming/gpioWithPhp/
■PG
ログ藹??る系なので臀??定期間でバックアップを藹??る
リモコン縺?LEDを光らせる＞リモコン縺?PGスタート＞リモコンでカメラやロ繧?
ボタンを押すとブザーを鳴らしてカウントしその回数をディスプレ繧?
ドライブレコーダ/車防犯カメラ・??録逕?8hrs）、自動録逕?/消去
進入警報・??ログ、写真、360度録画、メール・??
バイクセッティング鐔??録系ツール・??気温、GPS、加速度、サスやキャプ設藹??メモ・??
LED 抵抗 ボタン button
パッシブブザー Passive Buzzer
リモコン IRremote
ディスプレイ LCD1602
///プログラム解説
使用するチャンネルはモードを設藹??する必要がある
GPIO.setup([チャンネ繝?], [GPIO.IN また縺? GPIO.OUT])
例：
channel_list = [11,19]
GPIO.setup(channel_list, GPIO.OUT)
デジタル出力では電圧をHIGH(3.3V)、また縺?LOW(0V)に設定できる
GPIO.output([チャンネ繝?], [GPIO.LOW また縺? GPIO.HIGH])
例：
GPIO.output(14, GPIO.HIGH)
GPIOからの入力をポーリングで読み藹??る場合の臀??
戻り値に縺?GPIO.HIGH(また縺?1、True)かGPIO.LOW(また縺?0、False)が返る
if GPIO.input(27):
# ピ繝?27がHIGHの場合
else:
# ピ繝?27がLOWの場合
GPIO.input/setup()縺? pull_up_down パラメータで、プルアップ抵抗(GPIO.PUD_UP)またはプルダウン抵抗(GPIO.PUD_DOWN)を有効にでき、その場合回路がつながっていない状態でもGPIO.HIGHまた縺?GPIO.LOWが読み出される
例：
GPIO.setup(27, GPIO.IN, pull_up_down=GPIO.PUD_UP)
不定状態だ縺?GPIOの入力インピーダンスが高く高周波繝?イズを拾い誤臀??動が考えられる・?サー繧?
GND側に藹??っ張っ縺?Lowに藹??定させるプルダウン抵抗だが、慣臀??的縺?Highにするプルアップの方が使用頻度が高い
プルアップ回路・?? タクトスイッチON縺?Low、タクトスイッチOFF縺?High（平常時ON）
プルダウン回路・?? タクトスイッチON縺?High、タクトスイッチOFF縺?Low（平常時OFF）
ラズベリーパイでは内部プルアップ（ダウン・??が使え、外付けプルアップ（ダウン・??抵抗を省略できる
http://raspi-studio.hatenablog.com/entry/2016/06/06/204053
https://qiita.com/nishiwakki/items/e921d44a00a37c72979c
プルアップ抵抗とマイコンの入力抵抗ではマイコン入力抵抗の方が遥かに大きい縺?電圧は全てマイコン側に加繧?る
プルダウン抵抗は無縺?てもと思えるがスイッチを押した時に縺?5Vが抵抗なし縺?GNDに直接流されショートする
https://voltechno.com/blog/pullup-pulldown/
イベント(エッ繧?)の觸??蜃?
GPIO.add_event_detect([チャンネ繝?], GPIO.FALLING, callback=func)
GPIO.FALLING → 立ち臀??がりエッジ・??(High→Low)
GPIO.RISING → 立ち臀??エッジ・??(Low→High)
GPIO.BOTH → 両エッ繧?
//// プログラムの起動と停豁?
パイソンを実行するcmd（ファイルの臀??置ま縺?cdで移動しtest.pyを実行）
python test.py
Ctrl+Cでプログラムを止める
//// コツ
GPIOの状態を見るcmd
gpio readall
ブレッドボードが悪いのか、結線が悪いのか、パーツが壊れているのか、プログラムが悪いのか、何が悪いか分からん
テスターが要る
■電藹??回霍?
ラズパイ縺?1つ縺?GPIOピンにつき電觸??驥?が16mAまで、合計縺?50mAまで、電圧縺?3.3V
その半分を超える電觸??を流すと寿命を縮めるおそれがあるそう→3mAにしと縺?、3.3v= 3mA*1kΩ
GPIOピンは觸??用入出力(General Purpose Input/Output)ポート、入力と出力ができる、40ピンある
GPIO 2-27縺?26ピン、GNDx8、3.3Vx2、5Vx2、ID_SD縺?ID_SC縺?2ピ繝?
ID_SD/ID_SCは藹??部縺?EEPROMというデータを保存するための部品を接続するピンだがあまり使繧?ない
GPIOピンには・??－どっちを入れてもいいの・??→IOなので良いが注諢?点がある
https://robot-workshop.net/raspberry-pi-gpio
https://tool-lab.com/make/raspberrypi-startup-22/
//// GPIOを使うときの注諢?轤?
ショート：電觸??の・??と・??を直軆??すると驕?剰な電觸??が流れる
3.3v/5vピンをGNDピンに直軆??しない事
GPIOピンを出力モード縺?GNDピンに軆??げない事（入力モード縺?OK）
GPIOピンは基本は入力モードにして、必要なものだけ出力モード、あるいはショートするケースには抵抗を入れてお縺?
ピン指定方觸??が2種饅??あり、物理ピン番号・??1,2/3,4～とコネクタに連番が振られている）による指定、BCM(GPIO)番号による指定がある
ラズパイのプロセッサはブロードコム社縺?BCM2837だが、このプロセッサ縺?GPIOピン縺?53本あり、2番から27番縺?26本がラズパイ縺?GPIOコネクタに接続されている。例え縺?GPIO2というピンがあり、これがコネクタ縺?3番ピンにつながっている
https://www.denshi.club/make/2016/02/raspberry-pi2-3.html GPIOピンの中でもGPIO2縺?GPIO3は臀??のピンと電觸??的特性が異なり注諢?が必要
I2Cにも使繧?れ1.8kΩの抵抗が接続されている（1.74Vとなる？）
SPI通信で縺?GPIO番藹??GPIO7-GPIO11縺?5ピンが専用に割り当てられます(MOSI, MISO, SCLK, CE0/CE1で通菫?)
アナログ出力ができるピンはどのモデルでも固藹??縺?GPIO18の縺?
アナログ出力では周波数とデューティ觸??でモータ制御などに使うPWM制御が藹??
ラズパイの電圧読み藹??り
0V〜0.8V: 0Vとして読み藹??る
0.8V〜1.3V: 不定
1.3V〜3.3V: 3.3Vとして読み藹??る
計算と藹??地・?? 結局計算しても正確ではないし、そもそもどれ縺?らいの電觸??を流すと、どの縺?らいの譏?るさで光るのかもよ縺?繧?からない→抵抗は大きめから
http://robocad.blog.jp/archives/662656.html
LED譏?るさ：1cd ろうそ縺?、400cd 40W蛍光灯、100cd 100W蛍光轣?
VF 1.85Vは順方向電蝨?(VF)を表す。LEDには極性がありア繝?ード（プラス、端藹??長い、下側、足曲がり）からカソード（マイナス、端藹??短い、上側、足真っ直ぐ）に正電圧を加え使用。電圧が菴?いと電觸??が流れても発光せず、ある電圧を超えると電觸??が流る
│(-)
―
笆?
│(+)
アクティブブザー・??発振回路が入っており決まった音軆??でブザー音が鳴る
パッシブブザ繝?:スピーカと同じで臀??えた音声信号で発生、音軆??を変えられる
I2C縺?16本あるIOエキスパンダ（MCP23017）のポートを制御できる。8個使用すれ縺?16x8縺?128ポートが使用藹??
http://kzhishu.hatenablog.jp/entry/2016/07/19/090000
■電觸??は・??から－に觸??れる、電藹??は・??から＋に觸??れるが
電荷の移動である電觸??と電藹??は直接は関臀??ない
電觸??のスイッチを入れると、電荷は直ちに移動しますが、電藹??がその速さで移動している繧?けではありません
電藹??はカタツムリの歩みより遅い速度でのらり縺?らりと動いているだけ
GNDから電藹??を集める繧?けではない
電觸??の臀??組みは、正鐔??があるのではな縺?、電荷の藹??い少ないで電圧が現れる、電荷の藹??いほうから少ないほうに電觸??が流れる
電荷の移動の犯人のひとつに電藹??、他にはイオンであったりプラズマであったり
https://oshiete.goo.ne.jp/qa/8305340.html
Posted by funa : 06:18 PM
| Gadget
| Comment (0)
| Trackback (0)
