投稿時間:2021-06-03 10:28:30 RSSフィード2021-06-03 10:00 分まとめ(32件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	TechAcademyマガジン	プログラミングが学べる「京都女子大学」について	https://techacademy.jp/magazine/66473	プログラミングが学べる「京都女子大学」について本記事ではプログラミングが学べる「京都女子大学」について紹介します。	2021-06-03 00:15:53
AWS	AWS Japan Blog	AWS Elemental LiveオンプレミスエンコーダーでJPEG XSおよびSMPTE2110-22をサポート、AWS クラウドでの非圧縮動画ワークフローを実現	https://aws.amazon.com/jp/blogs/news/jpmne-aws-elemental-live-supports-jpegxs-and-smpte2110-22/	この度のElementalLiveのJPEGXS及びSMPTE入出力サポートにより、AWSCDIフローにAWSDirectConnectを効率的に利用することで、オンプレミスのSDIおよびSMPTE動画ネットワークをAmazonElasticComputeCloudAmazonECVPCライブ動画ネットワークにブリッジできるようになりました。	2021-06-03 00:34:11
AWS	lambdaタグが付けられた新着投稿 - Qiita	terraformによりlambdaとしてコンテナイメージをデプロイ	https://qiita.com/yoshi65/items/da51da3ec8f625e6437c	簡素なmoduleが用意できる必要な引数はfunctionnamedescriptionroleで、あとはデフォルト値を設定lambdaとecrを一度に作成できるダミーを使わない場合、lambdaを作る前にecrを作り、イメージをpushしておく必要があるサクッとダミーイメージを用意するそこでダミーイメージを簡単に作れるようにしたyoshilambdahelloworldimage。	2021-06-03 09:59:47
デザイン	コリス	2021年、Webフォントの表示を最適化するテクニック	https://coliss.com/articles/build-websites/operation/work/optimizing-the-display-of-web-fonts.html	続きを読む	2021-06-03 00:36:14
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	記憶とは逆の答えを出す分類器を作りたい	https://teratail.com/questions/341867?rss=all	記憶とは逆の答えを出す分類器を作りたい実現したいことタイトルの通り、覚えていたものをわざと逆に答えて間違える、あまのじゃくみたいな分類器を作りたいです。	2021-06-03 09:55:03
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Webシステム上でのWebカメラによるストリーミングデータの画像変換→画像ファイルとしてのNAS上での保存について	https://teratail.com/questions/341866?rss=all	Webシステム上でのWebカメラによるストリーミングデータの画像変換→画像ファイルとしてのNAS上での保存について前提・実現したいことWebシステムでの質問です。	2021-06-03 09:51:44
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	random_state で乱数の種を指定できるよう拡張したい	https://teratail.com/questions/341865?rss=all	randomstateで乱数の種を指定できるよう拡張したい実現したいことMemorizeという自作の関数に、オプション引数nbsprandomstatenbspを指定できるように拡張したいです。	2021-06-03 09:46:49
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Googlesiteから独自ドメインへ移行する	https://teratail.com/questions/341864?rss=all	Googlesiteから独自ドメインへ移行する前提・実現したいこと現在、Googleサイトを使用し、sitegooglecomviewでサイトを作成していましたが、この度サイトをリニューアルし、独自ドメインのサイトを立ち上げました。	2021-06-03 09:35:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	https://underscores.me/からダウンロードしたテーマのテンプレートパーツが読み込まれない。	https://teratail.com/questions/341863?rss=all	ダウンロードしたテーマをそのまま適用してTOPPAGEを表示させておりますが、メインコンテンツ以外の表示がありません。	2021-06-03 09:32:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	bootstrap4にnon-resposive.cssは流用できるのでしょうか	https://teratail.com/questions/341862?rss=all	bootstrapにnonresposivecssは流用できるのでしょうか【質問内容】bootstrapに対して、vのnonresposivecssを流用して一部ノンレスポンシブ化が可能でしょうか。	2021-06-03 09:26:50
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	スマホ表示時に画像を横幅いっぱいに広げたい	https://teratail.com/questions/341861?rss=all	スマホ表示時に画像を横幅いっぱいに広げたいスマホの表示時に縦並びにした画像を横幅いっぱいに広げたいです。	2021-06-03 09:23:09
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【HTML、CSS】スクロールしたときに画像を固定させたい	https://teratail.com/questions/341860?rss=all	【HTML、CSS】スクロールしたときに画像を固定させたい前提・実現したいことHTMLとCSSを使ってWebサイトを作っています。	2021-06-03 09:19:45
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Python Seleniumを用いたfor文ができない！	https://teratail.com/questions/341859?rss=all	PythonSeleniumを用いたfor文ができない前提・実現したいことタイトル通り、Seleniumを使ったfor文で躓いています。	2021-06-03 09:15:22
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Ansible Engine と Ansible Projectの違い	https://teratail.com/questions/341858?rss=all	AnsibleEngineとAnsibleProjectの違い分からないこと今nbspAnsiblenbspProjectnbspはが最新だと思うが、AnsiblenbspEnginenbspのバージョンはいくつなのか私の認識AnsiblenbspProjectnbspはAnsiblenbspEnginenbspのアップストリーム版。	2021-06-03 09:13:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Centos8でsudo yum updateするとエラーがでる	https://teratail.com/questions/341857?rss=all	Centosでsudoyumupdateするとエラーがでるお世話になります。	2021-06-03 09:10:23
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rubyコーディングでの、chompメソッドとchomp!メソッドの違いについて	https://qiita.com/Yoshino0001/items/118f61fbb4e2e00c2a8c	入力が下のようにあるとする佐藤加藤田中それに対して、改行コードも含めて配列で取得するteamgetssplitこの配列をeachとchompメソッドを用いて出力する。	2021-06-03 09:36:15
Ruby	Rubyタグが付けられた新着投稿 - Qiita	railsチュートリアル　５章　備忘録	https://qiita.com/subaru-hello/items/fc0b98d4a652f94075ad	引用文献Wikipediaソースコード⇨プリプロセッサ⇨コンパイル⇨コンピュータの順でコードがPCに入力されていくんだろうなと思ってる。	2021-06-03 09:07:21
AWS	AWSタグが付けられた新着投稿 - Qiita	terraformによりlambdaとしてコンテナイメージをデプロイ	https://qiita.com/yoshi65/items/da51da3ec8f625e6437c	簡素なmoduleが用意できる必要な引数はfunctionnamedescriptionroleで、あとはデフォルト値を設定lambdaとecrを一度に作成できるダミーを使わない場合、lambdaを作る前にecrを作り、イメージをpushしておく必要があるサクッとダミーイメージを用意するそこでダミーイメージを簡単に作れるようにしたyoshilambdahelloworldimage。	2021-06-03 09:59:47
AWS	AWSタグが付けられた新着投稿 - Qiita	Kubernetes学習のためのDocker入門	https://qiita.com/ozora/items/e77485159911a0d35fd1	コンテナ実行時にノード上に使用するDockerイメージをpullして取得する必要があるため、Dockerイメージはなるべく軽量にすることでDockerを使う利点である軽量で高速な起動を最大限に生かすことができます。	2021-06-03 09:36:21
Docker	dockerタグが付けられた新着投稿 - Qiita	Kubernetes学習のためのDocker入門	https://qiita.com/ozora/items/e77485159911a0d35fd1	コンテナ実行時にノード上に使用するDockerイメージをpullして取得する必要があるため、Dockerイメージはなるべく軽量にすることでDockerを使う利点である軽量で高速な起動を最大限に生かすことができます。	2021-06-03 09:36:21
技術ブログ	Developers.IO	[初心者向け]AWS Well-Architected ドキュメントの歩き方	https://dev.classmethod.jp/articles/aws-well-architected-guide/	awswellarchitected	2021-06-03 00:21:56
海外TECH	DEV Community	Happy Pride Month! I created a flag compilation video to celebrate!	https://dev.to/baenencalin/happy-pride-month-i-created-a-flag-compilation-video-to-celebrate-1k5o	Happy Pride Month I created a flag compilation video to celebrate I created a compilation video of the pride flags and their meanings to celebrate pride month this year Happy pride month everyone Stay proud	2021-06-03 00:37:20
海外TECH	DEV Community	An actual complete guide to typescript monorepos	https://dev.to/cryogenicplanet/an-actual-complete-guide-to-typescript-monorepos-240l	An actual complete guide to typescript monoreposWhen I was setting up our production monorepo at modfy video I found most typescript monorepo guides were quite lacking in addressing a lot of more detailed problems you run into or how to solve them with modern solutions This guide aims to do that for with the best in class tooling at this time That said when using modern advanced tooling you can and will run into some compatibility problems so this guide might be slightly esoteric for you This guide is really optimized towards typescript monorepos that also contain packages that can be deployed but really should work for any typescript monorepos Getting startedFor this guide we will be using pnpm but this should mostly work the space with yarn just swap out pnpm workspaces with yarn workspaces This will likely not work well with npm and would not recommend using that Base directoryTo get started we need to setup our base directory it will contain a few key files which will be explained in more detail below Your base directory once completed will look something like ├ーjest config base js├ーjest config js├ーlerna json├ーpackage json├ーpackages│  ├ーpackage a│  ├ーpackage b│  ├ーpackage c│  ├ーpackage d ├ーpnpm lock yaml├ーpnpm workspace yaml├ーREADME md└ーtsconfig jsonWe can start by setting up our package jsonFeel free to swap pnpm out with yarn name project name repository repo devDependencies scripts prepublish pnpm build verify lerna run verify stream prettier lerna run prettier build lerna run build test NODE ENV development lerna run test stream husky hooks pre commit pnpm prettier pre push pnpm verify dependencies private true version workspaces packages Some basic dependencies we can install arepnpm add DW husky lerna Nice to havespnpm add DW wait on wait on url to loadpnpm add DW npm run all run multiple scripts parrellely or syncpnpm add DW esbuild main build toolThese are definitely not all the dependencies but others will be based on your configFinally your gitignore can look like thisnode moduleslerna debug lognpm debug logpackages libpackages dist ideapackages coverage vscode Setting up workspaceSetting up pnpm workspaces are really easy you need pnpm workspace yaml file likepackages all packages in subdirs of packages and components packages exclude packages that are inside test directories test tests Full documentation can be found here OrchestrationThere are a few options for orchestration tools you can use like rushjs but for this guide we ll just use lerna Specifically tho we are not using lerna for package management or linking but just for orchestration Similar to the about workspace file we need a lerna json where we set the packages packages packages npmClient yarn useWorkspaces true version Note as we don t care about lerna for package management the npmClient doesn t really matter The only lerna command we care about is lerna run lt command gt this lets us run a script across all our packages So lerna run build will build all the packages in our repository Setting up TypescriptThe example below is for work with react please change the configuration accordingly if you don t need react at all For typescript monorepos we should use a relatively new typescript feature called project references you can learn more about it here Few things to not about it are The only tsc command you have is tsc build which is typescript s multistage buildYou also have to use the composite flag which has a few added requirements To use project references you have to manually add the path to each reference like the following tsconfig json compilerOptions declaration true noImplicitAny false removeComments true noLib false emitDecoratorMetadata true experimentalDecorators true target es sourceMap true module commonjs jsx preserve strict true moduleResolution node resolveJsonModule true allowSyntheticDefaultImports true esModuleInterop true lib dom dom iterable esnext webworker skipLibCheck true forceConsistentCasingInFileNames true isolatedModules true exclude node modules lib dist references path packages package a tsconfig build json if you tsconfig is something different path packages package b path packages package c path packages interfaces Finally it is good to add these dependencies as global dependenciespnpm add DW types node typescript Eslint Prettier Optional Feel free to use your own prettier and eslint config here but this is just the one I like and use Dependenciespnpm add DW eslint babel eslint typescript eslint eslint plugin typescript eslint parser eslint config prettier eslint config prettier standard eslint config react app eslint config standard eslint plugin flowtype eslint plugin import eslint plugin jsx ay eslint plugin node eslint plugin prettier eslint plugin promise eslint plugin react eslint plugin react hooks eslint plugin simple import sort eslint plugin standard prettier prettier config standard prettierrc prettier config standard eslintrc env browser true es true node true extends react app plugin react recommended plugin react hooks recommended prettier standard parserOptions project tsconfig json plugins react typescript eslint react hooks prettier simple import sort rules no use before define off prettier prettier error endOfLine auto simple import sort exports error simple import sort imports error groups Node js builtins You could also generate this regex if you use a js config For example require module builtinModules join assert buffer child process cluster console constants crypto dgram dns domain events fs http https module net os path punycode querystring readline repl stream string decoder sys timers tls tty url util vm zlib freelist v process async hooks http perf hooks Packages w Internal packages config Side effect imports u Parent imports Put last Other relative imports Put same folder imports and last Style imports s css import no anonymous default export error allowArrowFunction true allowAnonymousFunction true eslintignore js d tspackages distpackages lib Testing Optional Here s a configuration for basic testing with jestpnpm add DW jest ts jest types jest tsconfig paths jest jestconfig base jsmodule exports roots lt rootDir gt src lt rootDir gt tests transform ts ts jest testRegex tests test spec jsx tsx moduleFileExtensions ts tsx js jsx json node collectCoverage true coveragePathIgnorePatterns tests mock jsx tsx verbose true testTimeout jest config jsconst base require jest config base js module exports base projects lt rootDir gt packages jest config js coverageDirectory lt rootDir gt coverage PackagesNow that we have setup the base repo we can setup the individual packagesWe will cover few broad types of packages here Typescript only packages that is packages that don t need to be deployed with javascript support Examples interfaces or internal only packagesPackages that depend on other packagesPackages with testingPackages with build stepsPackages that are meant to be deployed to support javascriptRegardless of the type of package all packages will consist of same basic config├ー package json can be a standard package json├ー README md can be whatever├ー src│   ├ー index ts├ー tsconfig json For the tsconfig json it should be structured like tsconfig json extends tsconfig json compilerOptions outDir dist Your outDir include src For the package json it can be structured normally but should ideally contain these scripts package json other scripts prettier prettier check src prettier fix prettier write src lint eslint ext ts tsx lint fix yarn lint fix verify run p prettier lint using npm run all verify fix yarn prettier fix amp amp yarn lint fix build whatever the build script is Typescript only packagesIt depends on the use case but if this is like an interfaces package it likely requires no other configuration not even a build script For packages that might need a build script to run regardless there will be more guidance below Packages that depend on other packagesWhen projectName package a depends on projectName package b we should add the following steps to let typescript know about this dependency First in package b we add the following to the tsconfig packages package b tsconfig json extends tsconfig json compilerOptions outDir dist composite true the composite flag include src Second in package a we reference this package like extends tsconfig json compilerOptions outDir dist include ts tsx exclude dist references path package b tsconfig json Packages with testFor packages that are using jest for testing packages package a jest config js Jest configuration for apiconst base require jest config base js Only use the following if you use tsconfig pathsconst tsconfig require tsconfig json const moduleNameMapper require tsconfig paths jest tsconfig module exports base name projectName package a displayName Package A moduleNameMapper For testing you need to have to separate tsconfigs this can be structured like default build or default test For this example we will use default build tsconfig json extends tsconfig json compilerOptions outDir dist composite true rootDir emitDeclarationOnly true include src ts tests ts exclude dist Essentially we don t want to build our tests so we can just ignore them to not cause errors tsconfig build json extends tsconfig json exclude spec ts test ts After this whenever you are building use the tsconfig build json like tsc build tsconfig build json Packages with build stepsObviously there are tons of typescript build tools and this category is very broad even in our monorepo we have four five different typescript build toolsThink of this more as a broad set of tools you can use to nicely achieve thisesbuild I cannot stress how awesome esbuild is its really great and fairly easy to get started with vite I certainly didn t know vite had a library mode but it does and it is very good This would definitely be my recommendation for building any frontend packages for react vue etc library modetsup This is a minimal configuration build tool which wraps around esbuild and has some nice features All these tools are built upon esbuild it is really mind blowingly fast The only catch with esbuild and vite is you don t get a d ts file You can generate a d ts file by adding emitDeclarationOnly true to tsconfig and then running tsc buildIf you are using tsup you can use the dts or dts resolve flag to generate the same All this being said I would follow this issue on swc another fast compiler because it might come with the ability to generate d ts files in the future issuecomment Base configurationsesbuild package json scripts build esbuild src index ts define process env NODE ENV production bundle platform node outfile lib index js postbuild tsc build viteThis is a vite config for react and it has a few steps vite config tsimport path from path import defineConfig from vite import tsconfigPaths from vite tsconfig paths can remove if you don t use ts config pathsimport reactRefresh from vitejs plugin react refresh export default defineConfig plugins reactRefresh tsconfigPaths build lib entry path resolve dirname src index ts name packageName fileName index rollupOptions external react output globals react react jsx package json scripts build tsc tsc build amp amp echo Completed typecheck build vite vite build bundle tsc node build bundleDts js build npm run all build vite build tsc bundle tsc For vite specifically we need to bundle all the d ts files into a single declaration file jsxconst dts require dts bundle package that does this for usconst pkg require package json const path require path dts bundle name pkg name main dist src index d ts out path resolve dirname dist index d ts tsup is the easiest and just that tsup src env NODE ENV production dts resolveThe only caveat is less configurable than esbuild itself Packages that are meant to be deployed to support javascriptThese packages all have to follow the build steps laid out above but this is something I wanted to explicitly address cause I did not see any other guide talk about this In development you want your packages to point to typescript but in production you want to point to javascript a type file Unfortunately this is not natively supported by npm or npmjs to the best of my knowledge luckily here is where pnpm comes in clutch pnpm supports the following config publishconfig package json name foo version main src index ts publishConfig main lib index js typings lib index d ts will be published as name foo version main lib index js typings lib index d ts The catch is you have to use pnpm publish if you use npm publish it will not work General things to note about publishing you need access to public and the files you want to include name monorepo package main src index ts license MIT browser dist index js can directly set browser to js publishConfig access public main dist index js typings dist index d ts files dist You will likely have to use these broad categories together when in production so feel free to mix and match Things I don t have good solutions forCreating new package with a template lerna has a cli thing for this but I couldn t seem to be able to configure it We use a hacky js script Versioning and publishing packages automatically lerna had a thing for this too but it isn t great When a single package goes to v not all packages have to go to vWould love to hear others solution to these and I can update this space with them ConclusionUnfortunately monorepos are still kinda weird and complicated but I hope I gave you some of the tooling we use to make it easier I also apologise if this felt a bit disorganized but it is a result of we came up with this structure with many many iterations and if we started new it probably would be a bit cleaner CryogenicPlanet typescript monorepo example Typescript monorepo example Finally if you are at all interested in video or video editing come checkout modfy videoYou can also find the most upto date version of this post on	2021-06-03 00:23:44
Apple	AppleInsider - Frontpage News	Steve Jobs email confirms Apple considered tablet Mac, 15-inch MacBook Air in 2007	https://appleinsider.com/articles/21/06/03/steve-jobs-email-confirms-apple-considered-tablet-mac-15-inch-macbook-air-in-2007?utm_medium=rss	Steve Jobs email confirms Apple considered tablet Mac inch MacBook Air in An internal email written by late Apple cofounder Steve Jobs offers a window into the tech giant s hardware strategy just after the first iPhone launched in plans that included a tablet Mac and a inch MacBook Air The document made public as part of discovery in Epic v Apple and highlighted by Twitter account TechEmails on Wednesday is a printout of an executive team meeting agenda from August two months after the original iPhone launched While most topics of discussion have since been revealed publicly there are tidbits that offer insight into projects that failed to make the cut For example Jobs refers to a inch MacBook Air that was scheduled for launch or internal planning in the first half of Apple would go on to debut a inch MacBook Air in a classic unveiling that saw Jobs pull the svelte thin and light out of a manila envelope Read more	2021-06-03 00:53:27
金融	ニッセイ基礎研究所	企業年金制度を巡る四半世紀の動きを振り返る	https://www.nli-research.co.jp/topics_detail1/id=67837?site=nli	年月末の加入者数は、厚生年金基金と確定給付企業年金の合計が万人、企業型確定拠出年金が万人で、これを単純合計すると厚生年金加入者共済を除くのにとどまる。	2021-06-03 09:36:12
金融	ニッセイ基礎研究所	中小企業の確定給付年金・確定拠出年金導入の動向	https://www.nli-research.co.jp/topics_detail1/id=67838?site=nli		2021-06-03 09:18:15
金融	ニッセイ基礎研究所	不動産投資における「市場ポートフォリオ」を考える	https://www.nli-research.co.jp/topics_detail1/id=67840?site=nli	また、三井住友トラスト基礎研究所の調査によれば、「不動産私募ファンド」の投資比率は「オフィス」が、「物流施設」が、「賃貸住宅」が、「商業施設」が、「ホテル」がとなっている図表。	2021-06-03 09:17:46
金融	ニッセイ基礎研究所	株式市場での格差が目立つ	https://www.nli-research.co.jp/topics_detail1/id=67841?site=nli	その上で、PBRが倍以上の企業を「企業業績が良好な企業」業績良好企業だと投資家が評価しているとした。	2021-06-03 09:17:04
LifeHuck	ライフハッカー［日本版］	Google ChromeのCPU使用率とバッテリーの消耗を抑える方法6つ	https://www.lifehacker.jp/2021/06/2353103-quick-tips-to-reduce-chromes-cpu-usage-battery-drain.html	googlechrome	2021-06-03 10:00:00
北海道	北海道新聞	警察署で車炎上、２人死亡　鹿児島、駐車場入り出火	https://www.hokkaido-np.co.jp/article/551190/	鹿児島県鹿屋市	2021-06-03 09:11:00
ニュース	Newsweek	元エリート弁護士が、家もカネも投げうって捨て犬ら70匹と暮らす理由	https://www.newsweekjapan.jp/stories/world/2021/06/70-38.php	やがて私たちは、犬以外の動物も引き取ることにした。	2021-06-03 09:25:00
マーケティング	AdverTimes	うまさを知る所ジョージが「キリン のどごし＜生＞」を絶賛！ 特別動画を公開	https://www.advertimes.com/20210603/article352757/	所ジョージ	2021-06-03 00:30:10