サードパーティスクリプトの極限環境向け Svelte
この記事は、 Svelte Advent Calendar 2020 - Qiita の 22 日目です。 昨今では、フロントエンドの JS を減らす圧が強くなってきています。とくに来年 4 月に導入される Core WebVital は SEO に関わるため、 マーケティング文脈でもフロントエンドの改善施策として、パフォーマンスを上げる圧が強くなっています。 Google の UX 指標「Core Web Vitals（コアウェブバイタル）」とは？LCP・FID・CLS を解説｜ ferret JavaScript よ。文明を捨て、自然に還れ。 ::ハブろぐ で、ユーザー体験を遅くするものとしてやり玉に上げられるのが、サードパーティスクリプトという、サイト外から読み込まれる第三者の script です。代表的なものが Google Tag Manager や Twitter や Face
時間を可視化するために | タイム・コンサルタントの日誌から
ガントチャートの「イナズマ線」については、ご存じの方も多いと思う。スケジュール計画を立て、工程表をガントチャートの形で図にしたら、あとは一定期間ごとに、そこに各作業の進捗状況を書き込むのである。 下図は4つのアクティビティからなる簡単なプロジェクトの例だ。企画調査とコンセプト検討は、第4週から始めて6週で終わり、予算確認とレポート作成は7週からはじめて9週の初めに完了する計画だった。ところで、現在は第7週の初めだが、コンセプト検討がまだ終わっていない。事情で着手が1週遅れたからだった。一方、予算確認は1週先行して、すでに完了している。 言葉にするとこんなゴチャゴチャした記述になるが、イナズマ線で描けば明快だ。イナズマ線は、各アクティビティの進捗率にしたがって、50%進捗ならば、作業を表すバーの真ん中に点を、67%ならば作業バーの2/3の場所に点を打ち、それらの点を、縦に線でつなげるのである
Google re:Work - ガイド: OKRを設定する
イノベーション イノベーションを起こすためのスキルを習得し、業務に活かす方法を学びます。
Ruby on Railsの環境構築をElastic Beanstalkで行う - Qiita
この記事について 最近は、主にTipsのところを更新しており、Elastic Beanstalkに関する私的メモのような感じになっております。 2019-04-03 assets:precompileについて を追加 2021-01-21 PlantoformにAmazonLinux2をを利用する場合、eb-activitiy.logがeb-engine.logになる旨を追記 2021-03-23 PlantoformにAmazonLinux2をを利用する場合の環境変数読み込みについて追記 Elastic Beanstalkとは アプリケーションのインフラ周りをよしなにやってくれるAWSが提供するPaaS もう少し説明すると、Webアプリを公開する場合、Webサーバ、アプリケーションサーバ、DBサーバを立てて、それぞれを連携させる必要があります。場合によってはロードバランサ(ELB)でリク
GitHub - pion/webrtc: Pure Go implementation of the WebRTC API
Go Modules are mandatory for using Pion WebRTC. So make sure you set export GO111MODULE=on, and explicitly specify /v4 (or an earlier version) when importing. example applications contains code samples of common things people build with Pion WebRTC. example-webrtc-applications contains more full featured examples that use 3rd party libraries. awesome-pion contains projects that have used Pion, and
ノア・スミス「脱成長論はろくでもないってみんなも気づきつつある」（2021年9月5日）
[Noah Smith, “People are realizing that degrowth is bad,” Noahpinion, September 5, 2021] 脱成長論者が提唱してる狂った構想は，地球を救う本物の対策からぼくらの気をそらしてしまう幻想だ． 「脱成長」を唱える人たちがいる――地球を救うために経済成長を停止する必要があるのだと，彼らは言う．今回は，これがすごくダメなアイディアである理由を解説する長文記事を書くつもりでいた．ところが，ぼくが書くまでもなく，すでにそういう文章を書いてる人たちやポッドキャストで語ってる人たちが他にいる．たとえば，ブランコ・ミラノビッチ，ケルゼイ・パイパー，エズラ・クラインといった人たちだ．そこで，かわりに今回は各種の脱成長論をカタログにまとめて，その要点をとらえることにしよう． ただ，その前にまずは，標準的な主張を見ておこう．そうす
「論理的思考」の落とし穴――フランスからみえる「論理」の多様性/『「論理的思考」の社会的構築』著者、渡邉雅子氏インタビュー - SYNODOS
「論理的思考」の落とし穴――フランスからみえる「論理」の多様性 『「論理的思考」の社会的構築』著者、渡邉雅子氏インタビュー 社会 「ロジカル・シンキングを身につけよう」「これからの教育に必要なのは論理的に話す・聞く・書く能力である」……論理的に考え、書いたりプレゼンテーションしたりする能力はビジネスや教育分野でもてはやされ、現代では欠かせないスキルとして広くうたわれている。 しかし改めて考えると、「論理的」とはなにか？ 「論理的」であることは何に立脚しているのか？ どこでも共通する普遍的なものなのか？ 『「論理的思考」の社会的構築』を著した渡邉雅子氏は、「「論理的」だと感じる思考や論理の型は、実は文化によって異なっており、それぞれの教育の過程で身につけていくものだ」と指摘している。本稿では、「論理」の多様性やその社会的構築過程、小論文教育から見えるフランス独自の論理のあり方、日本におけるア
（2022年版）iOSアプリをAppStoreで公開する手順まとめ
はじめに iOSアプリをAppStoreで公開する手順をまとめました。以下の点に注意して読み進めてください。 Apple Developerの登録手順については説明しません。登録が終わった後にこの記事を読み進めてください。 無料アプリを前提に説明します。有料アプリの公開手順については説明しません。 記事の公開後にApple DeveloperやAppStore Connectサイトの外観が変わるかもしれません。そのため、あえてスクリーンショットは掲載していません。 動作検証については以下の環境で行いました。 macOS 12.2.1 Monterey Xcode 13.2.1 (13C100) それでは、手順1から手順10まで順番に作業を進めましょう。 （手順1）アプリのスクリーンショットを撮影する Xcodeを起動してProducts→Destinationを選択します。 iPhone
Svelte と Sveltekit を触ってみた
記事を書いてから1年半ほど経過した現在（2022年11月）でも稀にいいねをいただきます。ありがたい限りですが、sveltekit は v1 のリリースがまだであり、本記事に書いてあることは変更される可能性があります。（実際にもうすでに動かない構文もたくさん含まれています） そのため、正確な情報が得たい場合には sveltekit のドキュメント を参照するようお願いします。 追記(2022年12月15日) sveltekit v1 リリースされました！🎉 はじめに こんにちは、久しぶりに Zenn に記事を書くので手が震えてます。 うそです、ZennZenn 緊張してません。 最近、個人ブログ を Sveltekit で作り直しました。 ※自分用メモとしての側面が強いかもしれません。 ということで Svelte と Sveltekit についてまとめていきます。 Svelte とは Sv
VSCode の ESLint 拡張が Svelte を認識するようにする
検索しても検索しても前例があまりないので、書いておく。 結論から言うと VSCode の設定検索で eslint.valitate と eslint.probe を検索して、それに svelte を書き足せば終わりだと思う。以下のような。 { "eslint.probe": [ ..., "svelte" ], "eslint.validate": [ "svelte" ] } よくわからなかったら、プロジェクトルートに .vscode/ を作って、その下に settings.json(つまり /.vscode/settings.json)にこれを書き足せば多分動く。 もう終わったので、以下はストレス発散 ESLint は設定ファイルの種類が馬鹿みたいに多いことで有名な Linter である。以下すべてが認識対象である。 .eslintrc.js .eslintrc.cjs .eslint
最新ffmpeg/高度なオプション - netvista
メニュー 変換君について ダウンロード 変換君対応機種 変換君未対応機種 便利な使い方 Transcoding.iniカスタマイズ FFMPEG USAGE 最新FFmpeg mencoder HE-AAC タグ 再圧縮 音ずれについて 報告板 雑談板6 質問する前に 質問専用掲示板41 最新の20件2022-07-05 最新ffmpeg 2008-03-16 REGZA Z2000/Z3500 ZEN Vison系 N601i (SIMPURE N1) L600i (SIMPURE L) 702NK (NOKIA 6630) iRiver H300ｼﾘｰｽﾞ 2015-06-23 コメント/最新ffmpeg -1' 2014-07-18 ??ªÑ??ª®??¢ì??¢ì?¡ß?????®???Ñ 2014-07-17 PSP 2014-06-21 ?¢ë?ª®?¢Ä?ffmpeg/???
心理的安全性の追求は大切だけど一歩間違うとダメな組織になる理由｜佐藤 彰悟 / 越境するNo.2＠初著書『No.2じゃダメですか？』1/29発売
みなさんこんにちは！ ショーゴです。 僕は現在D&I（ダイバーシティ＆インクルージョン）の社会への浸透を推進する事業を展開する株式会社JobRainbowの人事顧問をしていることもあり、普段からESG・SDGs・ダイバーシティといったキーワードに興味関心が強いのですが、近年D&Iを語る上で欠かせない言葉として「心理的安全性」をよく聞くようになってきました。 一方で、心理的安全性という言葉が一人歩きし、解釈が曲がっていることを感じる場面も増えてきています。 そこで今回は心理的安全性の追求にはセットで大事にすべきことがある、というトピックについてまとめてみました。 参考になれば幸いです。 心理的安全性とはそもそも心理的安全性（psychological safety）とは何かというと、 組織の中で自分の考えや気持ちを誰に対してでも安心して発言できる状態のことです。 組織行動学を研究するエドモン
SvelteのフロントエンドをAWSのバックエンドと繋げてみる
はじめに 以前にSvelteで遊んでいる時に①TODOアプリ（フロントエンドだけ）を作ってて、そのあとでAWS Amplifyで遊び始めてから②AmplifyでTODOのバックエンドをつくったんですが、ここまできたら流れ的に①と②を繋いでみようかな、となります。そういう回です。 ①と②の記事はこちら： できあがり お恥ずかしながら、できあがりのデモ画面を。 構成はこんな感じ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ │ Frontend │ │ APIGW │ │ Lambda │ │ │ │ (Svelte) ├─────┤► (REST) ├──────► with ├─────► DynamoDB │ │ │ │ │ │ RubySDK │ │ │ └──────────┘ └──────────┘ └──────────
正真正銘のReactだけの不純物なしでReact入門
Reactのチュートリアル、たくさんありますよね。どれも質が高く、どこから手をつければいいかわからなくなっちゃいます。 ですがやはり巷のチュートリアルには面倒な問題もあります。今回は面倒ごとを全部すっ飛ばしてReactでのウェブアプリ作りに入門してみましょう。 Reactを始めるには、まずあれとこれとそれとどれと…… Reactやるには、まずNode.js入れてbabel入れてreact入れてreact-router入れて、ついでにredux入れてreact-redux入れて、redux-saga入れて…… Reactめんどくせえ！！！ってのが正直なところだと思います。はい、私もそう思います。ただ、まあ、色々必要なのも事実なので……。 それでもやっぱり「ReactやるならReactだけやりたい。他はどうでもいい」という気持ちは簡単に捨てられるものではありません。そこで今回はそういう面倒全部
「四川料理のスゴい人」これまでの全レシピ14品目の振り返り＆総まとめ - メシ通 | ホットペッパーグルメ
人長さんのこれまでの記事を総ざらい 「四川料理のスゴい人」こと、日本橋の四川料理店リバヨンアタック料理長・人長良次さん。 人長さんのレシピを集めた書籍も絶賛発売中です。 ▼人長さん初の著書『四川料理のスゴい人 自宅でつくる本格中華レシピ』（三才ブックス） www.sansaibooks.co.jp これまで『メシ通』でもさまざまな中華レシピを解説し、多くの方から評価をいただきました。 今回は、これまでの連載記事からあらためてそれぞれのレシピのコツや難点をまとめて解説。 あと、もうちょい簡単にしたり、もうちょいおいしくしたりというテクをうかがってみました。 INDEX ▽01:「麻婆豆腐の作り方」を四川料理のスゴイ人に教わったら、目からウロコが3回落ちた ▽02:「四川料理のスゴイ人」に、 辣子鶏（ラーズーチー）の自宅用レシピを教わってきた【ハマる辛さ】 ▽03:自家製ラー油の作り方を「四川
フロントエンドテストプラクティス in open 8
2021/09/13 Open8 で発表したフロントエンドテストプラクティスの話です。
塾講バイトで死ぬほど味わった「絶対に勉強が伸びない子供」、勉強に対して喜びも悔しさも感じない「頑張れない層」の話
アイエンカキドリ @D_novaeguineae 家庭教師やらやった事がある人なら分かると思うんですが、「絶対に伸びない子供」っているんですよね 「悔しい」と思えない子供、マジで教えた所でギリギリ赤点回避みたいなのが多すぎる 2021-09-12 12:45:38 アイエンカキドリ @D_novaeguineae 現状維持すら出来ておらず、どんどん下降していくだけなんですが、本人の中にそれでも「這い上がろう」という意思が見えて来ない以上、このパターンの子供は見るだけ無駄なんですよね 「悔しい」と思う感覚がないタイプは、現状維持をしているつもりでどんどん楽な方に転がると思う 2021-09-12 12:49:53
OBS StudioとREALITYを用いてバーチャルキャラクターでビデオ会議に出る方法（Android/iPhone）｜youten_redo
1. 「仮想カメラ」を使うと、Webカメラの代わりに任意のアプリの映像を用いてビデオ会議をすることができる 通常、パソコンからビデオ会議を行うと、Webカメラからの映像が流れますが、これを仮想カメラを用いることで、バーチャルキャラクターアプリからの映像に差し替えることができます。 パソコンで、組み込みだったり、USB接続のWebカメラを使ったテレビ会議では、Webカメラにうつった映像が、ビデオ会議アプリによって流れていきます。 ここでWebカメラの代わりに、仮想カメラ環境を用意することで、任意のアプリの映像を使ってビデオ会議をすることができます。 本エントリでは、OBS Studio（PC-Windows）とREALITY（スマホ）アプリを用いた手順を紹介します。 母艦がWindowsの手順を主に記載していますが、Macのケースについても最後に補足で記載しています。OBSのところは一緒です
Private Relay と IP Blindness による Fingerprint 対策 | blog.jxck.io
Intro iOS15 がリリースされたため、 Private Relay のベータを試すことができた。 このようなサービスが提供されるようになった背景を踏まえ、挙動を簡単に確認しつつ、解説する。 背景 そもそも、なぜこのようなサービスが出てきたのかを理解するには、現在のインターネットが抱える問題の背景を理解する必要がある。 特に Web において問題になっている「トラッキング」を防ぐために、法的な規制や業界団体の自主規制による対策は長いこと行われてきたが、それでも看過できないインシデントなどが目立ったために、 Apple の ITP を皮切りに 3rd Party Cookie の制限が始まった。 ここで重要なのは、「本来防ぎたいのは 3rd party Cookie という技術ではなく Tracking というユースケースだ」という点だ。 この前提が伝わっていない場合、トラッキングのユ
「動画で助かる」「IT基礎知識が一通り学べる」──各社が公開した新人エンジニア向けの研修資料が話題に 人気資料まとめ
IT企業が社内の新人エンジニアに向けた研修資料や動画を無償公開し、話題になっている。学べる内容はIT業界の文化からゲームエンジン「Unity」を使ったゲーム開発までさまざまで、中には150ページ超のスライドや5時間超の動画もある。 ネット上では「初心者（エンジニア）の指針になる」「IT基礎知識の一通りのことが身につく」「動画があって助かる」などと評判だ。改めて公開内容と目的をまとめた。 サイボウズ、新人ITエンジニア向けに「IT業界文化」など サイボウズが7月20日に公式ブログで、4月から6月にかけて行った研修の資料を公開した。7月30日時点でブログへの「はてなブックマーク」（以下、はてブ）は約1950件、Facebookの「いいね」は約590件付いている。同社は“駆け出しエンジニア”向けとしている。 （関連記事：サイボウズの“駆け出しエンジニア”向け研修資料が話題 Webアプリ開発やIT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ashellunts/ffmpeg-to-webrtc: Stream video from ffmpeg to web(rtc)
「2年目になって泣きながら勉強してる」プログラミングに興味を持つのはいいが、これらの知識を先に入れておかないと入社したときに結構病む
現代フェミニズムの正体｜神崎ゆき
GitHub - Experience-Monks/math-as-code: a cheat-sheet for mathematical notation in code form
レンジで7分＊豚バラと白菜の重ね蒸し by ＊Ａｎｎａ＊