投稿時間:2021-05-19 06:20:13 RSSフィード2021-05-19 06:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] FitbitのパークCEO、「Wear OS搭載のプレミアムスマートウォッチを開発する」	https://www.itmedia.co.jp/news/articles/2105/19/news060.html	fitbit	2021-05-19 05:32:00
python	Pythonタグが付けられた新着投稿 - Qiita	LightGBMカスタムメトリクスのサンプル	https://qiita.com/matyubara/items/5f73a330aed102227d08	LightGBMカスタムメトリクスのサンプル毎回リファレンス確認しながら書いてるカスタムメトリクス。	2021-05-19 05:06:32
海外TECH	Ars Technica	Google, Samsung, and Fitbit team up to save Wear OS	https://arstechnica.com/?p=1765728	google	2021-05-18 20:34:55
海外TECH	Ars Technica	Verizon forces users onto pricier plans to get $50-per-month gov’t subsidy	https://arstechnica.com/?p=1765823	income	2021-05-18 20:32:42
海外TECH	Ars Technica	Indigenous forest gardens remain productive and diverse for over a century	https://arstechnica.com/?p=1765746	centurygardens	2021-05-18 20:15:11
海外TECH	DEV Community	Promise based Dialog in Vue 2	https://dev.to/hardyng/promise-based-dialog-in-vue-2-22e3	Promise based Dialog in Vue Dialogs visually exist outside application and because of it never really felt right for me to include them in places where they don t belong to HTML regarding Dialogs is often placed in the root of the application or in the components where they are called from and then usually by portals transferred to the top Logic which is controlling which dialog should pop up and when is also either in store or component or maybe have its own service Sometimes logic meant to control dialogs is lacking in features and then oops we cannot open dialog inside another dialog Too bad if we need it I feel like we can solve all the issues with simply handling dialogs as a function We want dialog Let s call it and as a parameter put the component we want to display We can wrap it in a promise so we know exactly when the dialog is closed and with what result and then make some calls based on that To visualize how I imagine working with that I made snippet below const success await openDialog ConfirmDialog if success this fetchData The benefit of doing all the logic regarding dialogs by ourselves is that we have full control over this we can add new features based on our needs and make our dialogs look however we want So let s build it First we need to create Dialog Wrapper component Its purpose is to provide basic styles and some logic for closing the dialog lt template gt lt div class dialog container gt lt span class dialog mask click emit close gt lt span gt lt component is dialogComponent close response gt emit close response v bind props gt lt div gt lt template gt lt script gt export default name DialogWrapper props dialogComponent props lt script gt lt style gt dialog container position absolute top left right bottom z index dialog mask position fixed width height background color rgba lt style gt You can change styles so it fits you You can also add additional logic we can add animations and other features but I wanted to keep it simple You will be getting two props dialogComponent and props confusing I know dialogComponent is Vue component which will be rendered insideprops are props passed to dialogComponentYou close dialog by emitting event close and if you want to pass a value which will be used when resolving a promise you pass data with the event e g emit close success Now let s make a function export function openDialog dialogComponent props return new Promise resolve gt const Wrapper Vue extend DialogWrapper const dialog new Wrapper propsData dialogComponent props router optional instance of vue router store optional instance of vuex store mount document body appendChild dialog el dialog on close function value dialog destroy dialog el remove resolve value It will create a new Vue instance and append it to document body It will use DialogWrapper as main component and will pass function parameters as props by using propsData property It will also listen for close event to know where to destroy itself It s important to add router and store property when initializing component if you re using it because otherwise your components will have no access to store and router So we have our dialog function working but I cut a lot of code I m using for conveniance of this article and leave only the core logic It s good idea to create another component let s call it DialogLayout which will create actual white box with some padding You can if you want put some more effort in that for example adding dialog title or close button lt template gt lt div class dialog content gt lt slot gt lt slot gt lt div gt lt template gt lt style scoped gt dialog content width position relative margin px auto padding px background color fff z index lt style gt Now we can move into testing part of the article Let s create example component which we will later pass as a openDialog parameter lt template gt lt DialogLayout gt lt button click emit close wow success gt Close dialog lt button gt lt DialogLayout gt lt template gt It has button which will close the dialog with resolved value wow success It also uses DialogLayout for some basic styling Somewhere in our application we can call our function async onBtnClick const result await openDialog DialogExample dialog is now closed console log result wow success Although it requires some initial configuration payback is huge I m using it for years now and it fits my needs perfectly It s also easy to extend with additional features It s important to note that this dialog will not be animated Animation can be added quite easily but it s beyond scope of this article Thanks a lot for reading and in case of any questions please write comment or send me an email iam adam kalinowski gmail com Have a nice day	2021-05-18 20:30:40
海外TECH	DEV Community	10 raisons pourquoi j'aimes Laravel !	https://dev.to/ericcodeur/10-raisons-pourquoi-j-aimes-laravel-cc3	raisons pourquoi j x aimes Laravel Au cours des deux dernières années j ai essayéplusieurs langages et frameworks de programmation J ai réalisédes projets avec Django Laravel Ruby on Rails et Node js avec Express jsJ ai adorétout ces frameworks Ils sont tous matures et font tous le travail En revanche l un de ces framework m a séduit un peu plus que les autres Laravel Voici les raisons pour lesquelles je crois sincèrement que Laravel est génial PHP est génial Oui Ceux qui prétendent le contraire sont désolés de le dire ignorants Ils ignorent que PHP est obsolète depuis longtemps et que PHP est désormais un langage POO complet relativement rapide mature stable et très agréable àutiliser Le framework Laravel est précisément construit en POO avec les derniers standards PHP La syntaxe de Laravel est simple claire et élégante Avec Laravel il n y a presque pas de code standard àécrire Comparéàplusieurs autres frameworks Laravel est livréavec une configuration de démarrage complète Grâce aux librairies de Laravel développer une application web c est simple et ultra rapide Il existe une panoplie de packages tiers Pourquoi ré inventer la roue Utilisez un package existant et économisez des heures et des heures de développement Un point fort en faveur de Laravel est que les packages tier Laravel sont maintenu àjour et prêt pour être utilisésur des vraie projets Les créateurs de Laravel ont crééun éco système de produits professionnels qui complète Laravel d une manière merveilleuse Bien sûr ces produits sont payants mais en retour ils sont prêts pour la mise en production àgrande échelle et peuvent vous faire économiser des centaines d heures de développement Avec Laravel il est également possible de créer des applications fullstack c est à dire backend mais aussi frontend Le code reste exécutésur le serveur mais certains produits comme Livewire permettent de développer des UI interactives comme React mais en pur PHP simple et facile et sans une ligne de code Javascript Laravel prend également en charge la création de composants d interface utilisateur Il est donc possible d intégrer dans votre UI des widgets déjàpré développés et cléen main qui peuvent être installés en moins d une minute et toujours en PHP pur et sans javascript ex graphique chart calendrier datatable ect Laravel est open source mais il est développépar ces créateurs comme un produit pro C est à dire que les retours clients sont pris en compte dans les décisions et que des corrections et améliorations sont régulièrement publiées Laravel peut se targuer d être àjour avec les dernières technologies Une documentation incroyables Laravel a àmon avis la meilleure documentation pour un framework backend Tout est simple clair et détailléavec des exemples Les outils de recherche fonctionnent très bien il est donc facile de trouver ce que vous recherchez De plus elle est régulièrement mis àjour La communautéLaravel est géniale Tout le monde est le bienvenu pour rejoindre la famille Il n y a pas de discrimination et pas de snobisme Aucune question n est considérée comme stupide Les gens veulent aider du mieux qu ils peuvent C est tout Si cela vous donne envie d en savoir plus sur Laravel et pourquoi pas l essayer Vous pouvez commencer ici www laravel comJe publierai plusieurs articles dans les semaines àvenir sur Laravel Vous pouvez me suivre si vous ne voulez rien manquer	2021-05-18 20:13:19
海外TECH	DEV Community	How to use SVGR?	https://dev.to/mihrilp/how-to-use-svgr-25gj	How to use SVGR Hey Everyone this is my first post and i ll mention about SVGR If you ve never heard of it before SVGR is an amazing tool that converts your SVGs into React components There are a few ways for using SVGR Playground You can use their online playground Enter your svg code in the left box SVG INPUT then you will see the converted React component on right box JSX OUTPUT You can also create components for React Native TypeScript etc You just need to mark from the left of the screen Command LineFirst you need to install the CLI tool npm install svgr cli save dev or use yarnyarn add svgr cli devNow let s think we have an svg named my icon svg in the project directory If we write this command line to terminal we will get the code of the our component npx svgr cli my icon svgimport as React from react function SvgMyIcon props return lt svg height viewBox width xmlns props gt lt path d M c a l c s l a c l c a l c L l c S l C c h c l zm c h c l c s c l c L c l c s L c s l c s l a c a c l c s c a c l c a L zM c zM c z gt lt svg gt export default SvgMyIcon Well but if we have more than one icon converting them one by one can be a bit boring and exhausting One of the best ways to using SVGR is add a script to your package json to automate the SVG transformation package json scripts svgr svgr icons d components icons icon When we run the script below transforms each SVG in the icons folder by composing React in components icons npm run svgr WebpackFor install npm install svgr webpack save dev or use yarnyarn add svgr webpack devNow update your webpack config js webpack config jsmodule exports module rules test svg use svgr webpack Now we can import our SVGs as a React component and use it import React from react import MyIcon from my icon svg const App gt return lt div className App gt lt MyIcon gt lt div gt export default App You can check the documentation for more Thanks for reading	2021-05-18 20:09:29
海外TECH	Engadget	Google plans to build a commercial quantum computer by 2029	https://www.engadget.com/google-quantum-computer-2029-goal-201612680.html	barbara	2021-05-18 20:16:12
海外科学	NYT > Science	Who Is Behind the Global Surge in Single-Use Plastic?	https://www.nytimes.com/2021/05/18/climate/single-use-plastic.html	Who Is Behind the Global Surge in Single Use Plastic A new report shows that a surprisingly small number of big companies and banks are behind the manufacturing and financing of much of the world s single use plastic	2021-05-18 20:55:41
金融	生命保険おすすめ比較ニュースアンテナ waiwainews	建設資材のコストUP	http://seiho.waiwainews.net/view/12395	newsallrightsreserved	2021-05-19 05:26:32
ニュース	BBC News - Home	Brighton come from two goals down to beat 10-man Man City	https://www.bbc.co.uk/sport/football/57066733	brighton	2021-05-18 20:46:31
ニュース	BBC News - Home	Cavani scores with stunning lob as Man Utd draw with Fulham	https://www.bbc.co.uk/sport/football/57066741	Cavani scores with stunning lob as Man Utd draw with FulhamEdinson Cavani scores a stunning lob from yards in his first game in front of fans at Old Trafford as Manchester United draw with relegated Fulham	2021-05-18 20:25:58
ニュース	BBC News - Home	Bamford and Roberts guarantee Leeds top-10 finish with win at Southampton	https://www.bbc.co.uk/sport/football/57066732	Bamford and Roberts guarantee Leeds top finish with win at SouthamptonPatrick Bamford s th Premier League goal of the season helps Leeds beat Southampton in front of fans at St Mary s Stadium	2021-05-18 20:16:22
ビジネス	ダイヤモンド・オンライン - 新着記事	パナソニック家電部門が「盟友ヤマダ電機」の方針転換を機に反撃へ、包囲網突破の勝算 - パナソニックの呪縛	https://diamond.jp/articles/-/270885	パナソニック家電部門が「盟友ヤマダ電機」の方針転換を機に反撃へ、包囲網突破の勝算パナソニックの呪縛コロナ禍による巣ごもり需要でパナソニックの家電事業は一見好調に見える。	2021-05-19 05:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ユニクロ・GUのセルフレジ「特許つぶし」にファストリが総力、知財高裁の判決迫る - Diamond Premium News	https://diamond.jp/articles/-/271509	ユニクロ・GUのセルフレジ「特許つぶし」にファストリが総力、知財高裁の判決迫るDiamondPremiumNewsユニクロ・GUでもはや見慣れたセルフレジだが、まだ特許侵害訴訟は継続中だ。	2021-05-19 05:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	三井住友海上の新社長が訴える、「生き残るプロ代理店」の条件と改革策 - 保険の裏　営業の闇	https://diamond.jp/articles/-/270318	三井住友海上	2021-05-19 05:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	左遷されたシニア世代は早く「成仏」し、第二の人生を準備すべきだ - 左遷！あなたならどうする？	https://diamond.jp/articles/-/270627	重要	2021-05-19 05:05:00
ビジネス	ダイヤモンド・オンライン - 新着記事	三菱UFJがメガ銀首位返り咲きも、純利益「1兆円宣言」に秘められた亀澤社長の危機感 - ダイヤモンド 決算報	https://diamond.jp/articles/-/271576	三井住友フィナンシャルグループ	2021-05-19 05:02:00
ビジネス	電通報 | 広告業界動向とマーケティングのコラム・ニュース	engawa Serendipity dayレポート#01	https://dentsu-ho.com/articles/7747	engawaserendipityday	2021-05-19 06:00:00
北海道	北海道新聞	＜そうなのねゼミ＞３　＃ｅスポーツ論　老若男女障壁なく対戦　北海道情報大情報メディア学部・河原大講師	https://www.hokkaido-np.co.jp/article/545306/	情報メディア学部	2021-05-19 05:03:00
北海道	北海道新聞	インフォメーション	https://www.hokkaido-np.co.jp/article/545303/	合同企業説明会	2021-05-19 05:01:00
ビジネス	東洋経済オンライン	東芝､車谷氏退任後も悩まされる｢株主との関係｣ 経営方針説明会で｢モノ言う株主｣が異例の批判 | 素材･機械･重電 | 東洋経済オンライン	https://toyokeizai.net/articles/-/428956?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2021-05-19 05:30:00