投稿時間:2021-09-07 04:20:05 RSSフィード2021-09-07 04:00 分まとめ(27件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	RaspberryPiでSPI駆動の1.8" TFT液晶（ST7735s）を使って、画像を表示する。	https://qiita.com/wy0727_betch/items/1da0208120adb98f7981	この記事のスクリプトは、以下のページを参考にしました。	2021-09-07 03:12:53
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	djangoでmarkdownを用いブログサイトを作っているのですが、エラーの対処法が分からない	https://teratail.com/questions/358103?rss=all	djangoでmarkdownを用いブログサイトを作っているのですが、エラーの対処法が分からないmarkdowonで入力されたtextを変換し、htmlに表示する際のエラーdjangoでアプリケーションフォルダ内に、templatetagsというフォルダを用意し、中にmarkdownpyとinitpyというファイルを作った。	2021-09-07 03:36:10
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	スムーズスクロールでスクロールした後、ボタンが消えません。	https://teratail.com/questions/358102?rss=all	スムーズスクロールでスクロールした後、ボタンが消えません。	2021-09-07 03:26:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	PageSpeed Insightsに関しまして	https://teratail.com/questions/358101?rss=all	PageSpeedInsightsに関しましてPageSpeednbspInsightsに関しまして。	2021-09-07 03:17:56
海外TECH	DEV Community	Setting up a Next.js storefront for your Medusa project	https://dev.to/medusajs/setting-up-a-next-js-storefront-for-your-medusa-project-3j3k	Setting up a Next js storefront for your Medusa projectMedusa is a headless open source commerce platform giving engineers the foundation for building unique and scaleable digital commerce projects through our API first engine Being headless our starters serve as a good foundation for you to get coupled with a frontend in a matter of minutes This article assumes you already have the Medusa project created and ready to be linked to your Next js starter Getting startedIn order to get started let s open the terminal and use the following command to create an instance of your storefront npx create next app e my medusa storefrontNow we have a storefront codebase that is ready to be used with our Medusa server Next we have to complete two steps to make our new shiny storefront to speak with our server link storefront to a server and update the STORE CORS variable Let s jump to these two Link storefront to a serverFor this part we should navigate to a client js file which you can find in the utils folder We don t need to do much in here but to make sure that our storefront is pointing to the port where the server is runningimport Medusa from medusajs medusa js const BACKEND URL process env GATSBY STORE URL http localhost lt That is the line we are looking forexport const createClient gt new Medusa baseUrl BACKEND URL By default the Medusa server is running at port so if you didn t change that we are good to go to our next step Update the STORE CORS variableHere let s navigate to your Medusa server and open medusa config js Let s locate the STORE CORS variable and make sure it s the right port which is by default for Next js projects CORS to avoid issues when consuming Medusa from a client Should be pointing to the port where the storefront is running const STORE CORS process env STORE CORS http localhost Now we have a storefront that interacts with our Medusa server and with that we have a sweet and complete e commerce setup with a Next js storefront Learn moreIf you want to discover the endless possibilities of Medusa s ecosystem you can find a lot more useful resources on our docs page which can help you to build your awesome commerce project If you need help or have questions about how to use Medusa feel free to join our Discord to get direct access to our engineering team	2021-09-06 18:35:52
海外TECH	DEV Community	Yancy: The Next Model	https://dev.to/preaction/yancy-the-next-model-ndi	Yancy The Next ModelYancy is a content management system and application framework for the Mojolicious web framework For the last year I ve been using it to develop Zapp my workflow automation webapp Over that time it became harder and harder to organize all the code needed to manipulate Zapp s data To solve this problem I wrote Yancy Model Mojolicious is a Model View Controller MVC web framework The model layer is where the data manipulation happens Reading and writing records in the database It is also where business logic happens Sending e mail for transactions or periodic data cleanup The goal of a model layer is to provide an API on to the application s data so that it can be used not only by the web application but by other tools as well Because Mojolicious does not provide its own model layer most people usually turn to the DBIx Class ORM But this has always felt too complex and heavy for my needs By the time I know my project needs something like DBIx Class it s usually too late to migrate easily I wanted something lighter and more agile that could grow from a rapidly developed proof of concept app to the final maintainable production version Yancy provides a generic API on to multiple database systems which it calls Backends Backends handle basic database operations with a common API Using this common API I built a lightweight class system for accessing data Yancy Model wraps the backend object and manages the classes Yancy Model Schema provides methods to create and search a database table Yancy Model Item represents a single row in a table and provides methods to update and delete it Using these basic classes provides a more fluent interface to the database than using the backend API directly But the power of a model layer is in writing custom code to make managing the data easy and safe For this Yancy Model allows you to add your own classes for schemas tables and items rows Writing custom model classes makes organizing your data management code easy For example Zapp has a table for workflows called plans with a related table containing tasks plan tasks and another related table containing workflow input plan inputs Whenever a user looks at a plan they need to also see the plan s tasks and inputs So I can create a schema class that fetches this information automatically package Zapp Schema Plans use Mojo Base Yancy Model Schema signatures sub get self id opt I could use two JOINs here instead but joining two relationships could result in a lot of data to fetch and discard my plan self gt SUPER get id opt my inputs schema self gt model gt schema plan inputs plan gt inputs inputs schema gt list plan id gt id order by gt rank gt items my tasks schema self gt model gt schema plan tasks plan gt tasks tasks schema gt list plan id gt id order by gt task id gt items return plan Zapp also has a table for recording every time a plan is run called runs This table also records the tasks and inputs the plan had when it was run in run tasks and run inputs respectively along with some additional fields to record the status of the tasks and the user s actual input In a way a run is a plan As above when a user looks at a run they need to also see the run s tasks and inputs Since Yancy Model uses plain Perl objects I can refactor the plans class to also handle runs package Zapp Schema Plans use Mojo Base Yancy Model Schema signatures has tasks table gt plan tasks has inputs table gt plan inputs sub get self id opt my plan self gt SUPER get id opt my inputs schema self gt model gt schema self gt inputs schema plan gt inputs inputs schema gt list plan id gt id order by gt rank gt items my tasks schema self gt model gt schema self gt tasks schema plan gt tasks tasks schema gt list plan id gt id order by gt task id gt items return plan package Zapp Schema Runs use Mojo Base Zapp Schema Plans signatures has tasks table gt run tasks has inputs table gt run inputs Now plans and runs both fetch their related data automatically I can add similar functionality to create set list and delete to make dealing with the related data seamless Further I can create completely custom methods like enqueue which will add the plan or the run to the Minion job queue to be executed With Yancy Model I can quickly build an API for my application s data As my application develops I can keep my data logic separate from my web frontend logic Since they re separate I can use my data logic in other applications and tools This is the biggest benefit of using an MVC pattern with a framework like Mojolicious	2021-09-06 18:15:36
海外TECH	DEV Community	How show PDF in vanilla JavaScript in Browser🤯	https://dev.to/patik123/how-show-pdf-in-vanilla-javascript-in-browser-2o10	How show PDF in vanilla JavaScript in BrowserYesterday I wondered how to display a PDF document on a website I tried with iframe to display the document but it didn t work on mobile devices After some time of searching I found a solution using the Mozilla PDF js library Live demoGitHub repo Mozilla PDF jsA general purpose web standards based platform for parsing and rendering PDFs Mozilla s PDF js project is an open source project licensed under the Apache license so it can be used in almost any application The library basically only allows us PDF files in the browser If you look in detail at the UI of the browser you will find that it is the same as in Mozilla Firefox if you open the PDF in the browser A demo version of the browser is available at this link However if you do not need all these features in your application then there is the option of using the PDF js API More about PDF js How to build PDF rendererFirst we need to add the PDF js library to our website we do it with a simple line I am using PDF js version In other versions changes to the API may occur lt script src gt lt script gt Our app will consist of navigation keys with which we will be able to go to the next previous page and enlarge or reduce the document lt div class pdf toolbar gt lt div id navigation controls gt lt button class pdf toolbar button id previous gt Previous lt button gt lt input class pdf input id current page value type number gt lt button class pdf toolbar button id next gt Next lt button gt lt div gt lt div id zoom controls gt lt button class pdf toolbar button id zoom in gt lt button gt lt button class pdf toolbar button id zoom out gt lt button gt lt div gt lt div gt Our PDF document is displayed in a canvas element so we need to embed it lt div id canvas container gt lt canvas id pdf renderer gt lt canvas gt lt div gt Now let s add some JavaScript var defaultState pdf null currentPage zoom GET OUR PDF FILEpdfjsLib getDocument file pdf then pdf gt defaultState pdf pdf render RENDER PDF DOCUMENTfunction render defaultState pdf getPage defaultState currentPage then page gt var canvas document getElementById pdf renderer var ctx canvas getContext d var viewport page getViewport defaultState zoom canvas width viewport width canvas height viewport height page render canvasContext ctx viewport viewport FUNCTION GO TO PREVIOUS SITEdocument getElementById previous addEventListener click e gt if defaultState pdf null defaultState currentPage return defaultState currentPage document getElementById current page value defaultState currentPage render FUNCTION GO TO PREVIOUS NEXTdocument getElementById next addEventListener click e gt if defaultState pdf null defaultState currentPage gt defaultState pdf pdfInfo numPages return defaultState currentPage document getElementById current page value defaultState currentPage render FUNCTION GO TO CUSTUM SITEdocument getElementById current page addEventListener keypress e gt if defaultState pdf null return var code e keyCode e keyCode e which if code ON CLICK ENTER GO TO SITE TYPED IN TEXT BOX var desiredPage document getElementById current page valueAsNumber if desiredPage gt amp amp desiredPage lt defaultState pdf pdfInfo numPages defaultState currentPage desiredPage document getElementById current page value desiredPage render FUNCTION FOR ZOOM INdocument getElementById zoom in addEventListener click e gt if defaultState pdf null return defaultState zoom render FUNCTION FOR ZOOM OUTdocument getElementById zoom out addEventListener click e gt if defaultState pdf null return defaultState zoom render We have now created a page where we can display any PDF on any device without downloading Here is the look of the final version If you have a CV in PDF on your portfolio you can now view it in your browser I hope this guide helped you for even more content you can follow me on my Twitter profile	2021-09-06 18:13:07
海外TECH	DEV Community	I created an OpenSource Portfolio Template for Developers 🚀	https://dev.to/rammcodes/i-created-an-opensource-portfolio-template-for-developers-1ij9	I created an OpenSource Portfolio Template for Developers Launching Dopefolio An OpenSource Multipage Portfolio Website Template for Developers Github Repo Link Creating a Portfolio Website from scratch is time consuming and that s why I have created an OpenSource Portfolio Website Template for Developers so developers don t have to build their website from scratch Instead Developers can focus on building better Projects for their Portfolio without worrying about the Portfolio Website itself Features Easy to Setup Free to Use OpenSource No Additional Frameworks No Additional Libraries Multi Page Fully Responsive Super Fast and Optimized for SEO The project is made with HTML CSS some JavaScript and SASS to write CSS Don t worry if you don t know any I have provided the instructions on how to use Dopefolio and set up your own Portfolio using it in the README md file inside the Github Repository Check out the Github Repository ‍Drop a Github Star Fork the Repository Start using it for your own Portfolio The Demo Link of the template is also provided in the Github Repository along with the Colors Playground Link Hope this Portfolio Template will help you in your journey as a Developer Important I regularly post useful content related to Web Development and Programming on Linkedin You should consider Connecting with me or Following me on Linkedin Linkedin Profile You can also connect with me on TwitterTwitter Profile Support If you find this project to be useful then you can support me using the Buy Me a Coffee link below so I can continue chasing my dream of building useful Open Projects that will help the developer community and the general audience and will allow me to change my life as well Buy Me A Coffee ️Feel free to Like and Share this post Share your feedback by Commenting below Drop me a Follow for more Awesome content related to Web Development and Programming Thank you for your support ️	2021-09-06 18:02:29
海外TECH	CodeProject Latest Articles	Cinchoo ETL - Converting complex nested JSON to CSV	https://www.codeproject.com/Tips/5312218/Cinchoo-ETL-Converting-complex-nested-JSON-to-CSV	format	2021-09-06 18:06:00
海外科学	NYT > Science	Oil Spill in the Gulf of Mexico: What We Know	https://www.nytimes.com/2021/09/06/climate/oil-spill-ida-gulf-of-mexico.html	knowthe	2021-09-06 18:08:59
金融	RSS FILE - 日本証券業協会	証券投資の税制	https://www.jsda.or.jp/anshin/oshirase/index.html	証券	2021-09-06 18:14:00
ニュース	BBC News - Home	NHS to get £5.4bn extra to deal with Covid backlog	https://www.bbc.co.uk/news/uk-politics-58463493?at_medium=RSS&at_campaign=KARANGA	england	2021-09-06 18:38:22
ニュース	BBC News - Home	Covid-19: UK passes 7 million confirmed Covid cases	https://www.bbc.co.uk/news/uk-58468557?at_medium=RSS&at_campaign=KARANGA	total	2021-09-06 18:53:15
ニュース	BBC News - Home	NI Protocol: Further delays for Irish Sea border checks	https://www.bbc.co.uk/news/uk-northern-ireland-58461991?at_medium=RSS&at_campaign=KARANGA	border	2021-09-06 18:29:17
ニュース	BBC News - Home	Covid-19: Table service rules over for NI pubs and restaurants	https://www.bbc.co.uk/news/uk-northern-ireland-58458086?at_medium=RSS&at_campaign=KARANGA	receptions	2021-09-06 18:21:01
ニュース	BBC News - Home	Brazil v Argentina: Fifa 'regrets' scenes leading to match suspension	https://www.bbc.co.uk/sport/football/58464728?at_medium=RSS&at_campaign=KARANGA	qualifier	2021-09-06 18:35:37
ビジネス	ダイヤモンド・オンライン - 新着記事	広がる「ディープフェイク」犯罪の実例と予防策、一般人も被害の恐れ - News&Analysis	https://diamond.jp/articles/-/278656	広がる「ディープフェイク」犯罪の実例と予防策、一般人も被害の恐れNewsampampAnalysis人工知能AIによって、つの画像や動画の一部を結合させ、元とは異なる映像を作成する技術である「ディープフェイク」。	2021-09-07 04:00:00
ビジネス	ダイヤモンド・オンライン - 新着記事	半年で10キロ痩せたイタリアンのシェフに学ぶ「生活パターンを変えるコツ」 - 仕事脳で考える食生活改善	https://diamond.jp/articles/-/281465	久しぶり	2021-09-07 03:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ウィズコロナの採用活動で、“リアルとオンラインを使い分ける”コツ - HRオンライン	https://diamond.jp/articles/-/281274		2021-09-07 03:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	強気相場で投資家が失ったもの - WSJ PickUp	https://diamond.jp/articles/-/281461	wsjpickup	2021-09-07 03:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	起業家は中国共産党の「消耗品」 告発本出版 - WSJ PickUp	https://diamond.jp/articles/-/281462	wsjpickup	2021-09-07 03:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	次期首相、対中姿勢はさらに強硬に - WSJ PickUp	https://diamond.jp/articles/-/281463	wsjpickup	2021-09-07 03:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	神奈川「私立中学」志願者数ランキング、3位横浜女学院、2位日本大学、1位は？ - 中学受験への道	https://diamond.jp/articles/-/281284	中学受験	2021-09-07 03:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ひろゆきに「絶対に許せない人は？」と聞いたら意外な返事が返ってきた - 1％の努力	https://diamond.jp/articles/-/281022	youtube	2021-09-07 03:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「学び直したいが、どこから手をつけるべきか途方に暮れている」人が最速で結果を出す方法 - 独学大全	https://diamond.jp/articles/-/281418	途方	2021-09-07 03:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	なぜ、管理職が「頑張らない」ほうが、チームは「成果」を上げるのか？ - 課長2.0	https://diamond.jp/articles/-/281279	大事なのは、「自走」できるメンバーを育て、彼らが全力で走れるようにサポートすること。	2021-09-07 03:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【現役サラリーマンが株式投資で2億円】 43歳で資産2億円の投資テクニックとは？ - 割安成長株で2億円 実践テクニック100	https://diamond.jp/articles/-/279207	【現役サラリーマンが株式投資で億円】歳で資産億円の投資テクニックとは割安成長株で億円実践テクニック定年まで働くなんて無理……ならば、生涯賃金億円を株式投資で稼いでしまおうそう決意した入社年目、知識ゼロの状態から株式投資をスタートした『割安成長株で億円実践テクニック』の著者・現役サラリーマン投資家の弐億貯男氏。	2021-09-07 03:05:00