投稿時間:2022-11-02 15:16:00 RSSフィード2022-11-02 15:00 分まとめ(22件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
ROBOT	ロボスタ	NEC 衛星SARがマイクロ波で画像生成する「標高モニタリング技術」で土砂移動を宇宙から計測　オリコンサルと開発	https://robotstart.info/2022/11/02/nec-oriconsul.html	NEC衛星SARがマイクロ波で画像生成する「標高モニタリング技術」で土砂移動を宇宙から計測オリコンサルと開発シェアツイートはてブ近年、温暖化の進行がもたらす気候変動の影響等により、全国各地で水災害が激甚化・頻発化しており、国土交通省や流域自治体等では「流域治水」の取り組みを加速させている。	2022-11-02 05:28:15
IT	ITmedia 総合記事一覧	[ITmedia PC USER] TP-Link、パン/チルトに対応した法人向けネットワークカメラ	https://www.itmedia.co.jp/pcuser/articles/2211/02/news135.html	itmediapcusertplink	2022-11-02 14:43:00
IT	ITmedia 総合記事一覧	[ITmedia News] 「創業時、勢いに任せて投げ縄ツールで描いた波打ちをあえて残し」ロゴ刷新　「バーチャルマーケット」のHIKKIY	https://www.itmedia.co.jp/news/articles/2211/02/news134.html	hikkiy	2022-11-02 14:40:00
IT	ITmedia 総合記事一覧	[ITmedia News] 世界初、iPhone Proで豚の体重測定　「PIGI」海外展開へ	https://www.itmedia.co.jp/news/articles/2211/02/news132.html	海外展開	2022-11-02 14:28:00
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	日立建機、オープンソース活用ガイドラインを3カ月で策定、全社で判断基準を統一し業務効率を向上 | IT Leaders	https://it.impress.co.jp/articles/-/23995	itleaders	2022-11-02 14:07:00
Program	CodeZine	エンジニアの生きざまをブーストするカンファレンス「Developers CAREER Boost」12月9日開催、参加登録の受付を開始	http://codezine.jp/article/detail/16794	エンジニアの生きざまをブーストするカンファレンス「DevelopersCAREERBoost」月日開催、参加登録の受付を開始翔泳社CodeZine編集部は、ソフトウェア開発者向けカンファレンス「DevelopersSummit」のスピンオフとして、エンジニアの生きざまをブーストするカンファレンス「DevelopersCAREERBoostデベロッパーズキャリアブースト通称devキャリ」を、月日にオンラインで開催します。	2022-11-02 14:30:00
Docker	dockerタグが付けられた新着投稿 - Qiita	インターンでやったこと	https://qiita.com/maitake/items/61fd213b518d3dd674c3	gitflow	2022-11-02 14:49:01
Git	Gitタグが付けられた新着投稿 - Qiita	個人用Git操作まとめ	https://qiita.com/fezill/items/f15cdd11e49339cb7959	随時	2022-11-02 14:17:47
技術ブログ	Developers.IO	APIGateway + Lambdaにserverless-expressを採用することでコールドスタートヒットが減るかもしれない話	https://dev.classmethod.jp/articles/serverless-express-cold-start/	apigatewaylambda	2022-11-02 05:28:56
海外TECH	DEV Community	Mengenal macam - macam Metodologi penulisan CSS - Part 1	https://dev.to/azrilardian/mengenal-macan-macam-metodologi-penulisan-css-part-1-4010	Mengenal macam macam Metodologi penulisan CSS Part Di postingan blog kali ini saya ingin membagikan rangkuman materi berisi tentang macam macam metodologi penulisan CSS yang saya telah pelajariNamun sebelum lebih jauh lagi kita ada baiknya mengenal apa arti kata metodologi itu sendiri Apa itu MetodologiMenurut wikipedia Metodologi merupakan ilmu ilmu cara yang digunakan untuk memperoleh kebenaran menggunakan penelusuran dengan tata cara tertentu dalam menemukan kebenaran Metodologi tersusun dari cara cara yang terstruktur untuk memperoleh ilmu Wikipedia MetodologiBagaimana sudah terbayang jika kata metodologi ini kita kaitkan dengan CSS Untuk lebih yakin mari kita pertegas CSS sangat sulit untuk dikelola dalam sistem yang besar kompleks dan berulang dengan cepat Salah satu alasannya adalah CSS tidak memiliki mekanisme pelingkupan bawaan Segala sesuatu di CSS bersifat global Artinya setiap perubahan yang kita buat berpotensi menurun dan mengubah tampilan elemen yang tidak terkait Prepocessor CSS seperti Sass Less dan Stylus membuat segalanya lebih mudah dengan menawarkan fitur yang membuat penulisan CSS lebih mudah Tetapi ini tidak benar benar memperbaiki masalah skalabilitasnya Itulah mengapa metodologi adalah solusi bagi skalabilitas dan pelingkupaan dalam CSS Jadi Metodologi CSS adalah metode metode terdokumentasi untuk membuat CSS dengan cara yang memungkinkan kita untuk mengembangkan memelihara dan menskalakan front end sebagai satu set modul kecil dan terisolasi secara sistematis PENTING Tidak ada metodologi CSS terbaik Masing masing metodologi memiliki keunggulan dan kekurangannya sendiri Pendekatan yang berbeda bekerja lebih baik untuk individu tim proyek yang berbeda OOCSS Object oriented CSS Dikembangkan oleh Nicole Sullivan pada konsep konsep kunci OOCSS Object Oriented CSS yaitu CSS objek identifikasi pemisahan struktur dan gaya visual dan menghindari gaya berbasis lokasi OOCSS berfokus pada fleksibiltas dan modularisasi single responsibility principle separation of concerns dan konsep konsep lain dari paradigma OOP Dalam OOCSS langkah pertama yang Nicole usulkan adalah mengidentifikasi objek dalam CSS OOCSS menganjurkan pemisahan struktur dari kulit Metodologi ini membuat perbedaan yang jelas antara konten dan penampungnya Contoh button menyediakan struktur dasar tombol grey button menerapkan warna dan properti visual lainnyaMetodologi ini memisahkan kode kode yang kemungkinan akan ditulis berulang ke dalam class terpisah jadi ketika ada objek baru yang memiliki strukur kode yang sama kita hanya tinggal menambahkan class nya saja Contoh lt button class button grey button gt Pro Kode styling visual yang dapat digunakan kembali reusable Mengurangi duplikasi properti yang sama di berbagai aturan gayaKode lokasi menjadi lebih fleksibelPengurangan penyeleksi bersarang yang dalamKontra Tanpa cukup banyak pola visual yang berulangPemisahan struktur dan kode gaya visual yang keliatannya tidak perluMendapatkan banyak kelas yang bisa jadi sulit dipelihara dan dikelolaDokumentasi resmi BEM Block element modifier Dikembangkan oleh pengembang di Yandex pada tahun konsep konsep kunci untuk BEM Block Elemen Modifier mencakup identifikasi block elemen dan modifier Ide di balik BEM adalah untuk membedakan kelas CSS yang memenuhi peran yang berbeda Ini dilakukan dengan memberi nama kelas CSS dengan cara yang menunjukkan peran mereka Contoh block block element block element modifierBlock adalah komponen UI modular yang independen sedangkan elemen mengacu pada komponen dari block gambar judul teks dan modifier dapat digunakan ketika keadaan block atau elemen berubah misalnya ketika kita ingin menambahkan kelas aktif ke item menu untuk menyorotnya kelas aktif bertindak sebagai pengubah BlockBlok merupakan container atau context di mana element itu menemukan dirinya sendiri seperti header sidebar footer Contoh search formElemenElemen adalah bagian dari block Block adalah keseluruhannya dan bagian bagiannya adalah elemen Elemen ditandai dengan menambahkan dua pemisah garis bawah dan nama elemen ke nama induknya Contoh search form heading search form text field dan search form submit buttonModifierModifier diterapkan ke block atau elemen untuk menandai perubahan dalam presentasinya atau perubahan statusnya Mereka ditandai dengan menambahkan pemisah dan nama pengubah ke block atau elemen yang ditujukan Dalam dokumentasi situs BEM resmi pemisah pengubah harus berupa garis bawah tunggal Namun konvensi Pedoman CSS “BEM like oleh Harry Roberts menggunakan dua garis ini lebih banyak digunakan dan dikenal daripada konvensi BEM resmi Contoh search form advancedPro Mudah digunakan karena setiap tag akan memiliki nama kelas dan pengurangan penyeleksi CSS yang mendalam Dapat menghindari penggunaan important yang mana merupakan anti pattern pada cssMudah dalam pengembanganMenghindari membuat selector langsung ke elemenKontra Agar nama nama tersebut terlihat waras BEM menyarankan untuk memblokir elemen yang bersarang dangkalUntuk html bersarang yang lebih dari level akan membuat kita mungkin sulit untuk menentukan namaKonvensi penamaan tidak intuitif bagi pengembang yang tidak berpengalaman Perbandingan BEM dengan CSS standarBEM •Memberi kita lebih banyak kode modular Kita dapat mengambil bagian apapun secara terpisah •Memungkinkan siapa pun menulis CSS Kita tidak perlu mewaspadai gaya penulisan dan penggantian kustom Dalam tim besar ini merupakan hal yang bagus •Menghapus masalah kekhususan apapun •Secara signifikan lebih bertele tele CSS standar yang bergantung pada penggunaan penyeleksi keturunan •Berarti gaya kita tergantung pada konteks •Membutuhkan kesadaran kaskade Kode di satu tempat dapat mempengaruhi kode di tempat lain Dalam tim kecil ini bukan masalah namun pada tim besar akan menjadi masalah yang serius •Dapat menderita masalah kekhususan yang mungkin sulit bagi pengembang pemula untuk melakukan debug •Secara signifikan lebih ketat Pertimbangkan menggunakan BEM jika kita tidak memiliki arsitektur berorientasi komponen jika kita memiliki kode lawas yang didukung atau jika kita merasa sangat sulit melakukan segala sesuatu secara manual tanpa alat sass stylus dll Dokumentasi resmi PenutupNah agar blog ini tidak terlalu panjang kita bagi menjadi dua bagian di post berikutnya kita akan melanjutkan lagi pembahasan mengenai metodologi ini Stay tune guys	2022-11-02 05:29:14
海外TECH	DEV Community	HTML & CSS Features, Tips For a 10x fast Page Loading Speed	https://dev.to/koustav/html-css-features-tips-for-a-10x-fast-page-loading-speed-4jop	HTML amp CSS Features Tips For a x fast Page Loading SpeedWe all hate it when our page loads this slow right Infact website conversion rates drop by an average of with each additional second of load time between seconds The first five seconds of page load time have the highest impact on conversion rates Portent But you can increase the Page Load Speed of your website by making changes in your HTML and CSS Files without needing the best hosting services in the most hard way Read along… For this article we will be concerned about making the page speed faster using our HTML and CSS files only Lazy LoadingLazy loading is a strategy to shorten the length of the critical rendering path which translates into reduced page load times a Splitting CSS FileCSS must be thin delivered as quickly as possible and the usage media types and queries are advised to unblock rendering What do I mean by thin Split your CSS File so that the whole CSS is not executed at all screens lt Loading and parsing styles css is render blocking gt lt link rel stylesheet href styles css gt For Print media use lt Loading and parsing print css is not render blocking gt lt link rel stylesheet href print css media print gt For Mobile Screens use lt Loading and parsing mobile css is not render blocking on large screens gt lt link rel stylesheet href mobile css media screen and max width px gt For Tablet Screens use lt Loading and parsing tablet css is not render blocking on large screens gt lt link rel stylesheet href tablet css media screen and max width px gt For mobile screens in different orientation use different CSS Files lt Loading and parsing portrait css is not render blocking on landscape screens gt lt link href portrait css rel stylesheet media orientation portrait gt By separating out the CSS into multiple files the main render blocking file in this case styles css is much smaller reducing the time that rendering is blocked thereby increasing the page load speed by a lot b font display property of CSSApplied to the font face rule the font display property defines how font files are loaded and displayed by the browser allowing text to appear with a fallback font while a font loads or fails to load This improves performance by making the text visible instead of having a blank screen with a trade off being a flash of unstyled text font face font family nunito sans serif font weight font style normal font display fallback c Images in the HTML FileThe user can see needs to see only the images at the top at the first second Then why to make them wait for the image at the end to load Use loading lazy so that the image only loads when it is needed This decreases the Page Loading Speed to a lot lt img src my logo png alt KOUSTAV loading lazy gt Choosing the right Image FormatMake your images in webp format It is recommended as the image format standard for the web WebP lossless images are smaller in size compared to PNGs WebP lossy images are smaller than comparable JPEG images at equivalent SSIM quality index Lossy lossless and transparency are all supported in animated WebP images which can provide reduced sizes compared to GIF and APNG WebP vs PNG Image Format WebP vs JPEG Image FormatWith all this tests it is proved that webp images are much more compressed even after being lossy therefore decreasing the page load speed by a lot You can also check image format  avif which in few cases is better than  webp but it is new to the market released on so not many browsers supports the  avif format yet Use lt picture gt element for the imagesa For cropping or modifying images for different media conditions for example loading a simpler version of an image which has too many details on smaller displays b Offering alternative image formats for cases where webp format is not supported c Saving bandwidth and speeding page load times by loading the most appropriate image for the viewer s display If providing higher density versions of an image for high DPI Retina display use srcset on the lt img gt element instead This lets browsers opt for lower density versions in data saving modes and you don t have to write explicit media conditions lt picture gt lt source srcset my logo wide webp type image webp media min width px gt lt source srcset my logo wide jpeg type image jpeg type image jpeg media min width px gt lt source srcset my logo narrow webp type image webp gt lt img src my logo narrow png alt KOUSTAV loading la gt lt picture gt Rendering ImagesAs images are loaded asynchronously and continue to load after the first paint if their dimensions aren t defined before load they can cause reflows to the page content For example when text gets pushed down the page by images loading For this reason it s critical that you set width and height attributes so that the browser can reserve space for them in the layout For any background image it s important you set a background color value so any content overlaid is still readable before the image has downloaded Minifying HTML and CSS FilesMinification is removal of all unnecessary characters from code so as to reduce the size Unneeded white space characters like space newline tab etc and comments are removed Use minifying tools like CodeBeautify CSS Minifier and many more to minify your HTML and CSS Files These will help giving your website a better page load speed And we are This changes will definitely give your website ax faster page loading speed now Share this with someone would need it Follow for more	2022-11-02 05:19:02
海外TECH	Engadget	Google Hangouts is well and truly dead	https://www.engadget.com/google-hangouts-is-well-and-truly-dead-052557495.html?src=rss	Google Hangouts is well and truly deadGoogle has laid Hangouts to rest a couple of years after it first announced that it was going to push people to use Chat its Slack like app instead After allowing users to move to Chat on their own in Google phased out the Hangouts Chat app for Android and iOS in July Users were shown a prompt telling them that Hangouts has been replaced by Google Chat and to switch to either the standalone Chat app or the Chat experience within Gmail As TechCrunch notes the last version of the messaging service Hangouts for the web is now also going away for good When users access the Hangouts website they might see a message that says Starting November Hangouts on the web will redirect to Chat on Web We recommend moving to Chat now We can still access the website without being automatically redirected but there s a link to Google Chat that we can click to load the new messaging experience The website might completely disappear in the coming days nbsp Chat used to be one of Google s business offerings before the company switched up its messaging strategy and made it available to everyone The company says Chat opens up new and better ways to collaborate with features that weren t available on Hangouts Users can edit Docs Slides or Sheets side by side within Chat Teams at work or groups of friends can also work on documents and manage tasks using Spaces which is a dedicated place they can use for topic based collaboration And since Gmail features Chat integration people can easily access conversations without having to open the Chat website nbsp Google previously said that those who want to keep a copy of their Hangouts data will have to use its Takeout tool before the service is gone for good We still see Hangouts on Takeout so those who want to do some last minute data saving may want to do so now while it s still possible	2022-11-02 05:25:57
医療系	医療介護 CBnews	オンライン診療は本当に必要か？　医療者が討論-優位性強調する意見も	https://www.cbnews.jp/news/entry/20221102140817	議論	2022-11-02 15:00:00
海外ニュース	Japan Times latest articles	North Korea fires off at least 10 missiles, including one landing near South Korean waters	https://www.japantimes.co.jp/news/2022/11/02/asia-pacific/north-korea-missile-south-korea-us-exercises/	North Korea fires off at least missiles including one landing near South Korean watersThe South s military announced later in the day that its fighter jets had responded by firing three missiles into waters north of the de facto	2022-11-02 14:29:53
海外ニュース	Japan Times latest articles	Amid dearth of candidates, Japanese towns adopt system to fund candidates’ campaigns	https://www.japantimes.co.jp/news/2022/11/02/national/politics-diplomacy/campaign-expenses-local-governments/	Amid dearth of candidates Japanese towns adopt system to fund candidates campaignsThe wider scope of public financing was aimed at making campaigns less costly for candidates and providing equal opportunities for people to run for public	2022-11-02 14:24:26
ニュース	BBC News - Home	North and South Korea fire missiles off each other's coasts for first time	https://www.bbc.co.uk/news/world-asia-63481183?at_medium=RSS&at_campaign=KARANGA	north	2022-11-02 05:55:42
ニュース	BBC News - Home	Matt Hancock defends joining I'm A Celebrity cast	https://www.bbc.co.uk/news/uk-63481685?at_medium=RSS&at_campaign=KARANGA	ivory	2022-11-02 05:27:40
ニュース	BBC News - Home	Ukraine war: Russia's uncertain future a product of its past	https://www.bbc.co.uk/news/world-europe-63471505?at_medium=RSS&at_campaign=KARANGA	authoritarian	2022-11-02 05:32:30
ビジネス	東洋経済オンライン	57歳で急逝｢青山真治監督｣ゆかりの人が語る素顔 とよた真帆､宮崎あおいなどが素顔を明かす | 映画・音楽 | 東洋経済オンライン	https://toyokeizai.net/articles/-/629699?utm_source=rss&utm_medium=http&utm_campaign=link_back	宮崎あおい	2022-11-02 14:30:00
マーケティング	MarkeZine	電通クリエーティブX、ディレクション事業名を「カントク」に　 クリエイティブ・コンテンツを企画・演出	http://markezine.jp/article/detail/40479	電通	2022-11-02 14:30:00
IT	週刊アスキー	『モノクロームメビウス 刻ノ代贖』のPS5／PS4体験版が本日19時より配信！	https://weekly.ascii.jp/elem/000/004/111/4111534/	配信	2022-11-02 14:45:00
IT	週刊アスキー	「ヒプノシスマイク -Division Rap Battle-」5周年記念！　シンジュク・ディビジョンと新宿ミロードのコラボを開催中	https://weekly.ascii.jp/elem/000/004/111/4111517/	divisionrapbattle	2022-11-02 14:10:00