投稿時間:2021-11-08 01:16:26 RSSフィード2021-11-08 01:00 分まとめ(21件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
js	JavaScriptタグが付けられた新着投稿 - Qiita	気象庁公式の天気予報の情報を Node.js で取得し中身を検索する（ライブラリに Got を用いる）	https://qiita.com/youtoy/items/c7dba010ab7d0763e879	気象庁公式の天気予報の情報JSONをcurl・Nodejsで取得しNodejsでの処理を試すQiitacurlで取得した気象庁公式の天気予報の情報JSONをjqコマンドで処理するQiita上記のつ目の記事でNodejsによる処理を行っていたものの、上記のつ目の記事に含まれるような中身の検索は行っていませんでした。	2021-11-08 00:06:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Spring Boot2.5.6 データソースの動的追加の方法	https://teratail.com/questions/368213?rss=all	SpringBootデータソースの動的追加の方法SpringnbspBootにて開発を行っています。	2021-11-08 00:24:14
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	isspace()とispunct()の使い方について	https://teratail.com/questions/368212?rss=all	isspaceとispunctの使い方についてtoupper、ispunct、isspaceを使って回文を判定するプログラムを書こうと思っています。	2021-11-08 00:23:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ArrayListを使ったプログラムの穴埋め	https://teratail.com/questions/368211?rss=all	ArrayListを使ったプログラムの穴埋め前提・実現したいこと学校の課題です。	2021-11-08 00:16:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	他クラスで宣言したListの値を取得する方法について	https://teratail.com/questions/368210?rss=all	他クラスで宣言したListの値を取得する方法について前提・実現したいことテキストファイルからint型の次元配列を読み取り、その数値に合わせてUnity内でタイルを敷き詰めるようなプログラムを作成しています。	2021-11-08 00:14:05
AWS	AWSタグが付けられた新着投稿 - Qiita	CdkPipelineで静的Webホスティング環境(CloudFront/S3)を構築。	https://qiita.com/Kept1994/items/ce608fbacf281adfe368	直前のスタックを削除してから再実行する必要がある。	2021-11-08 00:42:19
海外TECH	MakeUseOf	Why Did Email Stop Syncing on Android? 8 Ways to Fix It	https://www.makeuseof.com/email-stopped-syncing-android-fix/	android	2021-11-07 15:45:11
海外TECH	MakeUseOf	How Can You Attach a HAT or Expansion to a Raspberry Pi 400?	https://www.makeuseof.com/how-can-you-attach-a-hat-or-expansion-to-a-raspberry-pi-400/	raspberry	2021-11-07 15:30:12
海外TECH	DEV Community	Build a quiz App with Next.js and TailwindCSS!	https://dev.to/byteslash/build-a-quiz-app-with-nextjs-and-tailwindcss-3i7d	Build a quiz App with Next js and TailwindCSS Hey guys this is gonna be a tutorial plus a challenge I also have a giveaway at the end so stay tuned DemoYou can try it out yourself here Setting up Creating a Next app with TailwindCSSI am going to use tailwind for the basic stylings needed in the appnpx create next app next stripe demo e with tailwindcss CleanupDelete everything in pages index js after the Headimport Head from next head export default function Home return lt div className flex flex col items center justify center min h screen py gt lt Head gt lt title gt Quiz App lt title gt lt Head gt lt div gt Starting the appnpm run dev npmyarn dev yarn Create a few questionsWe are going to use the questions from a JSON array so create a questions json file in the root of the directory The questions array should look like this question What type of framework is Next js answerOptions answer Frontend answer Backend answer FullStack isCorrect true answer None of the above question When was Next js released answerOptions answer September answer January answer October isCorrect true answer March question Which CSS Framework are we using answerOptions answer Bootstrap answer TailwindCSS isCorrect true answer Chakra UI answer Bulma CSS question Which class in Tailwind is used to set flex direction of column answerOptions answer col answer col flex answer flex col isCorrect true answer None of the above Creating the UI for the QuizOur quiz will look like this Styling the container of our app I will add the following styles to the div containing the app lt div className flex flex col w screen px h screen bg AAA justify center items center gt This will give us a blank screen with the background color AAA Question sectionWe are going to hard code the values for now lt div className flex flex col items start w full gt lt h className mt text xl text white gt Question of lt h gt lt div className mt text xl text white gt What type of framework is Next js lt div gt lt div gt Now our app is looking like thisCreating the answersWe are going to map through the answers the first question to show the options lt div className flex flex col w full gt questions answerOptions map answer index gt lt div key index className flex items center w full py pl m ml space x border cursor pointer bg white border white rounded xl gt lt input type radio className w h bg black gt lt p className ml text white gt answer answer lt p gt lt div gt lt div gt we also need to import questions from the questions json file so add this import line import questions from questions json It will now give us all the options with a radio button The radio button doesn t go well with our theme so I am going to add some custom styles for it in globals css so follow the instructions Create a styles folder and globals css file inside itInside globals css add the following tailwind base tailwind components tailwind utilities Import globals css instead of tailwindcss tailwind css in app jsimport styles globals css Add the styles for the custom radio buttoninput type radio after width px height px border radius px cursor pointer position relative background color content display inline block visibility visible border px solid white input type radio checked after width px height px border radius px cursor pointer position relative background color FE content display inline block visibility visible border px solid white Now it gives us a better radio button that matches the theme like this Adding the buttons to navigate through the questions lt div className flex justify between w full mt text white gt lt button className w py bg indigo rounded lg gt Previous lt button gt lt button className w py bg indigo rounded lg gt Next lt button gt lt div gt This gives us the buttons for navigating as follows With this we are done setting up the UI Adding the logic for our quizNavigationWe are first going to build the navigation functionalityCreate a state for the current question const currentQuestion setCurrentQuestion useState Create functions to handle Next and Previous const handlePrevious gt const prevQues currentQuestion prevQues gt amp amp setCurrentQuestion prevQues const handleNext gt const nextQues currentQuestion nextQues lt questions length amp amp setCurrentQuestion nextQues Assigning the functions to the respective buttons lt button onClick handlePrevious className w py bg indigo rounded lg gt Previous lt button gt lt button onClick handleNext className w py bg indigo rounded lg gt Next lt button gt Remove the hardcoded values for the question lt div className flex flex col items start w full gt lt h className mt text xl text white gt Question currentQuestion of questions length lt h gt lt div className mt text xl text white gt questions currentQuestion question lt div gt lt div gt Map the answers for the current question instead of the first question questions currentQuestion answerOptions mapNow we can easily move through the questions Ability to select optionsCreate a state to hold all the selected answers const selectedOptions setSelectedOptions useState We will now make a function to set the selected option const handleAnswerOption answer gt setSelectedOptions selectedOptions currentQuestion answerByUser answer setSelectedOptions selectedOptions Now we need to trigger in onClick of the option and check the radio button questions currentQuestion answerOptions map answer index gt lt div key index className flex items center w full py pl m ml space x border cursor pointer border white rounded xl bg white onClick e gt handleAnswerOption answer answer gt lt input type radio name answer answer value answer answer onChange e gt handleAnswerOption answer answer checked answer answer selectedOptions currentQuestion answerByUser className w h bg black gt lt p className ml text white gt answer answer lt p gt lt div gt Now if you select an option then it will be stored as an object in the selectedOptions state To check this let s console log selectedOptions in handleAnswerOption const handleAnswerOption answer gt setSelectedOptions selectedOptions currentQuestion answerByUser answer setSelectedOptions selectedOptions console log selectedOptions After clicking the options it will show an array of options selected like this Calculating and showing the scoreMake states one to store the score and the other to see if we need to show the score or not const score setScore useState const showScore setShowScore useState false Now we need to create a new function that calculates the score based on the answers const handleSubmitButton gt let newScore for let i i lt questions length i questions i answerOptions map answer gt answer isCorrect amp amp answer answer selectedOptions i answerByUser amp amp newScore setScore newScore setShowScore true Show submit button instead of next on last questionIn the last question we will need to show submit instead of next and run the handleSubmitButton function lt button onClick currentQuestion questions length handleSubmitButton handleNext className w py bg indigo rounded lg gt currentQuestion questions length Submit Next lt button gt Now if we submit then nothing really happens so after we submit we should be able to see a screen like this To do this we are going to render the page based on showScore s value like this showScore lt h className text xl font semibold text center text white gt You scored score out of questions length lt h gt lt gt lt div className flex flex col items start w full gt lt h className mt text xl text white gt Question currentQuestion of questions length lt h gt lt div className mt text xl text white gt questions currentQuestion question lt div gt lt div gt lt div className flex flex col w full gt questions currentQuestion answerOptions map answer index gt lt div key index className flex items center w full py pl m ml space x border cursor pointer border white rounded xl bg white onClick e gt handleAnswerOption answer answer gt lt input type radio name answer answer value answer answer checked answer answer selectedOptions currentQuestion answerByUser onChange e gt handleAnswerOption answer answer className w h bg black gt lt p className ml text white gt answer answer lt p gt lt div gt lt div gt lt div className flex justify between w full mt text white gt lt button onClick handlePrevious className w py bg indigo rounded lg gt Previous lt button gt lt button onClick currentQuestion questions length handleSubmitButton handleNext className w py bg indigo rounded lg gt currentQuestion questions length Submit Next lt button gt lt div gt lt gt Now our app is working completely fine GiveawayThe winner gets the React and ServerLess Course course by James Q QuickTo participate in this giveawayMake this quiz app better Share it on your social media with the hashtag next quiz challenge and don t forget to tag me Important Datesth November Submit your projects before th November PM IST th November The winner will be announced on my social media Few features you can add LeaderboardShow correct and incorrect answersTimerImprove UI Useful links GitHub repository DemoAll socials	2021-11-07 15:34:39
海外TECH	DEV Community	Trabalhando no exterior: da vaga ao salário	https://dev.to/pablohildo/trabalhando-no-exterior-da-vaga-ao-salario-27b8	Trabalhando no exterior da vaga ao salárioEm maio de eu recebi minha primeira proposta para trabalhar no exterior para algumas pessoas como eu isso éum dos principais objetivos da carreira se aprofundando ainda mais com a situação atual do Brasil no geral e no mercado de trabalho de desenvolvimento de software Sendo uma pessoa extremamente ansiosa e com certa necessidade de manter controle sobre o que épossível imediatamente comecei a buscar conteúdo sobre todas as etapas que precisaria realizar para fazer o que játinha certeza que seria um trabalho extremamente burocrático receber dinheiro do exterior seguindo todos detalhes legais com o mínimo de estresse possível Obter essas informações foi honestamente muito difícil Tudo era extremamente disperso boa parte do conteúdo estava desatualizado algumas threads enormes acabavam em discussões pessoais entre os membros sem apresentar resoluções Felizmente tive pessoas que precisaram passar pelo mesmo processo para compartilhar erros e acertos Com isso em mente resolvi escrever um compilado de tudo que aprendi nesse período Esse émeu guia definitivo sobre trabalho no exterior baseado em minhas experiências Pessoas diferentes podem ter interesses e experiências diferentes tudo que escrevo aqui éde meu ponto de vista VagaEssa éa parte que tenho menos experiência própria para compartilhar No meu caso meu amigo celsobonutti jáestava trabalhando no exterior em uma empresa que gosta muito Apenas apliquei para a mesma Mas tenho observado de longe e acho que háum pouco a compartilhar Vale bastante a pena observar os sites relacionados a tecnologias específicas que te interessam Para vagas de programação funcional e especificamente de Elixir gosto de Functional WorksElixir RadarElixir JobsMas também éuma boa abordagem observar sites mais gerais como o Remote OK ou sites de contextos específicos mas não relacionados a uma tecnologia em especial como o AngelList que éfocado em vagas de startups Os pontos mais importantes para observar são fuso horário e região Algumas empresas contratam apenas em países específicos seja por interesse destas ou por limitações de seus modelos de contratação outras priorizam fusos horários que gerem uma interseção considerável entre seus horários e os da maioria dos funcionários Ainda assim pode valer a pena entrar em contato mesmo não cumprindo esses requisitos A empresa que trabalho por exemplo considera ideal uma distância de horas do fuso CET mas o Brasil estáa horas Nem tudo estáescrito em pedra flexibilidade pode ser possível PF ou PJ Trabalhando como PF vocêéisento de imposto de renda quando ganha atéR anual A partir desse valor a declaração éobrigatória Daí vale a pena realizar uma simulação no site da Receita Federal e observar quanto vocêdeve pagar de IRPF Além disso se te interessar contribuir com o INSS o processo deveráser feito de maneira muito menos prática e baseada em alíquotas de autônomo diferentes das de PJ Como PJ muita gente éMEI Seguindo as minúcias da legislação não existe CNAE apropriado para desenvolvedor de software como MEI visto que essa seria uma atividade intelectualizada Se ainda assim se interessar em abrir MEI o valor máximo por ano éR de acordo com a Lei Complementar Art A §º A partir desse valor não resta muita opção vocêpode receber PF que nas minhas contas quase sempre vai ser mais caro o Jornal Contábil faz uma comparação interessante mas vocêpode checar por conta própria com os dados de lá ou como PJ Microempresa A partir daívocêprecisa decidir também sua categoria de empresa onde geralmente EI Empreendedor Individual vai ser a melhor opção para nossa categoria Mesmo assim vale a pena checar as outras Por fim o regime de tributação Definitivamente recomendo o Simples Nacional a menos que não possa se enquadrar por ultrapassar o teto ou algo do tipo Se interessar mais informações ContabilidadeVocêdefinitivamente pode gerir todo processo contábil de sua empresa por conta própria mas provavelmente vai gerar um estresse muito além do que vale a economia Usando contabilidade a experiência jánão tem sido a menos cansativa possível então sequer sou capaz de imaginar não usar Vocêpode contratar um contador em específico mas caso queira economizar um pouco existem diversos serviços de contabilidade online mais impessoais e baratos Os mais populares são a Contabilizei e a Agilize com mais ou menos a mesma faixa de preço Eu uso a Agilize que tem suprido bem minhas necessidades Não gosto muito do atendimento por chat deles sempre parece gerar conversas longas demais com muita transferência entre profissionais mas nunca falharam em atender uma demanda Além disso contam com cálculo automático de percentual de Pró labore reduzindo o valor dos impostos ーboa parte do valor total se torna distribuição de lucros ーatuando ainda dentro da legalidade Além disso algumas empresas do tipo oferecem um serviço de Escritório Virtual que permite a abertura da empresa e recebimento de correspondência em um endereço deles através do pagamento de um valor adicional Recebendo dinheiroReceber dinheiro éa parte mais importante e geralmente mais estressante do processo Geralmente isso inclui um monte de detalhes inesperados seu câmbio geralmente não vai ser correspondente ao que estáno Google e seus recebimentos vão incluir um spread uma taxa cambial a grosso modo Recebendo por bancos tradicionais a tendência éque pague um spread muito alto de a em cima do valor na moeda original Geralmente tem os câmbios mais díspares também Recebendo por plataformas especializadas o câmbio costuma ser um pouco mais próximo do que vocêvai ver por aíe o spread costuma ser bem mais baixo Éclaro seránecessário ter uma conta bancária da modalidade correspondente para receber o dinheiro no fim ou seja conta PJ para PJ e conta PF para PF Nesse momento prefiro usar uma destas Játestei duas Remessa Online com spread variável entre e dependendo se sua transação éde R a R respectivamente Minha experiência não foi muito boa foi o primeiro serviço que testei e meu dinheiro foi devolvido ao banco do remetente causando um atraso de quase dias Husky que se descreve como não tendo spread mas uma taxa fixa de Parece alta em comparação ao anterior mas com um cupom de um amigo sua taxa pode virar permanentemente como uso e todo mês que recebe dinheiro vocêganha um cupom que caso outra pessoa use e receba também torna a taxa de sua próxima transação Esses cupons são super requisitados e eu geralmente posto os meus no Twitter todo mês Atéentão tenho usado a Husky sem estresse e com ótimo atendimento háquatro meses e recomendo bastante Quando játiver conta em algum lugar que permita esse recebimento seránecessário gerar seu invoice uma fatura quase uma nota fiscal basicamente Vocêpode usar uma plataforma para isso como a da Husky ou a Invoice Ninja mas também pode fazer manualmente ou de acordo com as orientações de sua empresa Pagando os impostosDepois do invoice enviado e do dinheiro ser recebido em conta vamos àparte final para poder usar o dinheiro de maneira adequada Como disse utilizo a plataforma Agilize para contabilidade de acordo com orientações deles simplesmente informo meu invoice de acordo com a opção apropriada na plataforma deles e todos encargos são gerados por volta do dia de cada mês Isso gera três boletos para que pague fazendo isso idealmente pela conta PJ os impostos do Simples o IRPJ da folha de pagamento e o INSS da folha de pagamento sendo os dois últimos relativos ao pró labore Em meu caso todos impostos tem vencimento próximo ao dia de cada mês me dando por volta de duas semanas para pagá los A partir desse momento todo dinheiro restante na minha conta PJ pode ser transferido para minha conta PF Mas isso realmente significa que não posso tocar nesse dinheiro atélá Segundo meu mais recente contato com a Agilize tendo uma boa noção de quanto pagarei de impostos em um mês posso deixar em conta o valor necessário para supri los e posso transferir a maior parte sem preocupações O único ponto importante éque idealmente todos impostos devem ser pagos pela conta PJ Acabou Foi cansativo eu sei Mas juro que éainda mais cansativo garimpar esse monte de informação na internet Acho importante ressaltar mais uma vez que isso diz respeito àminha experiência e pode não se aplicar ーou se aplicar parcialmente ーàs suas necessidades Diversas das informações que marquei como orientadas por minha contabilidade são um pouco conflitantes com parte do que li na internet por isso recomendo que consulte sua contabilidade deixando assim que essa responsabilidade recaia sobre profissionais capacitados para o assunto Ou seja cheque se de fato pode sóinformar invoice sem gerar nota fiscal manualmente retirar parte do dinheiro e manter o valor dos impostos na conta e quaisquer outros pontos que achar pertinente Éisso Se alguma dúvida surgir sinta se livre para entrar em contato comigo por aqui ou pelo Twitter Se minhas experiências forem suficientes com certeza ficarei feliz em ajudar Esse texto pode não estar pronto Se novas experiências pertinentes surgirem ele seráatualizado	2021-11-07 15:20:56
Apple	AppleInsider - Frontpage News	AirPods 3 review: An excellent AirPods evolution, but fit can be problematic	https://appleinsider.com/articles/21/11/07/airpods-3-review-an-excellent-airpods-evolution-but-fit-can-be-problematic?utm_medium=rss	AirPods review An excellent AirPods evolution but fit can be problematicAirPods as a whole have earned their status as the most popular true wireless earbuds and the AirPods brings more new features but they fit in a strange spot in the Apple and Beats lineup The new third generation AirPodsNew buds same AirPods Read more	2021-11-07 15:45:00
Apple	AppleInsider - Frontpage News	'Everyday Experiments' uses iPhone to film miniature Hollywood-style scenes	https://appleinsider.com/articles/21/11/07/everyday-experiments-uses-iphone-to-film-miniature-hollywood-style-scenes?utm_medium=rss	x Everyday Experiments x uses iPhone to film miniature Hollywood style scenesApple s latest video in its Everyday Experiments series shows how you can recreate Hollywood movie scenes at home with the iPhone but without the blockbuster budget Apple s Everyday Experiments videos provide inspiration for iPhone owners to take interesting or unusual videos or photographs all from the comfort of their home In the latest incarnation the YouTube video tries to guide users into creating videos and scenes reminiscent of big budget movies albeit at a considerably smaller scale That small scale starts with remote control cars with Donghoon Jun and James Thornton of Incite recreating a pursuit scene Using some home made props the duo creates a scene by attaching the iPhone to the cars laying down on a skateboard for a dolly shot and using iMovie filters Read more	2021-11-07 15:43:53
海外TECH	Engadget	Apple's AirPods Max drop to a new low price of $430 at Amazon	https://www.engadget.com/apple-airpods-max-amazon-sale-152046687.html?src=rss	Apple x s AirPods Max drop to a new low price of at AmazonDon t worry if you ve been tempted by the AirPods Max but put off by that eye watering initial price tag ーthey re a considerably better value right now Amazon is running a sale for Apple s over ear headphones that drops the price to or a steep lower than their official sticker The discount applies regardless of color too so you can spring for blue pink or any other shade Buy AirPods Max Sky Blue on Amazon Buy AirPods Max Space Gray on Amazon Buy AirPods Max Pink on Amazon While the AirPods Max are expensive you also get a lot for your money They deliver a balanced sound with an adaptive EQ to optimize for your ear and solid active noise cancellation You can expect healthy battery life convenient controls and tight integration with Apple devices ーthe usual setup and device switching headaches won t be an issue They ve become more valuable over time too Now that Apple Music offers spatial audio you can immerse yourself in songs that take advantage of the all enveloping sound stage Some familiar caveats still apply You can buy competing headphones like Sony s WH XM or Bose s for less and they may offer advantages in key areas Their Apple centric focus makes them less appealing if you prefer Android or Windows And you can t listen to lossless Apple Music audio even when you re plugged in With that said the sale price makes the AirPods Max considerably easier to justify if you have an Apple device and enjoy the eye catching design Get the latest Black Friday and Cyber Monday offers by visiting our deals homepage and following EngadgetDeals on Twitter	2021-11-07 15:20:46
海外科学	NYT > Science	Michael Rutter, Pioneering Child Psychiatrist, Is Dead at 88	https://www.nytimes.com/2021/11/07/science/michael-rutter-dead.html	Michael Rutter Pioneering Child Psychiatrist Is Dead at His wide ranging research helped transform his field a colleague said by “insisting on using data to drive thinking about diagnosis and treatment	2021-11-07 15:22:08
ニュース	BBC News - Home	Vaccine appeal to pregnant women after mum dies of Covid	https://www.bbc.co.uk/news/uk-england-birmingham-59197464?at_medium=RSS&at_campaign=KARANGA	covidsaiqa	2021-11-07 15:41:57
ニュース	BBC News - Home	Dean Smith: Aston Villa sack manager after three years in charge	https://www.bbc.co.uk/sport/football/59186010?at_medium=RSS&at_campaign=KARANGA	defeats	2021-11-07 15:15:43
ニュース	BBC News - Home	Elon Musk holds Twitter vote over $21bn Tesla share sale	https://www.bbc.co.uk/news/business-59182278?at_medium=RSS&at_campaign=KARANGA	tesla	2021-11-07 15:24:36
北海道	北海道新聞	ＰＳＶ堂安律が今季２点目　オランダ１部、シッタート戦	https://www.hokkaido-np.co.jp/article/609013/	堂安律	2021-11-08 00:18:00
北海道	北海道新聞	入国制限８日大幅緩和　待機最短３日、ビジネスや留学生ら対象	https://www.hokkaido-np.co.jp/article/608927/	新型コロナウイルス	2021-11-08 00:10:07
北海道	北海道新聞	利尻富士・地酒「栄泉」復活　半世紀ぶり販売へ　出荷開始	https://www.hokkaido-np.co.jp/article/608700/	利尻富士	2021-11-08 00:03:37
北海道	北海道新聞	厚沢部産メークイン活用、創作レシピ競う　「チーズハットグ」最優秀／菓子は「黒白団子」に	https://www.hokkaido-np.co.jp/article/608979/	黒白	2021-11-08 00:02:09