投稿時間:2021-12-14 12:44:02 RSSフィード2021-12-14 12:00 分まとめ(51件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
IT 気になる、記になる… Google、「Google Pixel Stand (第2世代)」を国内でも発売 https://taisy0.com/2021/12/14/149732.html google 2021-12-14 02:57:26
TECH Engadget Japanese AmazonでChromebookなどの年末パソコンセール開催中。一部商品はさらに5000円オフの特別クーポンも! https://japanese.engadget.com/sale-chromebook-024031340.html amazon 2021-12-14 02:40:31
TECH Engadget Japanese Apple Music Voiceプラン提供開始。月額480円でSiri操作のみ、約9000万曲にアクセス可能 https://japanese.engadget.com/apple-music-voice-plan-only-siri-023034331.html applemusicvoice 2021-12-14 02:30:34
ROBOT ロボスタ スカイツリーの高速エレベーターの2倍速で上昇できる、高高度対応ドローンを開発 高度5000mまで高速上昇 アトラックラボ https://robotstart.info/2021/12/14/attraclab-drone.html atquad 2021-12-14 02:39:37
ROBOT ロボスタ 世界最先端テクノロジーと融合!『ULTRAMAN』メタバース対応NFTゲーム化決定 トレーラー公開中 https://robotstart.info/2021/12/14/ultraman-meta-nft.html ultraman 2021-12-14 02:09:56
IT ITmedia 総合記事一覧 [ITmedia ビジネスオンライン] ブラックフライデーの購入先 Amazonや楽天を抑えた1位の店は? https://www.itmedia.co.jp/business/articles/2112/14/news085.html amazon 2021-12-14 11:35:00
IT ITmedia 総合記事一覧 [ITmedia News] スマホ連携する「呪術廻戦」のデフォルメフィギュア、タカラトミーが発売 名せりふ収録 https://www.itmedia.co.jp/news/articles/2112/14/news090.html datafig 2021-12-14 11:24:00
IT ITmedia 総合記事一覧 [ITmedia News] Apple、macOSの「ユニバーサルコントロール」をまた延期 「2022年の春に使えるようになります」 https://www.itmedia.co.jp/news/articles/2112/14/news088.html apple 2021-12-14 11:02:00
TECH Techable(テッカブル) バイタルデータと業務データを収集・分析して「働きやすい環境とは?」を探る実証実験 https://techable.jp/archives/168710 実証実験 2021-12-14 02:00:24
python Pythonタグが付けられた新着投稿 - Qiita パワポの各スライドの原稿をコマンド一行でまとめて出力する方法 https://qiita.com/shi_tanman/items/04e3db29c3085acefa2a Terminalpythonmanuscriptextractionpylsmanuscripttxtプレゼンファイルpptxmanuscriptextractionpy以下の通り、同じディレクトリー内にmanuscripttxtという原稿のファイルができました。 2021-12-14 11:28:37
python Pythonタグが付けられた新着投稿 - Qiita [py2rb] sliceクラス https://qiita.com/superrino130/items/81eac378b519a3c06782 pyrbsliceクラスはじめに移植やってます。 2021-12-14 11:18:50
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) django_tables2がインポートできない https://teratail.com/questions/373707?rss=all djangotablesがインポートできない前提・実現したいことdjangotablesを利用したいので、インポートしたい。 2021-12-14 11:50:16
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) エラーを解消について https://teratail.com/questions/373706?rss=all エラーを解消についてswiftUInbspXcodenbspVerを最近学び始めました。 2021-12-14 11:49:10
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) Googleカレンダーの内容をLINEで通知したいが、全てのイベントが通知されない https://teratail.com/questions/373705?rss=all Googleカレンダーの内容をLINEで通知したいが、全てのイベントが通知されないGASにて、Googleカレンダーから日時とイベントをLINEへ毎日通知するものを作りました。 2021-12-14 11:47:16
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) HTMLで作成したフォームのプルダウンの選択項目を、スプレッドシート上の名簿情報から自動生成したい。 https://teratail.com/questions/373704?rss=all HTMLで作成したフォームのプルダウンの選択項目を、スプレッドシート上の名簿情報から自動生成したい。 2021-12-14 11:35:39
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) UnityのParticleの大きさ https://teratail.com/questions/373703?rss=all particle 2021-12-14 11:33:04
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) vuetifyのv-text-fieldでreverseタグを使用したときのlabelの位置の変更方法。 https://teratail.com/questions/373702?rss=all vtextfieldでreverseタグを使用し、入力値を右寄せにすると下記のようにラベルも右寄せとなってしまいます。 2021-12-14 11:30:37
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) PythonとOpenCVを使った色の反転のやり方がわかりません。 https://teratail.com/questions/373701?rss=all PythonとOpenCVを使った色の反転のやり方がわかりません。 2021-12-14 11:18:23
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) PowerShellでzshのようなシンタックスハイライトをするには? https://teratail.com/questions/373700?rss=all PowerShellでzshのようなシンタックスハイライトをするには実現したいことPowerShellのコマンドに色を付けたい。 2021-12-14 11:16:11
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) フォルダ内の画像処理について https://teratail.com/questions/373699?rss=all フォルダ内の画像処理について以下のプログラムにより入力画像から特定の色を抽出と値化を行いました。 2021-12-14 11:14:31
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) Java クラスの作成についてのエラー https://teratail.com/questions/373698?rss=all Javaクラスの作成についてのエラー前提・実現したいことjavaを勉強中です。 2021-12-14 11:01:08
Ruby Rubyタグが付けられた新着投稿 - Qiita Railsで指定していないはずのコールバックメソッドが動作してしまう https://qiita.com/NIssyi/items/dd642b60e8f903d5537b なんで…ルーティングを変えてみる「usersadminに遷移しようとしたとき、何らかの原因でusersのshowが動作している」と仮説を立ててみました。 2021-12-14 11:53:42
Ruby Rubyタグが付けられた新着投稿 - Qiita [py2rb] sliceクラス https://qiita.com/superrino130/items/81eac378b519a3c06782 pyrbsliceクラスはじめに移植やってます。 2021-12-14 11:18:50
Ruby Railsタグが付けられた新着投稿 - Qiita Railsで指定していないはずのコールバックメソッドが動作してしまう https://qiita.com/NIssyi/items/dd642b60e8f903d5537b なんで…ルーティングを変えてみる「usersadminに遷移しようとしたとき、何らかの原因でusersのshowが動作している」と仮説を立ててみました。 2021-12-14 11:53:42
技術ブログ Developers.IO 2021年11月くらいのAWS最新情報ブログとかをキャッチアップする – AWSトレンドチェック勉強会用資料 https://dev.classmethod.jp/articles/aws-trendcheck-202111/ 最新情報 2021-12-14 02:50:58
技術ブログ Hatena::Engineering 2023年度 新卒エンジニア・デザイナー採用を開始しました! https://developer.hatenastaff.com/entry/2021/12/recruit-fresh-open 年度新卒エンジニア・デザイナー採用を開始しました本日、はてなの年度の新卒採用の募集を開始しました。 2021-12-14 11:38:44
海外TECH DEV Community Building a waitlist for your product with Next.js https://dev.to/propelauth/building-a-waitlist-for-your-product-with-nextjs-29a5 Building a waitlist for your product with Next jsBuilding a waitlist allows your future users to express interest in you before you ve even started your MVP You can see if your messaging resonates with potential customers and when you are ready to launch the users from your waitlist will make excellent early product testers In this post we ll build the following Next js application We will use Next js for both the frontend and backend thanks to Next js API routes API routes are great for this because they are serverless If we get a sudden burst of users it will scale up to handle the additional load We also don t have to pay for any servers when no one is signing up Since there s not that much code we ll walk through and explain all of it Creating our Next js Application Creating a blank projectUse create next app to set up a new project and then yarn dev to run it npx create next app latest waitlist cd waitlist yarn devI like to start with a blank project so let s replace the existing code in pages index js with this import Head from next head import styles from styles Home module css export default function Home return lt div className styles container gt lt Head gt lt title gt Waitlist lt title gt lt meta name description content A quick scalable waitlist gt lt link rel icon href favicon ico gt lt Head gt lt div gt We can also delete everything in styles Home module css we ll replace it shortly If you go to http localhost you ll see a blank page with Waitlist as the title Creating a two column layoutAs you saw before we want a classic two column layout with an image on the right and some marketing text on the left We ll use a flexbox layout Add the following to your styles Home module css container background color background color min height vh cover at least the whole screen height display flex our flex layout flex wrap wrap column flex each column takes up half the screen margin auto vertically align each column padding rem On small screens we no longer want to have two columns since they would be too small Increasing it to will make the two columns stack on top of each other media screen and max width px column flex Back in pages index js we will add two components for the left and right columns On the right side we ll put an image of some code You can put an image of the product a mockup something fun from unsplash or anything really For now the left side will have some placeholder text lt Head gt lt title gt Waitlist lt title gt lt meta name description content A quick scalable waitlist gt lt link rel icon href favicon ico gt lt Head gt New components lt LeftSide gt lt RightSide gt lt div gt These functions can be moved into their own filesfunction LeftSide return lt div className styles column gt Hello from the left side lt div gt function RightSide return lt div className styles column gt lt img width height src code svg gt lt div gt The right side looks great It covers the right half of the screen like we expected The left side however is pretty ugly and unreadable Let s address that now Formatting our marketing textWe know what we want our LeftSide to say let s start by updating it so the text matches our image above For now we ll also put in placeholder styles which we will add afterwards function LeftSide return lt div className styles column gt lt img width height src logo svg gt lt h className styles title gt Quick Scalable lt br gt lt span className styles titleKeyword gt Waitlist lt span gt lt h gt lt div className styles subtitle gt Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua lt div gt lt div gt If it wasn t for the bad contrast between the black text and the background this wouldn t look too bad Now we can add the title titleKeyword and subtitle classes in styles Home module css to clean it up title font size rem color white titleKeyword color aeb subtitle font size rem font weight color white Adding the waitlist formOur frontend is really coming together The only remaining part is the form where the user can submit their email address We ll place this in a separate component called Form and add it to the bottom of our LeftSide component function LeftSide return lt div className styles column gt same as before lt Form gt lt div gt function Form const email setEmail useState const hasSubmitted setHasSubmitted useState false const error setError useState null const submit async e gt We will submit the form ourselves e preventDefault TODO make a POST request to our backend If the user successfully submitted their email display a thank you message if hasSubmitted return lt div className styles formWrapper gt lt span className styles subtitle gt Thanks for signing up We will be in touch soon lt span gt lt div gt Otherwise display the form return lt form className styles formWrapper onSubmit submit gt lt input type email required placeholder Email className styles formInput styles formTextInput join value email onChange e gt setEmail e target value gt lt button type submit className styles formInput styles formSubmitButton join gt Join Waitlist lt button gt error lt div className styles error gt error lt div gt null lt form gt A few things to note about the Form component We use a controlled component for the email input We set up an error at the bottom that is conditionally displayed Once hasSubmitted is true we stop displaying the form and instead display a thank you message Let s clean it up with css before we finish the submit method formWrapper padding top rem display flex two column display for input button flex wrap wrap Shared by the input and button so they are the same size and style formInput padding px px box sizing border box border none border radius px font size rem formTextInput flex take up most of the available space background color color white formSubmitButton flex take up the rest of the space background color ED color white error color red Making a request to a Next js API routeOur design is finished Now all we have to do is make sure when you click submit that two things happen The frontend makes a request to our backend with the email addressThe backend saves the email address somewhereThe first one is actually pretty simple Here s our finished submit method const submit async e gt e preventDefault let response await fetch api waitlist method POST body JSON stringify email email if response ok setHasSubmitted true else setError await response text We use the fetch method to send a post request to api waitlist with a JSON body that includes our user s email If the request succeeds we flip hasSubmitted and the user gets a nice message Otherwise the user sees an error returned from our backend api waitlist refers to an API route that we have not yet created which is our only remaining step Creating a Next js API route Creating an empty routeOur blank application actually started with an API route in pages api hello js which looks like this export default function handler req res res status json name John Doe Since this route is in pages api hello js it will be hosted under api hello We can test this with curl curl localhost api hello name John Doe Our frontend is making a request to api waitlist however so let s delete hello js and make a new file pages api waitlist js To make sure only valid emails are sent to us install email validator yarn add email validator or npm i save email validatorimport validator from email validator export default async function handler req res We only want to handle POST requests everything else gets a if req method POST await postHandler req res else res status send async function postHandler req res const body JSON parse req body const email parseAndValidateEmail body res await saveEmail email res status send async function saveEmail email TODO what to do here console log Got email email Make sure we receive a valid emailfunction parseAndValidateEmail body res if body res status send Malformed request const email body email if email res status send Missing email else if email length gt res status send Email is too long else if validator validate email res status send Invalid email return email Most of the work there is just boilerplate for validating the JSON body and email that we get But this is actually all you need to handle the request that the frontend makes Go back to your frontend type in an email and click Join Waitlist You should see your success message and in the logs you should see Got email YOUR EMAIL How to persist waitlist emailsWhile logging the email is fine you are probably going to want something more durable This part is really dependent on your stack As an example if you don t expect a lot of users and are already using Slack you can use a Webhook integration to send a message to slack every time a user signs up Here s how to do that using the slack webhook library const IncomingWebhook require slack webhook const url process env SLACK WEBHOOK URL async function saveEmail email const webhook new IncomingWebhook url await webhook send text New waitlist request email You could also save it to a database CockroachDB recently announced support for a highly available serverless DB that you can write to with any Postgres library like pg import Pool Client from pg const connectionString process env DB CONNECTION STRING async function saveEmail email try const client new Client connectionString await client connect const query INSERT INTO waitlist email VALUES const values email const res await client query query values await client end catch err console log err stack res status send An unexpected error has occurred please try again Or you could use services like Airtable which has its own API for saving to a sheet If you have a CRM you might want to save entries directly to that instead There are a lot of options to choose from Extra featuresThis waitlist is pretty easy to extend You may for example want to Collect more information Just add more fields to the frontend and parse save them on the backend Persist whether the user has ever signed up Right now if the user refreshes they are always set back to the has not submitted state You can address this by saving reading hasSubmitted from localStorage Ultimately the important thing is you are getting the information you need from your future users and you are saving it durably Next steps PlugAfter building out your waitlist you will probably begin to build out an MVP of your product You can dramatically speed up that process by using PropelAuth a hosted authentication service which provides a complete login and account management experience for both BC and BB businesses All UIs that your users will need are already built from login to profile pages to organization management and configurable via a simple UI Your users get powerful features like FA and it only takes minutes to set up We hope you ll check it out AttributionsThe image of code was generated from CarbonThe placeholder logo is from Logoipsum 2021-12-14 02:29:31
Apple AppleInsider - Frontpage News Apple releases Xcode 13.2, new features hint toward Swift Playgrounds 4 https://appleinsider.com/articles/21/12/14/apple-releases-xcode-132-new-features-hint-toward-swift-playgrounds-4?utm_medium=rss Apple releases Xcode new features hint toward Swift Playgrounds A new update to Apple s Xcode integrated development environment suggests that Swift Playgrounds may soon be on its way Today Apple released Xcode providing SDKs for iOS iPadOS tvOS WatchOS and macOS Monterey The new release features on device debugging for iOS and later tvOS and later and watchOS and later Additionally under the New Features header Apple has pointed out that the new Xcode update supports app projects created with Swift Playgrounds which is not currently released Read more 2021-12-14 02:30:51
Apple AppleInsider - Frontpage News Apple Silicon iMac Pro coming Spring 2022, no 'iPhone Fold' until 2023 analyst says https://appleinsider.com/articles/21/12/13/27-inch-imac-pro-coming-spring-2022-no-iphone-fold-until-2023-analyst-says?utm_medium=rss Apple Silicon iMac Pro coming Spring no x iPhone Fold x until analyst saysA new iMac Pro model with a mini LED display could arrive in the spring of while Apple s first foldable iPhone likely won t make a debut until or a display analyst claims Apple s inch iMac could be joined by a inch iMac Pro model in says a display analyst Ross Young of Display Supply Chain Consultants predicts that a new iMac Pro device with a inch mini LED display and support for Hz ProMotion will launch in the spring of Young suggests that the inch model will be dubbed an iMac Pro to differentiate it from Apple s inch iMac Read more 2021-12-14 02:25:24
海外科学 NYT > Science How Conflicting Guidance on Travel During the Pandemic Shows Little Progress https://www.nytimes.com/2021/12/13/health/omicron-travel-setbacks.html How Conflicting Guidance on Travel During the Pandemic Shows Little ProgressThe Omicron variant turned my trip home from South Africa into a nightmare episode of conflicting public health orders that often seemed to have little connection to science 2021-12-14 02:03:56
海外科学 NYT > Science As Vaccines Trickle Into Africa, Zambia’s Challenges Highlight Other Obstacles https://www.nytimes.com/2021/12/11/health/covid-vaccine-africa.html As Vaccines Trickle Into Africa Zambia s Challenges Highlight Other ObstaclesVaccinating Africa is critical to protecting the continent and the world against dangerous variants but supply isn t the only problem countries face 2021-12-14 02:25:00
金融 日本銀行:RSS 「決済の未来フォーラム デジタル通貨分科会:中央銀行デジタル通貨を支える技術(第3回会合)」傍聴者の募集について http://www.boj.or.jp/announcements/release_2021/rel211214b.htm 中央銀行 2021-12-14 12:00:00
ニュース ジェトロ ビジネスニュース(通商弘報) 中央経済工作会議が開催、2022年のマクロ政策は「安定」が第一 https://www.jetro.go.jp/biznews/2021/12/c26cfc080d12bbe7.html 開催 2021-12-14 02:30:00
海外ニュース Japan Times latest articles U.S. pitches truce to Japan over Trump-era steel and aluminum tariffs https://www.japantimes.co.jp/news/2021/12/14/business/economy-business/us-tariffs-on-japan/ U S pitches truce to Japan over Trump era steel and aluminum tariffsThe proposed truce comes as the Biden administration aims to sign what could prove a very powerful economic framework agreement with Asian nations 2021-12-14 11:35:54
海外ニュース Japan Times latest articles Are tornadoes linked to climate change? The science isn’t yet definite. https://www.japantimes.co.jp/news/2021/12/14/world/tornadoes-climate-question/ Are tornadoes linked to climate change The science isn t yet definite While research has linked recent extreme weather events to global warming there remain important gaps in the scientific understanding of twisters and how they relate 2021-12-14 11:19:37
海外ニュース Japan Times latest articles Musashino assembly panel OKs bill on foreign national voting rights https://www.japantimes.co.jp/news/2021/12/14/national/musashino-assembly/ Musashino assembly panel OKs bill on foreign national voting rightsThe draft ordinance calls for allowing both Japanese and foreign nationals age or older who have lived in the city for at least three 2021-12-14 11:19:19
ニュース BBC News - Home Covid: Call for volunteers as 500k book boosters in a day https://www.bbc.co.uk/news/uk-59646877?at_medium=RSS&at_campaign=KARANGA december 2021-12-14 02:05:22
ニュース BBC News - Home Price rises: The nine-year-old worried about paying the bills https://www.bbc.co.uk/news/uk-59311895?at_medium=RSS&at_campaign=KARANGA billsnine 2021-12-14 02:21:54
ニュース BBC News - Home Manchester United: Ralf Rangnick's art of 'club building' & new challenge at Old Trafford https://www.bbc.co.uk/sport/football/59607646?at_medium=RSS&at_campaign=KARANGA Manchester United Ralf Rangnick x s art of x club building x amp new challenge at Old TraffordRalf Rangnick has made big changes at every club he s shaped A different challenge awaits at Manchester United 2021-12-14 02:32:13
ビジネス ダイヤモンド・オンライン - 新着記事 バフェット氏に並ぶ投資の達人、キッド氏の哲学 - WSJ発 https://diamond.jp/articles/-/290654 達人 2021-12-14 11:07:00
LifeHuck ライフハッカー[日本版] キングジムとコクヨ、書類の収納・持ち運びにどっちを選ぶ?【今日のライフハックツールまとめ】 https://www.lifehacker.jp/2021/12/247865lht-matome-file.html 2021-12-14 12:00:00
サブカルネタ ラーブロ 一之江「ラーメン魁力屋」コク旨ラーメン+野菜 http://ra-blog.net/modules/rssc/single_feed.php?fid=194564 一之江駅 2021-12-14 02:30:17
北海道 北海道新聞 首相、給付でクーポン活用も尊重 10万円現金一括「柔軟な制度」 https://www.hokkaido-np.co.jp/article/622696/ 予算委員会 2021-12-14 11:04:04
北海道 北海道新聞 国連本部で原爆展、原発事故も 米NY、被団協など共催 https://www.hokkaido-np.co.jp/article/622686/ 原発事故 2021-12-14 11:16:19
北海道 北海道新聞 辺野古工事中止訴え、市民ら抗議 土砂投入3年「ちゅら海を守れ」 https://www.hokkaido-np.co.jp/article/622700/ 名護市辺野古 2021-12-14 11:14:00
北海道 北海道新聞 警部補が飲酒当て逃げ疑い、富山 物損事故で書類送検 https://www.hokkaido-np.co.jp/article/622697/ 当て逃げ 2021-12-14 11:11:00
ビジネス 東洋経済オンライン 「富士山が見える物件」にこだわる男が陥った苦難 漫画「正直不動産」(第10集 第73話) | 正直不動産 | 東洋経済オンライン https://toyokeizai.net/articles/-/471392?utm_source=rss&utm_medium=http&utm_campaign=link_back 不動産会社 2021-12-14 11:30:00
IT 週刊アスキー 年末にふさわしい「神戸牛のハンバーガー」フレッシュネスで! 贅沢するなら今!! https://weekly.ascii.jp/elem/000/004/077/4077818/ 野菜 2021-12-14 11:30:00
IT 週刊アスキー アイ・ティー・ワン、「角川映画祭」へデジタルコンテンツを比較できる展示システム「IT-One Quest」提供開始 https://weekly.ascii.jp/elem/000/004/077/4077887/ itonequest 2021-12-14 11:30:00
マーケティング AdverTimes 一次審査員が語る「話題を生み出す動画」のポイント/BOVA2022 https://www.advertimes.com/20211214/article371357/ 一次審査員が語る「話題を生み出す動画」のポイントBOVAブレーンが主催するオンライン動画のコンテスト「BOVA」では、年月日まで作品を募集しています。 2021-12-14 02:21:41
海外TECH reddit Daily reminder from Hillary’s dear friend: Don’t be so quick to judge people you don’t know, everyone. https://www.reddit.com/r/HilariaBaldwin/comments/rfwbq1/daily_reminder_from_hillarys_dear_friend_dont_be/ Daily reminder from Hillary s dear friend Don t be so quick to judge people you don t know everyone submitted by u prefersdogstohumans to r HilariaBaldwin link comments 2021-12-14 02:02:19

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)