投稿時間:2022-09-10 20:19:56 RSSフィード2022-09-10 20:00 分まとめ(24件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	ソフトバンク、｢iPhone 14｣シリーズを｢Web割｣の対象機種に追加 − オンライン限定で21,600円オフに	https://taisy0.com/2022/09/10/161513.html	apple	2022-09-10 10:34:35
js	JavaScriptタグが付けられた新着投稿 - Qiita	世界一優しいReactの基本その4 -Propsとは-	https://qiita.com/k-tetsuhiro/items/99f7d34ac72b2f941404	props	2022-09-10 19:44:32
Ruby	Rubyタグが付けられた新着投稿 - Qiita	様々な繰り返し処理	https://qiita.com/tadume/items/5a5894f92107fd670212	enumberable	2022-09-10 19:09:52
Docker	dockerタグが付けられた新着投稿 - Qiita	【Docker】DockerfileのRUN周辺で出てくるコマンドに関するメモ	https://qiita.com/yaji114/items/6e574b9efa3b07cf14bb	docker	2022-09-10 19:59:04
Git	Gitタグが付けられた新着投稿 - Qiita	git cloneでPermission deniedされたときの対策	https://qiita.com/Dixhom/items/fa1d575b3170f00af065	latindescendantpredicto	2022-09-10 19:23:19
海外TECH	DEV Community	Flutter interview questions & answers part - 1	https://dev.to/this-is-learning/flutter-interview-questions-answers-part-1-5alp	Flutter interview questions amp answers part IntroductionIn this article I am going to talk about Flutter interview questions and answers I will be writing a series of articles on this topic Let s get started before we make any deals What is Flutter Flutter is a cross platform development toolkit developed by Google that enables you to build native applications for multiple platforms with a single codebase and achieve great UI quickly What is Dart Dart is an open source general purpose programming language It was developed by Google in and later approved as a standard by ECMA Dart compiles the source code similarly to other programming languages like JavaScript but the standalone Dart SDK is shipped with a Dart VM Virtual Machine What are the types of widgets in Flutter Basically there are two types of widgets StatefullWidget StatelessWidget What is the difference between StatefulWidget and StatelessWidget A StatefulWidget holds the state of widgets and can be rebuilt when the state changes While the app is running you can change a widget s state multiple times by calling setState A StatelessWidget on the other hand cannot change its state during the application s runtime so you use it when the widget won t change What is the difference between hot reload and hot restart Hot reload simply loads your code changes into the VM Virtual Machine and rebuilds the widget tree with the current app states It does not execute the main and initState methods again Hot restart loads your code changes into the VM and restarts the flutter app from the main method It lost the previous app state and created a new app state after restarting from the main method What is the difference between runApp and main In Flutter the main function is used to start the program Without it you can t write any programs And the runApp function is used to return the widgets that are connected to the screen as the root of the widget tree to be rendered on the screen Tell me the names of apps built on Flutter The world s most valuable and top companies are using Flutter The following are some of the most popular apps built on Flutter Google PayGoogle AdsDream Zerodha Reflectly etc What is the use of Mixins Dart does not support multiple inheritances but Maxins gives us the ability to achieve multiple inheritances To put it simply mixins are classes that allow us to borrow methods and variables without extending the class Dart uses a keyword called withfor this purpose For example We have a Car class and we want to access Brand and Model both clasess methods in Car class at this situation mixins give us the opportunity to achieve this using the keyword with class Brand void getBrand required String carBrand print Brand name carBrand class Model void getModel required String carModel print Model carModel class Car extends Brand with Model void getCarDetails required String carBrand required String carModel print Hey here is my car details getBrand carBrand carBrand getModel carModel carModel void main Car car Car car getCarDetails carBrand Tex carModel Cadillac Coupe DeVille What is the use of the pubspec yaml file in Flutter In your Flutter project the pubspec yaml defines the dependencies It is written in the YAML language The pubspec yaml file contains a number of fields including the name description version dependencies environment assets and more What is the lifecycle of StatefullWidet A stateful widget has the following lifecycle stages createState Every StatefulWidget calls createState as soon as it is built so this override must be present initState This is the first method called after a Widget is created didChangeDependencies This method is invoked when the widget is constructed for the first time after initState build It is called immediately after didChangeDependencies It is called every time the UI needs to be rendered and renders all the GUI didUpdateWidget This method will be called as soon as a change is made to a parent widget that requires redrawing deactivate This function is called when an object is removed from the tree It is called before disposing dispose This method is called when an object is permanently removed from the tree Image by Jelena Jovanoski ConclusionIn this article we discussed Flutter interview questions and answers Stay tuned for the next article discussing more interview questions and answers I hope you liked this article	2022-09-10 10:39:44
海外TECH	DEV Community	Creating a custom page in Django Admin	https://dev.to/daiquiri_team/creating-a-custom-page-in-django-admin-4pbd	Creating a custom page in Django AdminDjango is a great web framework for fast development Django Admin allows you to manage your data without creating your own views The primary use case of the Admin is CRUD operations You can populate your local database with test data or change some real data in the production environment Sometimes you need some custom interfaces to perform your routines on the project Fortunately Django Admin has a lot of room for customization In this guide I ll show how to create a custom detail page in Django Admin Basic setupLet s start from scratch I ll use python in this guide If you are not interested in the basic details you can jump to the custom Order page part First create a virtual environment and install Django Also we need Pillow for Django s ImageField python m venv venv venv bin activatepip install django Pillow Then create a new Django project and product app inside python m django startproject django admin example python m django startapp productsIt will be a simple shop application with Product Order and OrderItem models Order can have several OrderItem and belongs to some User Each OrderItem contains the Product and countーquantity of the Product in the Order Add these models in products models py from django contrib auth import get user modelfrom django db import modelsUser get user model class Product models Model title models CharField max length price models IntegerField image models ImageField def str self return self titleclass Order models Model user models ForeignKey User on delete models CASCADE created models DateTimeField auto now add True def str self return f self user self created date class OrderItem models Model order models ForeignKey Order on delete models CASCADE product models ForeignKey Product on delete models CASCADE count models PositiveIntegerField def str self return f self product x self count Let s include the product app in django admin example settings py Also we need to set MEDIA URL and MEDIA ROOT for file uploading INSTALLED APPS Other apps products MEDIA URL media MEDIA ROOT BASE DIR media Now we can create and run migrations python manage py makemigrationspython manage py migrateWe are done with the models Moving to the Admin part Create a products admin py with the following content from django contrib import adminfrom products models import Product OrderItem Order admin register Product class ProductAdmin admin ModelAdmin list display title price class OrderItemInline admin TabularInline model OrderItem admin register Order class OrderAdmin admin ModelAdmin list display user created inlines OrderItemInline admin register OrderItem class OrderItemAdmin admin ModelAdmin list display order product count We created OrderItemInline to change order items on the Order form Next we need to add a URL configuration for the admin site in urls py Also we want to add media file URLs to serve images from django contrib import adminfrom django urls import pathfrom django conf import settingsfrom django conf urls static import staticurlpatterns path admin admin site urls static settings MEDIA URL document root settings MEDIA ROOT Finally we need a superuser to login into the admin python manage py createsuperuserUsername leave blank to use user adminEmail address admin test comPassword Password again Superuser created successfully Run python manage py runserver go to the admin and log in with the admin user Now it s time to fill our database with some dummy data Let s add a customer user Some product to our shop And create an order for the customer Custom Order PageNow we are ready to create a page for order summary We want customer information a list of ordered products and a total order sum on this page Let s start with an empty template in products templates admin products order detail html Django Admin enforces this structure for the templates admin APP NAME MODEL NAME some template html So all custom templates for the Order model will be in this folder Then let s create an OrderDetailView in admin py from django contrib auth mixins import PermissionRequiredMixinfrom django views generic detail import DetailViewfrom products models import Orderclass OrderDetailView PermissionRequiredMixin DetailView permission required products view order template name admin products order detail html model OrderAdd this view to the OrderAdmin get urls create the detail column and add it to the list display from django contrib import adminfrom django urls import path reversefrom django utils html import format htmlfrom products models import Order admin register Order class OrderAdmin admin ModelAdmin list display user created detail inlines OrderItemInline def get urls self return path lt pk gt detail self admin site admin view OrderDetailView as view name f products order detail super get urls def detail self obj Order gt str url reverse admin products order detail args obj pk return format html f lt a href url gt lt a gt OrderDetailView will accept pk as an argument Also we wrap the view into admin site admin view This wrapper checks that user is logged in user is staff True and enforces CSRF validation Let s check how it looks Creating a templateNow the detail link leads to an empty page Let s create a real one As docs says If you want to use the admin layout extend from admin base site html Add this code to the detail html and check the page in your browser extends admin base site html block content lt h gt Order by object user object created date lt h gt lt dl gt lt dt gt Name lt dt gt lt dd gt object user get full name lt dd gt lt dt gt Email lt dt gt lt dd gt object user email lt dd gt lt dl gt endblock The page looks like a Django Page but we are missing some components on the page breadcrumbs sidebar and change password logout buttons You can check admin base html and admin change form html to see how they are implemented First we need a context for the template Let s override a OrderDetailView get context method class OrderDetailView PermissionRequiredMixin DetailView def get context data self kwargs return super get context data kwargs admin site each context self request opts self model meta This will be enough for the sidebar and change password logout buttons Now let s add the breadcrumbs block to the detail html We can take the breadcrumbs block from the admin change form html and modify it like this load in admin urls block breadcrumbs lt div class breadcrumbs gt lt a href url admin index gt translate Home lt a gt amp rsaquo lt a href url admin app list app label opts app label gt opts app config verbose name lt a gt amp rsaquo lt a href url opts admin urlname changelist gt opts verbose name plural capfirst lt a gt amp rsaquo object lt div gt endblock Finally let s add a product table We need a total amount of Order so create a total amount method for OrderItem and Order class Order models Model property def total amount self return sum item total amount for item in self orderitem set all class OrderItem models Model property def total amount self return self product price self countAdd the table and the total to the detail html block content lt table style width margin bottom px gt lt thead gt lt tr gt lt td gt lt td gt lt td gt Product lt td gt lt td gt Price lt td gt lt td gt Count lt td gt lt td gt Total lt td gt lt tr gt lt thead gt lt tbody gt for item in object orderitem set all lt tr gt lt td gt lt img src item product image url height gt lt td gt lt td gt item product title lt td gt lt td gt item product price lt td gt lt td gt x item count lt td gt lt td gt item total amount lt td gt lt tr gt endfor lt tbody gt lt table gt lt p style font size px text align end padding right px gt Total object total amount lt p gt endblock Check the final result The endCongratulations We added a custom page to the Django Admin This is a way you can customize the Admin Django according to your project needs You can find the source code here If you need to build a custom web application check out our website or connect with me directly on LinkedIn	2022-09-10 10:13:06
海外TECH	DEV Community	Build a CSS Preview Card Component	https://dev.to/mojodev/build-a-css-preview-card-component-6a2	Build a CSS Preview Card ComponentHey guys welcome to this step by step tutorial on how to build a preview card component Without wasting time let s jump right into it To get started download these starters files Make sure you signup signin to frontendmentor if necessary Getting Started with the HTML study it carefully lt main gt lt div class container gt lt Always Good to have a container gt lt div class card gt lt for the actual card div self explantory gt lt div class left gt lt div gt lt space for background image gt lt div class right gt lt h gt Preview lt h gt lt h gt Gabrielle lt br gt Essence Eau lt br gt De Parfum lt h gt lt p gt A floral solar and voluptuous interpretation composed by Olivier Polge Perfumer Creator for the House of CHANEL lt p gt lt div class text container gt lt span id big text gt lt span gt lt span id small text gt lt span gt lt div gt lt button gt lt img src images icon cart svg alt gt Add to cart lt button gt lt div gt lt main gt The CSS Codebody background color hsl you can find the color in the style guide md font family system ui container This set of styles will center everything in the container in this case the card display flex justify content center align items center min height vh left width height px Adding the background image background image url images image product desktop jpg background position center background size cover Rounded corners at specific locations border top left radius px border bottom left radius px right width margin left px card width px Remember that body is not white this makes the card stand out background color fff display flex Rounded corners at specific locations border top right radius px border bottom right radius px The text container contains the amp text container display flex align items center width Self Explanatory h letter spacing px color grey Self Explanatory p color grey line height px Self Explanatory big text font size px font weight bold margin bottom px Remember that this color can be found in the style guided md color hsl Self Explanatory small text color grey text decoration line through button when styling a button remember that the padding is very important padding px px stripping away browser defaults border none outline none color fff Remember the button has an Image display flex align items center justify content center background color hsl because we are giving the right div margin px therefore width width Rounded Corners border radius px The image inside the button button img This will adjust it a lit bit padding right px This styles will on apply to devices below px media max width px card flex direction column Changes the layout of the card height px right width becuase of the margin not for mobile button margin px left changing the product image background image url images image product mobile jpg background position center background size cover border radius configuration border bottom left radius px border top left radius px border top right radius px width height px br display none this will make our br tags disappear big text margin bottom px ConclusionHappy Coding	2022-09-10 10:12:46
海外ニュース	Japan Times latest articles	King Charles proclaimed Britain’s monarch at historic ceremony	https://www.japantimes.co.jp/news/2022/09/10/world/uk-king-charles-proclamation/	palace	2022-09-10 19:25:55
海外ニュース	Japan Times latest articles	For Ukraine, the fight is often a game of bridges	https://www.japantimes.co.jp/news/2022/09/10/world/ukraine-russia-war-bridges/	For Ukraine the fight is often a game of bridgesThe southern counteroffensive has been a painstaking battle of river crossings with pontoon bridges as prime targets for both sides But so far it is	2022-09-10 19:04:16
ニュース	BBC News - Home	Charles formally confirmed as king in ceremony televised for first time	https://www.bbc.co.uk/news/uk-62860893?at_medium=RSS&at_campaign=KARANGA	accession	2022-09-10 10:26:54
ニュース	BBC News - Home	Bank holiday approved for day of Queen's funeral	https://www.bbc.co.uk/news/uk-62862225?at_medium=RSS&at_campaign=KARANGA	funeral	2022-09-10 10:37:02
ニュース	BBC News - Home	New Zealand: Whale may have caused boat flip that killed five	https://www.bbc.co.uk/news/world-asia-62860778?at_medium=RSS&at_campaign=KARANGA	craig	2022-09-10 10:01:46
ニュース	BBC News - Home	England v South Africa: Tributes paid to Queen before Test begins	https://www.bbc.co.uk/sport/cricket/62838463?at_medium=RSS&at_campaign=KARANGA	africa	2022-09-10 10:36:07
北海道	北海道新聞	自動運転を支援する路面塗料開発　日本ペイント、走行精度向上	https://www.hokkaido-np.co.jp/article/729169/	日本ペイント	2022-09-10 19:13:06
北海道	北海道新聞	安倍氏国葬、弔砲１９発を踏襲　吉田元首相ら前例、自衛隊員千人	https://www.hokkaido-np.co.jp/article/729223/	安倍元首相	2022-09-10 19:27:00
北海道	北海道新聞	男子１１０ｍ障害は村竹が優勝　日本学生対校陸上第２日	https://www.hokkaido-np.co.jp/article/729217/	障害	2022-09-10 19:17:00
北海道	北海道新聞	安全なバス運行誓う集い　軽井沢、転落事故の遺族ら	https://www.hokkaido-np.co.jp/article/729209/	転落事故	2022-09-10 19:12:51
北海道	北海道新聞	道立近代美術館、名称から「近代」外す？　道教委の専門家会議で浮上　多様な展覧会の実態に合わず	https://www.hokkaido-np.co.jp/article/729221/	道立近代美術館	2022-09-10 19:23:00
北海道	北海道新聞	本田、横田らが初優勝　柔道全日本ジュニア第１日	https://www.hokkaido-np.co.jp/article/729219/	埼玉県立武道館	2022-09-10 19:21:00
北海道	北海道新聞	胆振管内３０９人感染　新型コロナ	https://www.hokkaido-np.co.jp/article/729216/	新型コロナウイルス	2022-09-10 19:17:00
北海道	北海道新聞	空知管内１９９人感染　新型コロナ	https://www.hokkaido-np.co.jp/article/729214/	空知管内	2022-09-10 19:13:00
北海道	北海道新聞	福島と熊本、被災ピアノが初共演　「奇跡」と「希望」の２台	https://www.hokkaido-np.co.jp/article/729213/	東日本大震災	2022-09-10 19:12:00
北海道	北海道新聞	樽明峰、樽桜陽が準決勝へ　秋の高校野球小樽支部予選	https://www.hokkaido-np.co.jp/article/729210/	高校野球	2022-09-10 19:02:00