投稿時間:2022-06-16 10:19:01 RSSフィード2022-06-16 10:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Apple、子供向けワークショップ｢サマーキャンプ｣を6月24日より開催へ	https://taisy0.com/2022/06/16/158165.html	apple	2022-06-16 00:05:30
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 海風とプールで“ととのう”　伊豆今井浜東急ホテルで「テントサウナ」	https://www.itmedia.co.jp/business/articles/2206/16/news053.html	itmedia	2022-06-16 09:43:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 小田急ポイントをPASMOへチャージ　8月1日よりサービス開始	https://www.itmedia.co.jp/business/articles/2206/16/news082.html	itmedia	2022-06-16 09:35:00
IT	ITmedia 総合記事一覧	[ITmedia News] ビル・ゲイツ氏、「NFTは大馬鹿理論に基づいている」	https://www.itmedia.co.jp/news/articles/2206/16/news081.html	greaterfooltheory	2022-06-16 09:25:00
TECH	Techable（テッカブル）	社内で埋もれがちな個人のスキルを共有。ナレッジ経営クラウド展開のanyが資金調達	https://techable.jp/archives/180652	archetypeventures	2022-06-16 00:00:41
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	Cogent Labs、AI-OCR「SmartRead」で給与支払報告書を読み取り可能に | IT Leaders	https://it.impress.co.jp/articles/-/23330	CogentLabs、AIOCR「SmartRead」で給与支払報告書を読み取り可能にITLeadersCogentLabsは年月日、AIOCRサービス「SmartRead」に給与支払報告書を読み取る機能を追加すると発表した。	2022-06-16 09:20:00
Google	Official Google Blog	40 European startups selected for the Black Founders Fund	https://blog.google/around-the-globe/google-europe/40-european-startups-selected-for-the-black-founders-fund/	European startups selected for the Black Founders FundIt has been clear for many years that Black founders do not have the same opportunities and support as many others particularly when it comes to funding This is despite the fact that according to the upcoming Black Report of Black led tech startups in Europe generate revenue and create an average of jobs each That s why we opened a second round of investments in the Google for Startups Black Founders Fund in Europe earlier this year a million fund and access to the best of Google ーpeople products and best practices Today we re announcing that startups from the U K France Germany Netherlands Sweden and Spain have been selected to receive funding and support These include Sojo the U K s first clothing alterations and repairs app Feniska a Berlin based pet tech startup creating devices to help cat and dog owners track critical health data and Kuorum in Spain which provides software for secure and legal online voting The full list can be found on our website Almost a third of the founders are women and the selected startups cover all types of industries from health and fashion to security fintech and education While we often hear the lack of diversity in tech is a pipeline problem the variety and strength of this list for the second year running shows that this is not the case Established in the Google for Startups Black Founders Fund provides cash awards ーwithout requiring equity in return ーand hands on support to help Black entrepreneurs build and grow their businesses The Black Founders Fund has awarded more than million in Europe Brazil Africa and the U S to help Black led startups secure funding strengthen communities and create generational change In addition to approximately Euros each in non dilutive cash awards Black Founders Fund recipients receive ongoing Google mentorship and product support to help them navigate every stage of their startup process ーincluding up to approximately euros in Google Cloud credits Founders will also be introduced to each other and to the global Google for Startups community of experts for leadership and growth They will also benefit from partnerships with leading firms for technical support plus legal marketing and capital expertise Last year s recipients went on to raise over million approximately million Euros collectively in funding and hired more than people within six months Today these numbers continue to grow totaling million We can t wait to see what this next group of founders achieves because given the right opportunities Black founders thrive A headshot of Josephine Philips UK founder of Sojo Josephine Philips UK founder of Sojo the U K s first clothing alterations and repairs app A photo of Ropafadzo Murombo Germany co founder of Feniska Ropafadzo Murombo Germany co founder of Feniska a Berlin based pet tech startup creating devices to help cat and dog owners track critical health data A photo of Matías Nso Spain co founder of KuorumMatías Nso Spain co founder of Kuorum which provides software for secure and legal online voting A photo of Fily Kante France founder of ID ProtectFily Kante France founder of ID Protect which aims to put an end to identity theft by enabling professionals to fight fraud effectively	2022-06-16 01:00:00
デザイン	コリス	Tailwind CSSの入門に！ コピペで簡単に実装できるUIコンポーネントとページレイアウトのまとめ -Preline UI	https://coliss.com/articles/build-websites/operation/css/ui-components-based-on-tailwind-css-preline.html	続きを読む	2022-06-16 00:36:53
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonのglobalキーワードを省略できるケース	https://qiita.com/shinya_ohtani/items/d1b2dcb0d39c35cfd375	global	2022-06-16 09:36:20
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript 関数ドリル】中級編のdifferenceBy関数の実装アウトプット	https://qiita.com/yukacchi/items/d341112c5f1e2cff6efb	differenceby	2022-06-16 09:05:14
技術ブログ	Developers.IO	IAMロールを削除する際にはインスタンスプロファイルに注意	https://dev.classmethod.jp/articles/delete-iam-role-with-instance-profile/	callingthedeleteroleopera	2022-06-16 00:00:32
海外TECH	Ars Technica	Moderna, Pfizer vaccines for under 5s overwhelmingly endorsed by FDA advisors	https://arstechnica.com/?p=1861162	covid	2022-06-16 00:07:51
海外TECH	DEV Community	🤖 New Engineering Opportunities - Week #25 of 2022	https://dev.to/shman/new-engineering-opportunities-week-25-of-2022-5e7e	New Engineering Opportunities Week of Hey This is Kamil founder of the Remote Index every week I compile a list of fresh remote engineering jobs to help you find your next remote position Today I have of new jobs I want to share with you Check out all our new jobs from companies like Holland and Barrett Client Server Focal Point Positioning The DaVarsi Partnership D Pipeline The Action Network Inc Akuaro NucleusTeq Kong Favor Tonal and more below Let s dive in Senior Back End Engineer Holland and BarrettRemote London England United Kingdomfull time senior agile api aws backendInfrastructure Engineer Client ServerRemote London England United Kingdomfull time regular agile ansible aws cloudJava Developer Client ServerRemote London England United Kingdom GBP full time regular api aws backend cloudSenior Engineer Focal Point PositioningRemote London England United Kingdomfull time senior c embedded engineering leadSenior Developer The DaVarsi PartnershipRemote London England United Kingdomfull time senior agile api azure c C Software Engineer D PipelineRemote United Kingdomcontract regular d c go javascriptMobile Engineer The Action Network Inc Remote San Francisco California United States of Americafull time regular architecture ios lead mobileSoftware Developer Client ServerRemote London England United Kingdomfull time regular net agile backend blazorTechnical Lead Client ServerRemote London England United Kingdomfull time senior net agile architecture azureSenior Ruby Developer AkuaroRemote Spainfull time senior agile databases design impactLinux System Engineer NucleusTeqRemote North Chesterfield Virginia United States of Americafull time regular bash engineering enterprise linuxEngineer The Action Network Inc Remote New York United States of Americafull time regular c cloud cloudwatch designWeb UI Software Engineer KongRemote United States of Americafull time regular api customer data designStaff Software Engineer FavorRemotefull time regular customer data databases impactSenior DevOps Engineer TonalRemote New York United States of Americafull time senior cloud design devops integrationEngineering Manager The Action Network Inc Remote Madison Wisconsin United States of Americafull time management aws backend c cloudCheck all new engineering jobs I also share new jobs on our Twitter remoteindexcoBy the way do you have any feedback for me Feature requests Companies I should add I built Remote Index for remote workers like you and me so I want to hear what can be improved You can reach me on Twitter shmannet at any time Many thanks Kamil	2022-06-16 00:34:59
海外TECH	DEV Community	Entendendo Redux com ReactJS	https://dev.to/engwilson/entendendo-redux-com-reactjs-p2l	Entendendo Redux com ReactJSAplicações modernas de front end são constantemente controladas por estados que realizam renderizações e definem os comportamentos das suas telas Écomum termos que compartilhar estados entre vários componentes Entretanto em aplicações maiores a comunicação desses estados entre os componentes começa a se tornar mais complexa visto que muitas vezes precisaremos compartilhá los por meio de props entre componentes distantes fazendo com que todos os outros componentes que ligam esses dois tenham acesso a esses estados sem necessariamente precisarem deles Este problema resulta em dificuldades de leitura e manutenção do código tornando o extremamente acoplado com componentes dependentes uns dos outros Este comportamento de compartilhar estados entre diversos componentes que não precisam dos mesmos apenas por estarem no caminho para o componente final éconhecido como Prop Drilling Ilustração do Prop Drilling Fonte Alura Como resolver o Prop Drilling Neste artigo utilizaremos um gerenciador de estados globais conhecido como Redux Ele utiliza de um conceito chamado de Store para salvar todos os estados que vocêprecisar em um único lugar que pode ser obtido a qualquer momento em qualquer parte da sua aplicação Store fornecendo os estados para todos os componentes Como podemos começar a usar Criaremos um projeto em ReactJS que funcionarácomo uma lista de tarefas onde poderemos adicionar uma nova string ao final de um array utilizando um input e um botão De início inicie seu projeto com yarn create react app projeto reduxounpx create react app projeto reduxE instale as bibliotecas que serão necessárias cd projeto reduxyarn add reduxjs toolkit redux react reduxou npm install reduxjs toolkit redux react reduxLembre se sempre de consultar a documentação oficial para conferir se houve alguma atualização Com as bibliotecas instaladas daremos início àorganização de pastas e arquivos Recomendo criar um index js dentro da pasta store que também serácriada dentro da pasta src do projeto Organização dos arquivos do projetoEm seguida iremos criar a nossa Store iniciando a apenas com a estrutura que seráutilizada src store index jsimport configureStore from reduxjs toolkit export const store configureStore Para que toda a aplicação tenha acesso àStore com nossos estados iremos englobar todo o app dentro de um componente que o React Redux nos proporciona chamado Provider que requer uma prop que serájustamente a instância da Store que acabamos de criar index jsimport React from react import ReactDOM from react dom client Redux configimport Provider from react redux import store from store import App from App const root ReactDOM createRoot document getElementById root root render lt React StrictMode gt O Provider éo responsável por disponibilizar a Store para toda a aplicação lt Provider store store gt lt App gt lt Provider gt lt React StrictMode gt E agora como utilizar a Store Por meio das Actions e Reducers que o Redux disponibiliza Fluxo de eventos do ReduxAs Actions são funções que serão executadas e seu retorno seráutilizado pelos Reducers para atualizarmos os nossos estados da Store Sendo assim éonde entraráqualquer lógica e requisição Http que queira fazer Ao final da execução da sua Action énecessário que no seu retorno seja disponibilizado um objeto com os valores que serão salvos no estado e um atributo type sendo ele uma string com um valor único para cada Action que seráutilizado pelos Reducers como um identificador Vamos então criar o nosso arquivo action js dentro da pasta store junto ao nosso arquivo index js anteriormente criado Essa Action receberáo nome da nova tarefa como parâmetro e retornaráum objeto com o seu type único e a tarefa que serásalva src store actions jsexport function addTask newTask return type ADD TASK newTask Os Reducers são funções que utilizarão do retorno das Actions como parâmetros para salvar os estados na Store Ao invés de executarmos o Reducer como uma função comum eles estão sempre ouvindo todas as Actions que estão sendo chamadas e então os Reducers identificarão o que fazer a partir de cada Action executadas Como isso ocorre A partir do atributo type que éretornado de todas as Actions Se temos uma Action com type ADD TASK então teremos um Reducer que irátomar uma ação a partir dessa string function myNewReducer state action switch action type case ADD TASK retornar o estado com o novo array atualizado Os Reducers sempre receberão parâmetros state onde teremos os estados atuais da Store e action onde teremos todos os atributos retornados pela Action que foi executada Utilizando de uma condicional como o switch para definirmos qual ação serátomada por cada type vamos utilizar o retorno da Action para definir como seráo novo estado Da mesma forma que com as Actions criaremos um reducers js onde guardaremos todos os Reducers da nossa aplicação O nome da função de cada Reducer seráo nome do atributo como serásalvo no objeto da nossa Store se criarmos um Reducer chamado tasks acessaremos esse valor futuramente como state tasks Podemos também definir um estado inicial para nosso Reducer para definirmos qual valor aquele estado teráantes de qualquer Action ser executada Nesse caso queremos que a lista de tarefas seja apenas um array vazio que serápreenchido com as tarefas que virão da Action src store reducers jsimport combineReducers from redux const initialState taskList function tasks state initialState action switch action type case ADD TASK return state taskList state taskList action newTask default return state export default combineReducers tasks Uma atenção especial para a sintaxe de como retornar o novo estado Ele deveráutilizar os pontos chamados de spread operator para copiarmos o estado atual e depois alteramos apenas o que queremos Dessa forma o Redux identifica que houve uma alteração na Store e evita problemas de componentes não recebendo o estado atualizado Detalhes mais profundos podem ser encontrados na documentação oficial Para uma melhor organização do código unimos todos os Reducers em um único objeto usando o combineReducers que seráconsumido pela Store A partir daqui essa seránossa Store src store index jsimport configureStore from reduxjs toolkit import reducers from reducers export const store configureStore reducer reducers Como unir esse fluxo com a nossa View Por meio do dispatch para executar as Actions e do selector também chamado de subscribe para acessarmos a Store e resgatarmos os estados que quisermos para poder controlarmos as renderizações em tela Revisão do fluxo do ReduxPara começarmos a utilizar o dispatch utilizaremos o Hook useDispatch disponibilizado pela biblioteca React Redux que instalamos e importaremos a Action que criamos como no exemplo abaixo import useDispatch from react redux import addTask from actions const dispatch useDispatch dispatch addTask Prepare some coffee Respeitando as regras do Hooks a condição para utilizarmos o Hook do useDispatch éque utilizemos o mesmo dentro de um Componente Funcional Para nossa aplicação criaremos um componente de Home para testarmos nosso fluxo Ele seráum arquivo index js dentro da pasta Home que seráo nome do nosso componente e estádentro de uma pasta própria para páginas chamada pages a fim de melhor organização dos arquivos Organização das pastas do projetoIniciaremos o componente apenas exportando o e retornando uma tag div src pages Home index jsimport React from react function Home return lt div gt export default Home Finalizamos com a importação do componente na raíz do nosso projeto no arquivo App js que ficaráda seguinte forma App jsimport Home from pages Home function App return lt Home gt export default App Agora que podemos respeitas a regra de uso de um Hook dentro de um componente funcional daremos início àimportação do useDispatch disponibilizado pela biblioteca React Redux para adicionarmos uma nova tarefa import React useState from react import useDispatch from react redux import addTask from store actions function Home const dispatch useDispatch const handleAddTask gt dispatch addTask nova tarefa aqui return Para podermos adicionar uma nova tarefa utilizaremos de um estado derivado do Hook useState do próprio React para capturar o valor de uma tag input e executarmos o handleAddTask a partir do clique de uma tag button import React useState from react import useDispatch from react redux import addTask from store actions function Home const newTask setNewTask useState const dispatch useDispatch const handleAddTask e gt Verificação para não adicionar tarefas vazias if newTask dispatch addTask newTask Limpa o input assim que termina de adicionar a nova tarefa setNewTask Essa linha evitaráque a página seja atualizada ao clicar no botão e preventDefault return lt main gt lt form action gt lt input type text name task value newTask placeholder Qual a próxima tarefa onChange e gt setNewTask e target value gt lt button onClick e gt handleAddTask e gt Adicionar lt button gt lt form gt lt main gt export default Home A partir de agora jáépossível adicionarmos novas tarefas àStore apenas com o input e o button Com o dispatch finalizado precisaremos obter o array de tarefas da store e renderizá los em tela para disponibilizar a lista para o usuário Aqui éonde entraráo Hook do useSelector também da biblioteca React Redux import useSelector useDispatch from react redux function Home Com o Hook declarado e tendo acesso àStore basta definirmos quais elementos queremos obter Nesse caso queremos o elemento taskList que declaramos dentro do Reducer tasks e podemos obtê lo da seguinte forma const taskList useSelector state gt state tasks return export default Home Estamos prontos para utilizarmos o array de tarefas como quisermos Para nossa aplicação serárenderizada uma simples lista com as tags ul e li import React useState from react import useSelector useDispatch from react redux import addTask from store actions function Home const taskList useSelector state gt state tasks const newTask setNewTask useState const dispatch useDispatch const handleAddTask e gt dispatch addTask newTask e preventDefault return lt main gt lt form action gt lt label gt Qual a próxima tarefa lt label gt lt input type text name task value newTask placeholder Qual a próxima tarefa onChange e gt setNewTask e target value gt lt button onClick e gt handleAddTask e gt Adicionar lt button gt lt form gt Para uma melhor UI adicionaremos uma contagem de quantas tarefas temos adicionadas atéo momento lt span gt Minhas tarefas taskList length lt span gt Verificação para sórenderizar a lista de o taskList não estiver vazio taskList length gt amp amp lt ul gt taskList map task gt lt li gt task lt li gt lt ul gt lt main gt export default Home DebugPara que tenhamos uma melhor visão de como os estados estão se comportando durante a execução da aplicação existem ferramentas de debug que podemos utilizar para facilitar essa visualização A recomendação atual éa de instalar uma extensão no navegador chamada Redux Devtools Extensão Redux DevtoolsEle seráresponsável por ouvir toda a sua aplicação e detalhar como estáa árvore de estados dentro da Store além de listar todas as Actions que foram disparadas e outras funcionalidades que não serão necessárias por agora Lista de Actions disparadas com o resultado do estado atual na Store ResultadoAplicação pronta Para o resultado final do projeto a construção do layout com CSS foi omitida de forma que nos preocupamos apenas com o funcionamento do Redux Épossível acessar o projeto no Github para ver o código fonte da estilização utilizada por mim mas sinta se livre para estilizar da sua forma ConclusãoCom esse projeto foi possível aprender quando usar Redux e qual a função dele dentro de uma aplicação Passamos por todos os conceitos principais e construímos a base para tópicos mais complexos como o Redux Thunk que serátema do próximo artigo Para reforçar o conteúdo recomendo adicionar um desafio para criar uma Action que iráremover uma tarefa do array Me siga para acompanhar o lançamento dos novos conteúdos fique àvontade para enviar qualquer dúvida ou feedback e lembre se de curtir e compartilhar se gostou do artigo e lhe foi útil Nos vemos logo mais LinkedInGithubTwitter	2022-06-16 00:27:58
海外TECH	Engadget	PS5 update adds a TikTok-like editor to its game clips editor	https://www.engadget.com/ps-5-update-adds-tik-tok-like-editor-to-share-factory-studio-bits-001721928.html?src=rss	PS update adds a TikTok like editor to its game clips editorSony unveiled a new quick editing mode for PS s Share Factory Studio today that will allow users to create shortform gameplay videos with pre set Tik Tok like formats In a blog post Sony explained the new editing feature ーwhich it has deemed “Bits ーlets gamers choose a curated Bit style for their gameplay clip or customize their footage even further with the “Quick Edit mode Players can expect new Bits styles to roll out every week Bits themes will be based on special events holidays seasons and trending content “Our goal with Bits is to make it super easy and fun for PlayStation gamers to create and share short form gameplay videos for sharing cool achievements jokes stunts and any other type of eye catching content wrote the company in the official PlayStation blog For those who aren t familiar Share Factory Studio is PlayStation s free editing app that lets players capture and edit gameplay footage right on their consoles and share to social media The app is packed with advanced video and audio editing features including support for HDR video and the ability to add animation stickers filters and voice effects But for those who are overwhelmed by Share Factory Studio s many options Bits seems to be an easy way to churn out social media friendly gameplay clips For a preview of what Bits looks like check out the short trailer below	2022-06-16 00:17:21
医療系	内科開業医のお勉強日記	電子タバコ:nicotine vape受動喫煙の害	https://kaigyoi.blogspot.com/2022/06/nicotine-vape.html	【目的若年成人におけるnicotinevape受動喫煙への曝露が呼吸器系の健康有害症状と関連するかどうかを調査すること。	2022-06-16 00:30:00
ニュース	BBC News - Home	Lord Geidt quits: Boris Johnson's ethics adviser resigns	https://www.bbc.co.uk/news/uk-politics-61819747?at_medium=RSS&at_campaign=KARANGA	ministerial	2022-06-16 00:37:39
ニュース	BBC News - Home	Dom Phillips and Bruno Pereira: Suspect admits shooting missing Amazon pair, Brazil police say	https://www.bbc.co.uk/news/world-latin-america-61820607?at_medium=RSS&at_campaign=KARANGA	police	2022-06-16 00:56:27
ニュース	BBC News - Home	Anglo-Saxon burial ground unearthed at HS2 site in Buckinghamshire	https://www.bbc.co.uk/news/uk-england-beds-bucks-herts-61810503?at_medium=RSS&at_campaign=KARANGA	point	2022-06-16 00:50:34
GCP	Google Cloud Platform Japan 公式ブログ	WebGL を利用したマップ機能の一般提供を開始	https://cloud.google.com/blog/ja/products/maps-platform/webgl-powered-maps-features-now-generally-available/	傾きと回転ユーザーはマップを次元で動かすことができますカメラの移動視点の遠近を制御したり、スムーズなカメラアニメーションを作成できますWebGLOverlayViewマップのWebGLレンダリングコンテキストのライフサイクルを活用して、DおよびDオブジェクトを深度とオクルージョンを考慮してマップ上に直接レンダリングできるようにしますWebGLを利用したマップ機能は、最新のすべてのブラウザでサポートされているネイティブWebGLAPIによって実現します。	2022-06-16 01:00:00
マーケティング	AdverTimes	メーカーやWebサービスなどの利用が拡大 新聞折込広告の活用	https://www.advertimes.com/20220616/article384981/	雄二	2022-06-16 01:00:19
マーケティング	AdverTimes	トヨタ自動車、国内販売事業本部本部長ほか（22年7月1日付）	https://www.advertimes.com/20220616/article386943/	国内販売	2022-06-16 00:56:01
GCP	Cloud Blog JA	WebGL を利用したマップ機能の一般提供を開始	https://cloud.google.com/blog/ja/products/maps-platform/webgl-powered-maps-features-now-generally-available/	傾きと回転ユーザーはマップを次元で動かすことができますカメラの移動視点の遠近を制御したり、スムーズなカメラアニメーションを作成できますWebGLOverlayViewマップのWebGLレンダリングコンテキストのライフサイクルを活用して、DおよびDオブジェクトを深度とオクルージョンを考慮してマップ上に直接レンダリングできるようにしますWebGLを利用したマップ機能は、最新のすべてのブラウザでサポートされているネイティブWebGLAPIによって実現します。	2022-06-16 01:00:00