投稿時間:2022-01-04 01:23:34 RSSフィード2022-01-04 01:00 分まとめ(32件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
js JavaScriptタグが付けられた新着投稿 - Qiita 【React】コンポーネントのimportとexportについて【JavaScript】 https://qiita.com/P-man_Brown/items/12b7e383af422bec6aa5 コンポーネントのimportとexportについてReactではコンポーネントを分けるReactでは、ファイルコンポーネントになるように記述していき、importとexportをすることでそれらを組み合わせ、最終的な形にしていきます。 2022-01-04 00:49:56
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) UserForm1.Showのエラー https://teratail.com/questions/376514?rss=all UserFormShowのエラー前提・実現したいこと標準モジュールで「シート」のコマンドボタンからユーザフォームを起動して、「シート」「シート」からデータをリストボックスに反映して、リストボックスから選択したものを、「シート」に転記するマクロを作成中。 2022-01-04 00:47:16
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) .filter is not function https://teratail.com/questions/376513?rss=all filterisnotfunction下記のコードでリアクトを始めると、filternbspisnbspnotnbspfunctionと表示されます。 2022-01-04 00:29:14
海外TECH Ars Technica Hyundai stops engine development and reassigns engineers to EVs https://arstechnica.com/?p=1823111 combustion 2022-01-03 15:40:33
海外TECH Ars Technica The world just set a record for sending the most rockets into orbit https://arstechnica.com/?p=1823067 attempts 2022-01-03 15:12:41
海外TECH MakeUseOf 9 Ways You Can Showcase Your Freelance Services Online https://www.makeuseof.com/ways-to-showcase-your-freelance-services/ online 2022-01-03 15:46:41
海外TECH MakeUseOf The Most Energy-Efficient Way to Set Your Thermostat https://www.makeuseof.com/tag/science-behind-modulating-heat-saves-energy/ thermostathow 2022-01-03 15:40:16
海外TECH MakeUseOf 12 Free Online Games You Can Play With Friends Anywhere https://www.makeuseof.com/free-two-player-games-play-in-browser/ multiplayer 2022-01-03 15:30:12
海外TECH MakeUseOf The 5 Best Tips to Write a Killer Project Purpose Statement https://www.makeuseof.com/best-tips-to-write-project-purpose-statement/ manager 2022-01-03 15:16:42
海外TECH DEV Community STI and multi attributes models in Rails https://dev.to/kopylov_vlad/sti-and-multi-attributes-models-in-rails-12ce STI and multi attributes models in RailsOnce I had a task to collect data from different landing pages to a database The task is challenging because each web form from a landing page has different inputs and data I figured out how to write an elegant solution in a Rails application PreparationFirst we have to create a migration to store data in DB class CreateLandingForms lt ActiveRecord Migration def change create table landing forms do t t string type t jsonb data t timestamps end endendThe “type is an important attribute for STI single table inheritance because we will have a few models one model for each landing page which use the same table in DB Rails will automatically keep class name to the attribute The “data is an attribute with JSONB data type Each model has a unique amount of fields We will store the information in the attribute as JSON ModelsThe main model looks like that There is nothing special Other models will be inherited from the main model app models landing form rb Schema Information Table name landing forms id bigint not null primary key data jsonb type string created at datetime not null updated at datetime not null class LandingForm lt ApplicationRecordendLet s create models to collect data from different web forms For instance from landing pages Christmas s landing page and Black Friday s landing page Here is a model for Christmas s landing page Attributes are full name phone number city state address and a gift you would like to receive from Santa Method store accessor helps us to collect data to the “data field and work with it such typical ActiveRecord attributes app models landing forms christmas rbmodule LandingForms class Christmas lt LandingForm store accessor data full name phone number city state address gift validates full name presence true validates phone number presence true validates city presence true validates state presence true validates address presence true validates gift presence true def self permitted params full name phone number city state address gift end endendThe next model is a model for Black Friday s landing page Attributes are first name second name and email If there is a requirement that email must be unique we can add custom validation for email app models landing forms black friday rbmodule LandingForms class BlackFriday lt LandingForm store accessor data first name last name email scope by email gt email where data gt gt email IN email validates first name presence true validates last name presence true validates email presence true validate unique email def self permitted params first name last name email end private def unique email return if errors size positive return if self class where type type by email email where not id id count zero errors add email In t landing forms email already taken end endendYou see there is nothing difficult to describe behaviour In order to prove that the validation works we will write test cases Fortunately store accessor works best with FactoryBot spec factories landing form factory rbFactoryBot define do factory for one model factory black friday form class LandingForms BlackFriday do first name Faker Name first name last name Faker Name last name email Faker Internet email end factory for another model factory christmas form class LandingForms Christmas do full name Faker Name name with middle phone number Faker PhoneNumber phone number city Faker Address city state Faker Address state address Faker Address full address gift Faker Hipster sentence endendAnd here are unit tests spec models landing form spec rbrequire rails helper RSpec describe LandingForms Christmas type model do let item build christmas form it works do expect item save to eq true endendRSpec describe LandingForms BlackFriday type model do let item build black friday form it works do expect item save to eq true end describe unique email validation do let item create black friday form context email is not the same do let item build black friday form it is valid do expect item valid to eq true expect item save to eq true end end context email is the same do let item build black friday form email item email it is not valid do expect item valid to eq false expect item errors attribute names to include email expect item errors email to include In t landing forms email already taken end end endend ControllersIn order to receive data from a client we write endpoints in rails router one endpoint for each controller Rails application routes draw donamespace api do namespace v do namespace landing forms do post black friday to black friday create post christmas to christmas create end end endendA controller looks like that Just one public method create We don t need anything more app controllers api v landing forms black friday controller rbmodule Api module V module LandingForms class BlackFridayController lt ApplicationController def create object model class new model params if object valid amp amp object save render json success true else render json object errors status unprocessable entity end end private def model params params permit model class permitted params end def model class LandingForms BlackFriday end end end endendLet s write request test cases for the controller to prove that it works spec requests api v landing forms black friday spec rbrequire rails helper RSpec describe Api V SubscriptionsController type request do describe create do subject post api v landing forms black friday params params as json before subject context email validation do let item create black friday form context email is unique do let params do first name Faker Name first name last name Faker Name last name email Faker Internet email end it renders success do expect response to have http status ok expect JSON parse response body success to eq true end end context email is the same do let params do first name Faker Name first name last name Faker Name last name email item email end it returns errors do expect response to have http status unprocessable entity json JSON parse response body expect json keys to eq email expect json email to include In t landing forms email already taken end end end endendVoilà It works Now it s super easy to collect data from one more web form We need Create a new model and describe all attributes and validationsCreate a new endpoint in the route and a controller 2022-01-03 15:48:54
海外TECH DEV Community Learn Javascript __Array https://dev.to/zahab/learn-javascript-array-1a1 Learn Javascript Array ArrayYou may know that a variable can store only a value at a time for example var student jack this is totally fine and we may use it many times while building a project however sometimes it is required to collect many values in a single variable like a list of students names this is where we can use the Array concept The array is a single variable that stores a list of values and each element is specified by a single index The array syntaxt is const array name item item const names Zahab JavaScript Ada Lovelace const everthing JS true You can also create an array using new keyword const names new Array Zahab JavaScript Ada Lovelace const everthing new Array JS true The recommended method for creating Array is the first one and in most of the programs you see the array is created using the first syntax Now we know how to create an array let s discuss how to access the elements inside the array I have mentioned that each element in an array has an index the index for the first element is always zero and the index for the last element is array size const names Zahab JavaScript Ada Lovelace accessing the first elemnt of the arrayconst firstElement names console log firstElement Output ZahabYou can find the length of an array using length const names Zahab JavaScript Ada Lovelace array lengthconst firstElement names length console log firstElement Output Now let s learn some array methods Array Methodspop The pop method removes the last element of an array var students Jack James Robert John console log students students pop console log students Output Jack James Robert John Jack James Robert shift The shift method removes the first element from an array var students Jack James Robert John console log students students shift console log students Output Jack James Robert John James Robert John push The push method adds one or more elements to the end of an array var students Jack James Robert John console log students students push Zahab Kakar console log students Output Jack James Robert John Jack James Robert John Zahab Kakar unshift The unshift method adds one or more elements to the beginning of an array var students Jack James Robert John console log students students unshift Zahab Kakar console log students Output Jack James Robert John Zahab Kakar Jack James Robert John lengthThe length returns the number of elements in an array var students Jack James Robert John console log students var length students length console log length Jack James Robert John splice The splice method is used to add new elements to an array var students Jack James Robert John console log students students splice Zahab Kakar console log students Output Jack James Robert John Jack James Zahab Kakar John As we said before this method is used to add elements into an array however we must indicate that where the new elements should be added In the above example indicates the index number where the new elements should be placed and shows the number of elements that should be deleted as we mentioned element should be deleted we do not have the Robert in the second array concat The contact method is used to creates a new array by concatenating or merging existing arrays var students Jack James Rober John console log students var myFriends Jennifer Mary Patricia console log myFriends var allNames students concat myFriends console log allNames Output Jack James Rober John Jennifer Mary Patricia Jack James Rober John Jennifer Mary Patricia slice This method slices out a part of an array starting from mentioned array element index Slice can have two arguments which indicate the starting and up to but not including the end argument This method also accept negative numbers var students Jack James Rober John console log students var newStudent students slice console log newStudent Output Jack James Rober John John var students Jack James Rober John console log students var newStudent students slice console log newStudent Output Jack James Rober John James Rober var students Jack James Rober John console log students var newStudent students slice console log newStudent Jack James Rober John John Sorting ArraysYou can sort an array using the sort method alphabetically const names Zahab JavaScript Ada Lovelace const firstElement names sort console log firstElement Output Ada Lovelace JavaScript Zahab Now let s sort the numbers array using sort method const numbers const firstElement numbers sort console log firstElement Output You can see that the output is wrong the right output should be But here the javaScript only evaluated the first number so in and it just checked the and To solve this we can use the bellow function const numbers const firstElement numbers sort function a b return a b console log firstElement Output ConclusionThat is it for this article I hope you found this article useful if you need any help please let me know in the comment section Feel free to contact me on Twitter 2022-01-03 15:45:44
海外TECH DEV Community How to start with Open Source https://dev.to/johnbabu021/how-to-start-with-open-source-m6e How to start with Open Source Is opensourcing means codingAbsolutely not anyone want to contribute to an open source project can change documentation and learn how to opensource allmost percent of contriubtions are of docs change and updation not related to programming How to start opensourcinglet s take a look at firstcontributions first contributions this project just adds your profile to contributors list when you make a pr for that carefully read README md in the project section FILESalways when contributing to a project read theREADME md file CONTRIBUTING GUIDLINES CODE OF CONDUCT if availablethis pops some idea about the project in your mindthat s all you can contribute to opensource 2022-01-03 15:43:51
海外TECH DEV Community Conversion Rate Optimisation [🎯 EP0: Series introduction and posts for the year! 📈] https://dev.to/inhuofficial/conversion-rate-optimisation-ep0-series-introduction-and-posts-for-the-year--2i03 Conversion Rate Optimisation EP Series introduction and posts for the year A real passion of mine that is often overlooked People spend so much time driving visitors to their site only to waste the opportunity with poor UX and bad site structure design Most of the UX stuff out there is pretty but very few people who call themselves UX experts actually focus on what is important the user journey and reducing friction In this mega series I will be covering what research tells us will help conversions along with effective A B testing and the things you don t need to A B test and can just implement if you haven t already Part of my year of the series This is one of series I am writing this year you can see the other series here My writing stats for best time to post on DEV and plans for over articles planned InHuOfficial・Jan ・ min read writing webdev ktomil productivity What will you get out of this series In depth looks at techniques and tricks to monitor track and improve your conversion rate both on site and via multiple channels I will be sifting through the research and experiments people have run to show you things you can definetely implement without A B testing and the things you need to test for yourself Finally I will be running some experiments of my own to help me build a CRO methodology that you can steal for your own site Why am I writing this series I am building a page builder CMS that is the ultimate goal with all of these articles and series I am writing this year essentially I am writing guidance for my own project As I want this CMS to be designed for professional bloggers marketers etc then I need to make sure I give them the tools they need to maximise their returns In order to build those tools I first have to understand all of the moving parts though and know which features are essential and which are nice to haves It is also useful for me personally as I apply tips and tricks to my own articles and site to increase engagement and get people to sign up to my newsletter etc as part of my long term goals Although I know a decent amount about the subject it is also an excuse for me to do a load of research and look at techniques I may have ignored in the past to further my knowledge Ok it sounds interesting what will the series cover Here is the current draft list of articles unordered ItemDescriptionColour theoryEmotions and meaning beware differences in different cultures men vs women on colour preferences bright bold colours for men soothing and subtle shades for women Power WordsList of power words and phrases that motivate buyersAndy Bound s A B C methodAfters Build Confidence CloseWriting for skimmers nobody reads your stuff Headings bulleted lists quotes hero sectionsSay it with picturesWhere people are looking the importance of faces stock photography that doesn t suck graphics and vector imagesLong form vs short form copyPros and cons of both and when to use each plus SEO benefits of longer form copyAsk questionsHigher click through rates engagements for Ad copy email subject linesReading age of a year oldavoiding use of jargon and complex words and how to deal with it if it is unavoidable Optimising Headings and titlesGated contentProvide value in exchange for action or an email address eBooks Resources white papers and bonus material multiple touch pointsIt is said that you need to have different touch points before someone will trust your brand make a significant purchaseCongruencyAllow people to switch devices and content consumption methodsDoes dark mode actually help Exploring whether dark mode is actually preferred by the majority of people and how to implement it properlyDeliberate complexitySometimes you want to make a process more difficult to increase lead quality how do we make sure we get the balance rightReduce form frictionRemove unnecessary fields explain why you need information that may be sensitiveFancy vs plainSometimes having a simpler site converts better than a modern one how do you find out without multiple redesigns Thank you and confirmation pagesDon t miss an opportunity give a bonus item that is unexpected to make customers smile and increase the chance of creating an advocate Should you have a phone numberTrust conversions etc A logo ticker adding logos to your home pageIs it a good idea does it build trust Sliders Carousels time to ditch them Does a carousel actually help does it just slow your page down Also banner blindness Background videoVideo is great but background video is a waste of time and reduces conversions How to use video effectivelyMarking fields as optionalMake it clear which fields are optional and required if they are optional then do you even need them Pros and ConsHow long should free trials be days days kiss metrics study Product image size on ecommerce sitesLarger image or hover to zoom which is betterCustomer feedback is times more valuable than a b testingAsk them what you are doing right and wrong why they didn t complete a purchase if you have their info on an abandoned cart etc Also how to get customer feedback phrasing reward etc Monitor your search barSee what people are searching for make adjustments to categories product names and descriptions etc Play around with pricingLower doesn t necessarily mean better random looking amounts vs etc Long Term thinking vs short term thinkingHow KPIs need to be carefully crafted no use adding customers a month if you reduce their lifetime value by Pre landing CROOptimise your campaigns to get better prospects to the site in the first placeHeatmap tools and scroll monitoringKnow where people are clicking and where they abandon pages it can be anonymous too Monitor what drives trafficDoes a specific keyword drive high quality traffic optimise the page around that keyword to reassure people they are in the right placeReassurance is sometimes off putting We will never spam you We value your privacy be careful whether you are actually adding doubt Small commitments on the path to big commitmentsGet someone to share an article before signing up to your newsletter get them to fill out their details for a detailed review comparison before making a big purchase etc Call To ActionsFrequency size location on page etc Money Back GuaranteesDo money back guarantees improve your conversions what length of time etc Should you have a free tier on your SAAS product Does a free tier actually cause more harm than good with people frustrated at features they wish they had or scared they will get cut off if they go over a thresholdYou need a blogBlogs breed trust and traffic how to keep it on message and convert visitors to customers into the sales processTell storiesMake your copy engagingFear of missing out only left only available at this price for hours see which work and don t workSocial ProofTestimonials case studies ratings etc Tracking and measuring Conversion RatesThe right metrics what to measure how to measure etc Perceived page loading time second loses of visitors conversion increases etc Call to action wording Add to cart vs buy now vs start your order etc The balance between assertive and unthreateningThe F patternposition of things on a page how people read scan contentSubtle animationDraw attention to key things without being too distracting Before you leave Do they work or do they annoy people Modal popupsHow long before they show do they work for you what should they sayDark patterns to avoidTiny no thankyou text popups cookie acceptance etc the click ruleSimplify navigation so that people can get anywhere on the site in clicks actually about flattening the site structure etc Multiple ways to payPaypal credit card debit card direct debit if appropriate bank transfer crypto even International sitesAutomatic currency conversion multi language aware of cultural faux pas with images and writing etc Live chat multiple contact methodsPhone line live chat email contact form WhatsApp etc Give people optionsDelivery timesThe faster the better for most things offer different shipping options and let people choose a delivery date if possible pick a better courier who gives slots during the day and make it clear that you offer thisShow delivery costs earlyDon t annoy customers with delivery costs added at the last stage of checkout display them clearly on the site or include them in the price offer free delivery over a certain amountRetargetingShould you still do it with privacy concerns Does it work etcVIP clubFor regular customers offer VIP discounts in exchange for a monthly fee or commitment give people a reason to keep coming back Key partnersWhen people make a purchase partner with firms who have the same customer base but do not compete and create special offers as a bonus can also be a great additional income upsellAfter first sale follow upFollow up for a review promote special offers engage in fun ways basically turn a single purchase into multiple purchases and increase the lifetime value of a customerIncrease trust especially for high cost items Security seals such as verisign phone numbers reduce errors on your site grammar punctuation etc Build a better pages happen make sure there is a search box some related products top sellers etc give people a reason to stay if they arrived here from search engines external links oh and stop making the largest text nobody knows that it means Familiar patternsDon t try and reinvent the wheel put navigation and search in the places people expect to find themHave a HTML sitemapIf people can t find what they are searching for direct them to a well structured HTML sitemap in case they are looking for the wrong term etc Reduce the number of optionsOn pricing pages for services keep the options simple and easy to understand try and direct people to your most profitable offering You may even introduce an offering that appears poor value for money on purpose that you don t actually want people to buy Don t use voucher codesVoucher codes and discount codes drive people away from your site and make them think that they are not getting the best dealSocially Responsible Shout about itIf you are green donate to charity buy only from your Country etc then make sure you say it you can even make it part of your identity and split your marketing to target certain peopleProgress bars on multi step formsmake sure that people know where they are in a process experiment with shorter sections early on longer multi step forms to get people invested in completing the process or try reversing it to leave people with the impression of an easy processWhen to ask people to sign upCheck out as guest then asked them to sign up later vs sign up for account before buying etc Should you have a FAQ pageDoes it help or hinder your conversions concentrate on answering questions as part of your copy if you do have a FAQ page make sure most questions are actually covered and well explained make sure other ways to ask questions that aren t answered are highlighted such as live chat and phone numbers Cool I am looking forward to it what should I do now First thing is first you should bookmark this page as it will serve as the index for the series so you can quickly jump between articles I will link to each article in the above table as they are released Then follow me on DEV to if you don t already After that the only other thing you should do is follow me on Twitter as I will be releasing some bonus material over there and upping my Twitter game too this year Wrapping upI hope that this series will highlight where most UX advice is pretty rubbish and how you can optimise your own site and content for maximum conversions Above all though I hope that people will chip in with ideas and things that have worked or not worked for them so I can explore and test those also Hopefully over the next few months I will have a complete guide to CRO that people who find it interesting can follow and implement   I hope you have a fantastic 2022-01-03 15:41:19
海外TECH DEV Community WCAG in plain English [🦾 EP0: Series introduction and posts for the year! 🦾] https://dev.to/inhuofficial/wcag-in-plain-english-ep0-series-introduction-and-posts-for-the-year--nfi WCAG in plain English EP Series introduction and posts for the year WCAG is hard to read and complicated and it puts a lot of developers off when talking about making their applications accessible In this series I am going to try and simplify things down and offer a different approach to WCAG that is hopefully more accessible Part of my year of the series This is one of series I am writing this year you can see the other series here My writing stats for best time to post on DEV and plans for over articles planned InHuOfficial・Jan ・ min read writing webdev ktomil productivity What is the series about This came about because whenever I start talking about accessibility I get the same responses It is complicatedWCAG makes no sense And you know what people are kind of right If WCAG was easier to understand I think more people would embrace accessibility And I am arrogant enough to believe that I am the one to solve this problem What will you get out of this series A complete run through of the WCAG rules and guidance covering examples of code markup simplified explanations of the guidance and none of the fluffy stuff that causes confusion where the W team attempt to accommodate rare edge cases who it affects user story and why it matters who s responsibility it is in a teamTo achieve this I will be using the following structure in each article Introduction what does this criterion cover summary ContentsWhy is this criterion importantuser storyrelevant temporary disabilities such as broken arm direct sunlight etc Disability categories it impacts cognitive visual hearing etc General UX improvements fixing this item bringsBusiness Impact for persuading business owners stakeholders How to test whether your site passes this criterionManuallyAutomatedHow to fix any problemsGeneral guidanceCode examples for web Design examples if this is visual such as contrast Exceptions to this criterionAdditional TipsTricks for long term consistencyConclusion and further readingThat should hopefully make the guides much easier to skim through to find what you need Why am I writing this series I want to be able to point people to an article when explaining an accessibility concept to them especially as part of my ultimate UI series Additionally I want to make accessibility more accessible the irony so that more people embrace it Finally I am working to get known for accessibility within the industry for a product I am building so this is a way to showcase my knowledge while hopefully helping the developer and designer communities Ok it sounds interesting what will the series cover All of the WCAG success criterion including the WCAG draft items It will also explain the conformance levels of A AA and AAA and other terminology in the first episode of the series ItemSCLevelNon Text Content AAudio only and Video only Prerecorded ACaptions Prerecorded AAudio Description or Media Alternative Prerecorded ACaptions Live AAAudio Description Prerecorded AASign Language Prerecorded AAAExtended Audio Description Prerecorded AAAMedia Alternative Prerecorded AAAAudio only Live AAAInfo and Relationships AMeaningful Sequence ASensory Characteristics AOrientation AAIdentify Input Purpose AAIdentify Purpose AAAUse of Color AAudio Control AContrast Minimum AAResize text AAImages of Text AAContrast Enhanced AAALow or No Background Audio AAAVisual Presentation AAAImages of Text No Exception AAAReflow AANon text Contrast AAText Spacing AAContent on Hover or Focus AAKeyboard ANo Keyboard Trap AKeyboard No Exception AAACharacter Key Shortcuts ATiming Adjustable APause Stop Hide ANo Timing AAAInterruptions AAARe authenticating AAATimeouts AAAThree Flashes or Below Threshold AThree Flashes AAAAnimation from Interactions AAABypass Blocks APage Titled AFocus Order ALink Purpose In Context AMultiple Ways AAHeadings and Labels AAFocus Visible ALocation AAALink Purpose Link Only AAASection Headings AAAFocus Appearance Minimum AAFocus Appearance Enhanced AAAPage Break Navigation APointer Gestures APointer Cancellation ALabel in Name AMotion Actuation ATarget Size Enhanced AAAConcurrent Input Mechanisms AAADragging Movements AATarget Size Minimum AALanguage of Page ALanguage of Parts AAUnusual Words AAAAbbreviations AAAReading Level AAAPronunciation AAAOn Focus AOn Input AConsistent Navigation AAConsistent Identification AAChange on Request AAAConsistent Help AVisible Controls AAError Identification ALabels or Instructions AError Suggestion AAError Prevention Legal Financial Data AAHelp AAAError Prevention All AAAAccessible Authentication AAAccessible Authentication No Exception AAARedundant Entry AParsing AName Role Value AStatus Messages AAAs you can see that is quite a list Cool I am looking forward to it what should I do now First thing is first you should bookmark this page as it will serve as the index for the series so you can quickly jump between articles I will link to each article in the above table as they are released Then follow me on DEV to if you don t already After that the only other thing you should do is follow me on Twitter as I will be releasing some bonus material over there and upping my Twitter game too this year Wrapping upI hope this series will get people both beginners and seasoned pros more interested in accessibility and help you improve your designs and code Plus if people come up with better ways to explain things it is always good to get community feedback so I can improve my articles I hope this series is useful for everyone and fingers crossed becomes a well known resource that helps us all fix the of websites that have accessibility errors   I hope you have a fantastic 2022-01-03 15:41:06
海外TECH DEV Community Ultimate UI [💻 EP0: Series introduction and posts for the year! 🎨] https://dev.to/inhuofficial/ultimate-ui-ep0-series-introduction-and-posts-for-the-year--32m6 Ultimate UI EP Series introduction and posts for the year Every day I see a new tutorial on how to build a menu system how to build a drop down box etc that makes me cry Why do I cry I hear you ask Because most of these tutorials are well they are absolute garbage lt div gt soup everywhere no WAI ARIA when it is needed hard to extend and more Well I finally cracked so here it is the introduction to the largest series I will probably ever create a complete UI kit from the ground up with a very detailed explanation of the what why and how of designing a perfect UI kit Part of my year of the series This is one of series I am writing this year you can see the other series here My writing stats for best time to post on DEV and plans for over articles planned InHuOfficial・Jan ・ min read writing webdev ktomil productivity What will you get out of this series UI components and patterns designed to be Performant no second load times here Accessible in people have a disability you can t afford to ignore their needs Internationalised some languages read right to left some top to bottom Compatible we are looking to support of browsers yes even IE Developer Friendly well documented hence the series easy to adapt and easy to convert to your favourite framework Detailed explanations of accessibility principles so you can learn more about accessibility bit by bit to improve your code Detailed explanations of CSS properties you may not use or even know and their support How we can use progressive enhancement to support older browsers while providing bells and whistles to newer browsers hundreds of code examples and patterns to use in your own projectsAnd much more Why am I building this series While you will get many benefits I want you to understand what I will get out of it just so you know it isn t too good to be true To show off I need to establish that I know my stuff on accessibility and performance for an upcoming project this lets me demonstrate that For my own use I am going to be building a load of products that are focused on accessibility none of the libraries out there fit my needs To build a following I will be seeking investment at some point having a good following of developers who are invested in my work helps me raise capital To sell products Related products built using this UI kit plus the UI kit itself when complete enough to start building the InHu brand Crowd sourced knowledge I will never get things perfect first try hopefully a project of this size will start attracting attention from people who can offer useful feedback and ideas to make the product better As you can see there is just as much in this for me as there is for you so you know that I will be putting in the whole way through and making sure I get things right Ok it sounds interesting what will the series cover These are the elements widgets components I currently have planned not in release order FYI Accordions Collapsible SectionsAlerts confirm dialogs etc Audio playerAuto CompleteBadges e g with number messages etc Navigation BreadcrumbsButtonsBypass Links skip content links CalendarCarouselsChartsChat SystemCheckboxesCode EditorCode SnippetsColour PickerCombo BoxConfigurable Keyboard ShortcutsContext Menu right click menus Date PickerDateTime PickerDiff ViewDrag and Drop ListsDrop Down custom selectsDrop Zone file uploadedFAQsFormsForm ValidationHelp WizardGuided Tour and onboardingIdle TimeoutImage CropperInputs and labelsInfinite scroll Lists including sortable Mega MenusModal Dialogues and focus trappingMulti SelectOff Canvas InformationOrganigramPaging PaginationPicture ManagerPop Out WindowProgress IndicatorPreloaderRadio ButtonsRange SelectorRatingsRegister and Login PageScroll To TopScrum Board KanbanSearch BarSettings MenuSlidersSlide Show PresentationSocial Sharing WidgetsSortable ListsSwitches TogglesTablesTable FiltersTabsTag Cloud Word CloudTheme SwitcherTime PickerTimelineToastsTool TipsToolbarTool TipsTree ViewTwo Panel SelectorValidationVideoWizardWYSIWYG Cool I am looking forward to it what should I do now First thing is first you should bookmark this page as it will serve as the index for the series so you can quickly jump between articles I will link to each article in the above list as they are released Then follow me on DEV to if you don t already After that the only other thing you should do is follow me on Twitter as I will be releasing some bonus material over there and upping my Twitter game too this year Wrapping upThis is a series that I have wanted to write for a long time as it gives me an excuse to finally build a fully accessible and semantically correct UI kit something which doesn t exist there are partial UI kits and patterns but not a single library that covers enough to build a full application I hope you enjoy and participate in the series so that people can point out my mistakes and offer ideas to make things better And here is my promise to you if someone comes up with a better pattern for something I will completely rewrite any articles to use that pattern so you know things will be as good as they can be   I hope you have a fantastic and I look forward to going on this journey together 2022-01-03 15:40:54
海外TECH DEV Community My writing stats for 2021, best time to post on DEV and plans for 2022-2023 [over 250 articles planned] https://dev.to/inhuofficial/my-writing-stats-for-2021-best-time-to-post-on-dev-and-plans-for-2022-2023-over-250-articles-planned-557l My writing stats for best time to post on DEV and plans for over articles planned In months of writing I have amassed over k views on DEV not to be sniffed at but I can do better In this article I will share my content stats with you for the last months some analysis I did and never released on when to post on DEVand my ambitious content creation plans for Hopefully you will find the writing stats interesting or when to post on DEV if you are a content creator but if you don t create content aren t interested in that you can skip to my plans for the year here as I am sure you will find that interesting Contents in reviewWhen to post on DEV release time matters the year of series Ultimate UIWCAG in Plain EnglishConversion Rate Optimisation days to £millionRound Up in reviewSo I started writing in February so these are stats for months as a complete beginner ViewsAlthough views don t really tell you much as I could have just written a load of pandering listicles it is still an interesting number to see And I am not going to lie hitting quarter of a million views did bring a smile to my face I could easily have doubled that number if I had written to a schedule but overall it was a good first few months as a content creator and it let me find my voice which is apparently angry sarcastic and mean But how much effort did it take to hit those numbers Number of posts posts not too shabby Although I will admit a lot of them were silly posts But for every post released I also have loads of draft posts that didn t make the cut Yikes unpublished posts Some are almost complete too but I either didn t like what I had written or just didn t have the motivation to finish the article as it didn t appeal to me One job for this week is to rescue the posts that were nearly complete and just finish them just because I didn t love them doesn t mean that someone else won t find them useful So going back to my released articles that means that with posts and k views the average number of views for each of my posts is Not too bad but I could certainly improve that more on that later CommentsThe one that surprised me was number of comments comments in months I spend too much time here seriously one of the things I will be changing in What would be good to see is how many of those comments were on my own posts I could probably work that out using the forem API but I don t think I will bother as it is just curiosity All I know is that although i enjoyed writing essays in the comments seriously some of my comments are words it is not a very productive use of my time so I need to stop that BadgesBadges are pretty pointless and if you are a new writer do not place as much emphasis on them as I did At first I thought it was really cool when you got a new badge but now I realise that most of the time the achievement is quite empty and down to luck in some ways But I might as well share my badges for the year So we have the CSS Top week streak week streak week streak accessibility and beloved comment badges As I said the gamification aspect of the badges makes them feel special at first but in reality they don t tell you much about the quality of your content Last but not least interactionsThe one stat that has a little meaning to me is interactions It does at least give me some idea of if people like a particular piece of content So yet again the average reactions per article is roughly weird articles with an average of reactions perhaps that is my new lucky number but either way there is something pleasing about having a square number But that isn t particularly useful on its own what I look at is reactions per view So by doing this I can see which posts have the most engagement from the DEV community My most popular post reactions wise is also the post with the most reactions per view It makes sense as that article was a monstrous and high effort posts so that does make it worth it even if the view count was a lot lower than I would have liked at views Still it is the top accessibility article for the year and in the top for all time so I am happy with that The one thing I certainly learned that I haven t covered yet is When to post on DEV Release time matters Over the last year I tended to just release content whenever it was finished This was my first big mistake Although it is a little out of date I did the analysis in June I did analyse the best times to release articles for likes on DEV so I thought I would share that with you finally What I did was download every article that was live on DEV yup k articles for a total of GB at the time which includes the like counts and release date etc Then I discounted the top and bottom number of likes to account for outliers over achievers under achievers Then I looked at the publish time and collated the data together into sections in the table You can find the live table here rd table the other two are less relevant This was only designed for personal use All the times are GMT and you can certainly see some interesting patterns So the best times to release articles are Monday at either am am or pmTuesday at pm or pmWednesday at pmThursday at amFriday you shouldn t releaseSaturday you shouldn t releaseSunday am top time to release The worst time to release is Friday at midnight If you write here on DEV I hope that is useful for you so you can tune your release times for maximum impact For me personally one of the big wins changes for the year is to write articles and then sit on them until the prime time to release them So my release schedule starting th January is going to be Sunday at amTuesday at pmWednesday at pmThursday at amAs I plan on writing articles a week Which leads me nicely on to the year of series I have decided that the best way to focus my writing while making it easier for people to read stuff that they find interesting is to write some mega series Here is what is coming this year Ultimate UI UI components that are perfect Covering performance accessibility progressive enhancement backwards compatibility and more Read the introduction to the series here Ultimate UI EP Series introduction and posts for the year InHuOfficial・Jan ・ min read ux webdev writing ktomil WCAG in Plain EnglishAnother mega series This time I am going to tackle one of the biggest barriers to people building accessible applications and websites the complexity of WCAG the guidelines around accessibility I am hoping to make the year of semantic HTML and accessibility and this is just my way of making accessibility more approachable You can read more about the WCAG in plain English series in the following introduction WCAG in plain English EP Series introduction and posts for the year InHuOfficial・Jan ・ min read ay webdev writing ktomil Conversion Rate OptimisationThe third mega series In this series I explore the exciting world of Conversion Rate Optimisation CRO helping turn visitors into customers or mailing lists subscribers etc I am hoping I can help people see the difference between pretty and effective when it comes to UX design You can read more about the CRO series in the following introduction Conversion Rate Optimisation EP Series introduction and posts for the year InHuOfficial・Jan ・ min read cro webdev writing ktomil days to £millionThe th and final part of this year of series is more of a general series on taking a business from £ to £million I will be sharing how I am optimising my time so I can create all these series producing an MVP launching a product and raising capital for the product to reach my goal of £million turnover by This series will have loads of little tips and tricks for time management and optimising your work day so it will be worth following for that But even if that doesn t interest you it will probably be interesting to see how the Ultimate UI series and WCAG in English series are part of a much bigger plan Think of it like a weekly roundup of what I have been working on and a curated public journal of what I have been up to personally Oh and in case you are wondering where this is all leading I am building a site builder CMS that has to make the article worth a read just to see why I would do something so stupid You can read my introduction to the idea here if this interests you it is a little long future entries will be better structured and shorter days to £million this should be fun InHuOfficial・Dec ・ min read ktomil watercooler cms ay Round Up Over articles planned for Ultimate UI for WCAG in plain English for Conversion Rate Optimisation for days to £millionI don t think there is much else I need to say other than I better get cracking on writing Oh there is one more thing I forgot to mention I will be releasing some YouTube shorts Tik Toks for WCAG and Conversion Rate Optimisation so if you prefer quick summaries rather than in depth articles they might be right up your street Oh and one more thing I have EPIC guides planned on images forms and performance similar to my mega article on accessibility Digital Accessibility ay tips and tricks InHuOfficial・Jul ・ min read webdev html ay beginners   Anyway that is my plans for and beyond what do you have planned for this year 2022-01-03 15:40:40
海外TECH DEV Community Changelog #0008 — 💟 Collection icons https://dev.to/pie/changelog-0008-collection-icons-1ef3 Changelog ーCollection icons h API new year What a year for HTTPie We launched our new brand website HTTPie for Web and Desktop in beta with thousands of developers on the waitlist added many great features to HTTPie for Terminal crossed K stars on GitHub and grew our team to members We want to thank all of you for your support And we re just getting started The team is laser focused on our mission to provide the best experience to anyone working with APIs and big things are coming to the HTTPie platform in In recent weeks we ve released library and added collection level auth This week we focused on library improvements Check out what s new HTTPie for Web amp Desktop Collection iconsA picture is worth a thousand words Now you can use icons to give your library a personal touch and visually identify your collections Icons help you orient in your workspace at a glance without taking up a lot of screen real estate When creating or editing a collection customize it with an icon and color There are currently eight icons and eight colors offering unique combinations and we ll be adding more icons over time As alwaysーwe re curious to hear your thoughts Is there an icon you d like see Let us know and your wishes may come true ImprovementsNow you can see request methods right in the library panel These verbs will also add more meaning to your existing request names You might want to review them Our beta users rightly pointed out that the original library icon resembled one commonly used for archiving We ve made it a bit more abstract Just like with the size of the main panels you know best what sidebar width works for you Now you can resize it by dragging the divider We ve changed the preview icon to lt gt and moved it to the bottom of the request specification panel Click it to open the preview panel where you can access HTTP preview as well as HTTPie command export HTTPie for TerminalHere s a summary of this week s improvements to the development version of HTTPie for Terminal which will be part of the upcoming v release ImprovementsPrompted passwords are now stored persistently in session files Shout out to Sebastian for the contribution When you forget to pass the ignore stdin option on pseudo terminals e g cron jobs or CI workflows HTTPie will now warn you if there is no incoming STDIN data after some time instead of just quietly waiting 🪲FixesUsing raw with chunked is now supported Happy testing and see you next week ‍ ️If you re not on the private beta yet you can join the waitlist here You can also follow httpie and join our Discord community ‍We re looking for new colleagues in engineering and design roles Originally published on HTTPie blog 2022-01-03 15:35:14
海外TECH DEV Community Rasoi - An eCommerce store https://dev.to/siddhantk232/rasoi-an-ecommerce-store-43eo Rasoi An eCommerce storeA small online store built using nextjs mongodb and stripe The home page is a generated product listing that is rebuilt every time there is a change in products collection link to demo Submission Category E commerce creation Link to Code siddhantk rasoi RasoiA small headless onlinestore built using nextjs mongodb and stripe The home page is a generatedproductlistingthat is rebuilt every time there is a change in products collection Usesmongo data api to interact with the mongodb database mongo realm triggers to trigger nextjs redeploy hook stripe checkout for payments DBproducts collection id name description images price creating a products triggers nextjs build SSGview productsorder them optional cart feature optional cart checkoutorders collection id sessionId email amount items creating an order triggers an email notificationstrip checkout on client View on GitHub Additional Resources InfoUses mongo data api to interact with the mongodb database Uses mongo realm triggers to trigger nextjs redeploy hook Uses stripe checkout for payments 2022-01-03 15:03:41
Apple AppleInsider - Frontpage News How to blur your background in FaceTime calls https://appleinsider.com/articles/22/01/03/how-to-blur-your-background-in-facetime-calls?utm_medium=rss How to blur your background in FaceTime callsIf you want to make a video call on FaceTime but don t want to show an untidy room here s how you can set your iPhone iPad or Mac to blur the background Whether working from home or catching up with friends and family you ve likely had to make or take a video call Someone will fire up FaceTime and turn on video so that they can see you and likewise for you to see them Part of the problem with video calling is that sometimes you cannot prepare enough for them If a call is sprung on you you may have enough time to make sure you re presentable but you may not be able to get the room you re currently in to be the same way Read more 2022-01-03 15:56:31
Apple AppleInsider - Frontpage News Apple had record iPhone holiday season with strong demand ahead, analyst says https://appleinsider.com/articles/22/01/03/apple-had-record-iphone-holiday-season-with-strong-demand-ahead-analyst-says?utm_medium=rss Apple had record iPhone holiday season with strong demand ahead analyst saysAs Apple heads into investment bank Wedbush believes the company is well positioned to benefit from strong iPhone demand and is likely to unveil a new augmented reality or mixed reality headset in the summer Apple s iPhone Pro modelsIn a note to investors seen by AppleInsider Wedbush analyst Daniel Ives writes that recent supply chain checks have led him to believe that Apple is seeing demand outstrip supply by about million units in the December quarter Read more 2022-01-03 15:03:39
海外TECH Engadget Apple's AirTag is the cheapest it's ever been at Amazon https://www.engadget.com/apples-airtag-is-the-cheapest-its-ever-been-at-amazon-153819504.html?src=rss Apple x s AirTag is the cheapest it x s ever been at AmazonApple s AirTags can be a good way to keep track of that new backpack or wallet you were gifted during the holidays and now you can grab one of the trackers for less Amazon has a single AirTag for which is less than usual and a new record low The only time we ve seen AirTags for less than this was during a Woot sale on a four pack This however is the best price we ve seen if you want just one of the trackers ーand while it s a relatively small discount it s a good deal on an accessory that rarely goes on sale Buy AirTag at Amazon AirTags are designed to work with iPhones which means you ll get a pretty seamless experience from the moment you take the coin sized tracker out of the box The Find My app will immediately recognize the AirTag and you can label it with the name of whatever it s attached to Since there s no keyhole on the AirTag you will need some sort of case or holder if you want to secure the tracker to your keys but you can find affordable AirTag accessories easily across the web Given how small AirTags are they ll easily slip into a pocket of your bag or a fold in your wallet without trouble Once set up you can return to the Find My app to locate your missing things and you can force the AirTag to emit a chime so you can more easily find your stuff if you re still relatively close to it Plus if you have an iPhone that supports ultra wideband the AirTag s Precision Finding feature can lead you directly to your stuff with directions on your handset s screen You may have to wait a bit to get the AirTag as Amazon s estimated delivery time is at the end of January but now s a good opportunity to add an AirTag to your Apple setup and save a bit of money while doing so Follow EngadgetDeals on Twitter for the latest tech deals and buying advice 2022-01-03 15:38:19
海外TECH Engadget Jabra's workout-ready Elite 4 Active earbuds are now available for $120 https://www.engadget.com/jabra-elite-4-active-true-wireless-earbuds-announced-price-specs-152938907.html?src=rss Jabra x s workout ready Elite Active earbuds are now available for Back in August Jabra debuted its ultra affordable Elite earbuds That model offers all of the core features you d expect from a set of true wireless earbuds with good sound quality solid battery life and a comfy fit And all of that only costs you There were some omissions ーmost notably the lack of active noise cancellation ANC ーbut the company is officially debuting a new option at CES that checks even more boxes while keeping the price low the Elite Active While these earbuds made an early appearance in the UK last week Jabra has now officially announced the new set for the US The Elite Active features a similar design to the range of new earbuds the company began announcing last year This means the buds should be comfy due to their smaller size and recently redesigned shape As the name implies the Elite Active is built to withstand sweaty workouts with an IP waterproof rating nbsp In terms of audio the Elite Active houses mm drivers and you can tweak the EQ via Jabra s app This new model also features ANC which the more affordable Elite does not The only caveat is that it s not adjustable like the noise cancellation on the flagship Elite Pro earbuds Jabra s transparency mode HearThrough is available on the Elite Active to allow you to hear your surroundings when needed Four mesh covered microphones assist with calls and Jabra says their design will reduce wind noise nbsp Like the Elite you can expect up to seven hours of battery life with an additional three charges in the case Jabra has also included features like the ability to use either earbud solo Google Fast Pair Alexa built in and Spotify Tap playback The best part They re available starting today for from Amazon and Jabra nbsp Follow all of the latest news from CES right here 2022-01-03 15:29:38
海外TECH The Apache Software Foundation Blog The Apache Weekly News Round-up: week ending 31 December 2021 https://blogs.apache.org/foundation/entry/the-apache-weekly-news-round7 The Apache Weekly News Round up week ending December Here we are the last day of the year we wish everyone a happy new year nbsp Thank you for your dedicated readership below is our final weekly round up for we ll be back in your inbox in ASF Board nbsp management and oversight of the business affairs of the corporation in accordance with the Foundation s bylaws nbsp Next Board Meeting January Board calendar and minutes nbsp ASF Infrastructure nbsp our distributed team on three continents keeps the ASF s infrastructure running around the clock nbsp M weekly checks yield uptime at Performance checks across different service components spread over more than machines in data centers around the world View the ASF s Infrastructure Uptime site to see the most recent averages Apache Code Snapshot nbsp Over the past week Apache Committers changed lines of code over commits Top contributors in order are Gary Gregory Claus Ibsen Michael Osipov Jacques Le Roux and Tilman Hausherr Apache Project Announcements nbsp the latest updates by category Application Servers Middleware nbsp Apache Karaf runtime and released nbsp Big Data nbsp Apache XMLBeans released IoT nbsp nbsp Apache IoTDB released nbsp Eventing nbsp Apache EventMesh incubating released nbsp Libraries nbsp Apache Logj and released nbsp Messaging nbsp nbsp Apache Qpid ProtonJ M released nbsp Apache Pulsar released Observability nbsp Apache SkyWalking Nginx LUA and Satellite released nbsp Programming Languages nbsp Apache Groovy rc released Testing nbsp Apache JMeter released Did You Know nbsp Did you know that the latest details on Apache Logj vulnerabilities are available on the Apache Logging Services security page nbsp Did you know that dozens of organizations such as Amazon AT amp T Facebook Meta Uber and Zillow use Apache Sedona incubating for their geospatial data processing pipelines nbsp nbsp Did you know that tax deductible donations support the ASF s day to day operations that benefit Apache Projects and their communities Donate online using ACH credit card PayPal Apple Pay Google Pay and Microsoft Pay Apache Community Notices nbsp The Apache Month in Review November nbsp nbsp and video highlights nbsp nbsp Watch quot Trillions and Trillions Served quot the documentary on the ASF nbsp full feature nbsp min quot Apache Everywhere quot min quot Why Apache quot min nbsp “Apache Innovation min nbsp nbsp ASF Annual Report FY nbsp Press release nbsp and nbsp Report nbsp PDF nbsp The Apache Way to nbsp Sustainable Open Source Success nbsp nbsp nbsp Foundation Reports and Statements nbsp Presentations from s ApacheCon Asia and ApacheCon Home are available on the nbsp ASF YouTube channel nbsp quot Success at Apache quot focuses on the people and processes behind why the ASF quot just works quot nbsp nbsp Inside Infra the new interview series with members of the ASF infrastructure team meet nbsp nbsp nbsp Chris Thistlethwaite nbsp nbsp nbsp Drew Foulks nbsp nbsp nbsp Greg Stein Part I nbsp nbsp nbsp nbsp Part II nbsp nbsp and Part III nbsp nbsp nbsp Daniel Gruno Part I nbsp nbsp and Part II nbsp nbsp nbsp nbsp Gavin McDonald Part I nbsp nbsp and Part II nbsp nbsp nbsp nbsp Andrew Wetmore Part I nbsp nbsp and Part II nbsp nbsp nbsp Chris Lambertus Part I nbsp nbsp nbsp and Part II nbsp nbsp Follow the ASF on social media nbsp TheASF on Twitter nbsp and nbsp The ASF page LinkedIn nbsp nbsp Follow the nbsp Apache Community on Facebook nbsp and nbsp Twitter nbsp nbsp Are your software solutions Powered by Apache nbsp Download amp use our quot Powered By quot logos Stay updated about The ASFFor real time updates sign up for Apache related news by sending mail to announce subscribe apache org and follow TheASF on Twitter For a broader spectrum from the Apache community nbsp nbsp provides an aggregate of Project activities as well as the personal blogs and tweets of select ASF Committers 2022-01-03 15:25:00
金融 ニュース - 保険市場TIMES 東京海上日動、置き配保険の販売開始 https://www.hokende.com/news/blog/entry/2022/01/04/010000 東京海上日動、置き配保険の販売開始置き配ニーズをうけて東京海上日動火災保険株式会社は月日、運送事業者向けの置き配保険を販売開始すると発表した。 2022-01-04 01:00:00
ニュース BBC News - Home Covid: England must stick with Plan B to protect NHS - PM https://www.bbc.co.uk/news/uk-59859923?at_medium=RSS&at_campaign=KARANGA considerable 2022-01-03 15:10:04
ニュース BBC News - Home Hospitals in Lincolnshire declare critical incident https://www.bbc.co.uk/news/uk-england-lincolnshire-59858887?at_medium=RSS&at_campaign=KARANGA absences 2022-01-03 15:46:41
ニュース BBC News - Home Sudan coup: Prime Minister Abdalla Hamdok resigns after mass protests https://www.bbc.co.uk/news/world-africa-59855246?at_medium=RSS&at_campaign=KARANGA resignation 2022-01-03 15:19:06
ニュース BBC News - Home Richard Leakey - fossil expert, conservationist and politician https://www.bbc.co.uk/news/world-africa-59833131?at_medium=RSS&at_campaign=KARANGA leakey 2022-01-03 15:13:06
サブカルネタ ラーブロ 22/003 博多長浜らーめん 田中商店 本店:チャーシュー麺(バリかた)、味付玉子、赤オニ http://ra-blog.net/modules/rssc/single_feed.php?fid=195228 年末年始 2022-01-03 15:05:48
サブカルネタ ラーブロ らぁ麺 すぎ本@青葉台(神奈川県) 「塩らぁ麺+ワンタン2個、ほか」 http://ra-blog.net/modules/rssc/single_feed.php?fid=195229 神奈川県 2022-01-03 15:01:42
北海道 北海道新聞 米中ロ英仏「核戦争しない」 初の共同声明、外交追求 https://www.hokkaido-np.co.jp/article/629752/ 共同声明 2022-01-04 00:17:36
北海道 北海道新聞 JR、雪の影響で快速エアポートなど76本運休 https://www.hokkaido-np.co.jp/article/629727/ 快速エアポート 2022-01-04 00:17:27

コメント

このブログの人気の投稿

投稿時間: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件)