投稿時間:2021-05-24 11:22:37 RSSフィード2021-05-24 11:00 分まとめ(29件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
ROBOT	ロボスタ	大和ハウス工業がフジタらと溶接ロボットシステム「SWAN」を共同開発　建設現場の作業効率アップと働き方改革へ	https://robotstart.info/2021/05/24/swan-construction-robot.html	人手不足	2021-05-24 01:14:52
js	JavaScriptタグが付けられた新着投稿 - Qiita	LINE Messaging APIのアクションを使用したメッセージ送信	https://qiita.com/ppt_msdg_maas/items/3d7f03f122f05e2ad618	MessagingAPIを使って、ユーザー個人に合わせた体験をLINE上で提gt供するボットを作成できます。	2021-05-24 10:30:08
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	特定の文字が入っている場合に、他の列に文字を追加したい。	https://teratail.com/questions/340004?rss=all	特定の文字が入っている場合に、他の列に文字を追加したい。	2021-05-24 11:00:02
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	メール送信用のactionを追加したいがルーティングを意図した通りに書けないです	https://teratail.com/questions/340003?rss=all	メール送信用のactionを追加したいがルーティングを意図した通りに書けないですrubynbsponnbsprailsnbsp初心者につき的外れな質問してるかもしれません。	2021-05-24 10:55:02
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ヘッダーにログインコンテンツを追加したい。	https://teratail.com/questions/340002?rss=all	既にできているヘッダーファイルphpファイルにフォームだけ作ればよいとされており、動的な部分は作らなくてよいとされています。	2021-05-24 10:52:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	データを取得し該当するデータを出力するバッチについて	https://teratail.com/questions/340001?rss=all	データを取得し該当するデータを出力するバッチについて前提・実現したいことtxtからデータを取得し、データに該当するデータを、データベースからcsv出力するバッチを作成しています。	2021-05-24 10:51:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	「スコープ(スコープ)」とは、どのような意味でしょうか？	https://teratail.com/questions/340000?rss=all	「スコープスコープ」とは、どのような意味でしょうか『Kotlinプログラミング』JoshnbspSKeen他著、吉川訳、翔泳社刊でKotlinを勉強しています。	2021-05-24 10:50:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	MySqlにおいて、テーブル結合方法に不明な所があります。	https://teratail.com/questions/339999?rss=all	MySqlにおいて、テーブル結合方法に不明な所があります。	2021-05-24 10:27:10
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Power BI 計算後の値の使用	https://teratail.com/questions/339998?rss=all	PowerBI計算後の値の使用前提・実現したいことここに質問の内容を詳しく書いてください。	2021-05-24 10:16:00
AWS	AWSタグが付けられた新着投稿 - Qiita	【AWS】AMIの利用方法	https://qiita.com/mzmz__02/items/d4e95c2e1f6dbb4471bc	ソフトウェアを更新したらECImageBuilder内の独自のECインスタンス内でそのAMIがうまく設定されているかテストされたうえで更新してくれる。	2021-05-24 10:43:01
Ruby	Railsタグが付けられた新着投稿 - Qiita	rails scaffoldで最速サイト作成	https://qiita.com/acekame/items/8e7e5998e983859c7bf2	railsscaffoldで最速サイト作成scaffoldスキャフォールドコードを自動生成するRubyのフレームワークのRubyonRailsには、コードを自動生成する便利なものが多く存在し、今回はその一つであるscaffoldスキャフォールドを紹介します。	2021-05-24 10:22:33
海外TECH	DEV Community	Live Q&A on DevOps, GitHub and Azure DevOps	https://dev.to/n3wt0n/live-q-a-on-devops-github-and-azure-devops-o5h	Live Q amp A on DevOps GitHub and Azure DevOpsGot any questions about DevOps GitHub and or Azure DevOps Join me for this live Q amp A and I will try and answer all your questions To celebrate the subscribers on my YouTube channel CoderDave I will host a live Q amp A AMA next Tuesday see below the time schedule Prepare your questions and I hope to see y all live And if you can t make it post your questions either here or in the comments of the video so I can address them during the live Thanks so very much again for your support TIME OF THE LIVE Tuesday pm UTC Tuesday pm ISTTuesday pm UTCTuesday am ETTuesday am PTLike share and follow me for more content YouTube Buy me a coffeePatreonMerchFacebook page‍GitHubTwitterLinkedInPodcast	2021-05-24 01:24:14
海外TECH	DEV Community	Creating a material design sidenav using pure JavaScript	https://dev.to/manuthecoder/creating-a-material-design-sidenav-using-pure-javascript-kie	Creating a material design sidenav using pure JavaScriptThe sidenav components are designed to add side content to a fullscreen app The drawer component is designed to add side content to a small section of your app Here s how to achieve this using pure JS Codepen Step Creating the HTMLWe re going to use the Material Icons webfont for the icons lt link href Icons rel stylesheet gt Here s the code for the sidenav lt a href onclick sidenav open demo sidenav gt Open Sidenav lt a gt lt div id demo sidenav class sidenav gt lt ul gt lt li gt lt a href class active link gt lt i class material icons gt home lt i gt Home lt a gt lt li gt lt li gt lt a href gt lt i class material icons gt book lt i gt News lt a gt lt li gt lt li gt lt a href gt lt i class material icons gt forum lt i gt Forum lt a gt lt li gt lt li gt lt a href gt lt i class material icons gt help lt i gt Help lt a gt lt li gt lt li gt lt a href gt lt i class material icons gt settings lt i gt Settings lt a gt lt li gt lt ul gt lt div gt If you noticed one link has a class containing active link This highlights the a link to make it look active This is optional though Step Creating the CSSSo we re going to create a overlay for the sidenav Notice that it isn t in the HTML section This is because we are going to create an element using javascript s createElement feature sidenav overlay display none position fixed top left width height z index background transition all s background rgba Then some basic styles for the sidenav links sidenav ul list style type none padding sidenav ul li a line height px text decoration none color eee padding px display block margin px font family apple system BlinkMacSystemFont Segoe UI Roboto Oxygen Sans Ubuntu Cantarell Helvetica Neue sans serif border radius px Let s define a class for an active link active link background rgba color ad important pointer events none Sidenav main code sidenav overflow y scroll width px height vh display block position fixed top left px z index transition left s z index background white And let s adjust the icons a bit sidenav ul li a i font size px position relative bottom px margin right px The fun part JavaScript Let s create a sidenav overlay using the createElement feature in JavaScript var sidenav overlay document createElement div sidenav overlay className sidenav overlay sidenav overlay id sidenav overlay document body appendChild sidenav overlay And the sidenav codeSo we re going to create an object sidenav This will be used to open and close the sidenav const sidenav open function selector document getElementById selector style left var x document getElementById sidenav overlay x style display block x style opacity setTimeout function x style opacity x onclick function sidenav close selector and to close the sidenav const sidenav close function selector document getElementById selector style left px var x document getElementById sidenav overlay x style opacity setTimeout function x style display none Final code lt DOCTYPE html gt lt html gt lt head gt lt link href Icons rel stylesheet gt lt style gt sidenav overlay display none position fixed top left width height z index background transition all s background rgba sidenav ul list style type none padding sidenav ul li a line height px text decoration none color eee padding px display block margin px font family apple system BlinkMacSystemFont Segoe UI Roboto Oxygen Sans Ubuntu Cantarell Helvetica Neue sans serif border radius px active link background rgba color ad important pointer events none sidenav overflow y scroll width px height vh display block position fixed top left px z index transition left s z index background white sidenav ul li a i font size px position relative bottom px margin right px lt style gt lt head gt lt body gt lt a href onclick sidenav open demo sidenav gt Open Sidenav lt a gt lt div id demo sidenav class sidenav gt lt ul gt lt li gt lt a href class active link gt lt i class material icons gt home lt i gt Home lt a gt lt li gt lt li gt lt a href gt lt i class material icons gt book lt i gt News lt a gt lt li gt lt li gt lt a href gt lt i class material icons gt forum lt i gt Forum lt a gt lt li gt lt li gt lt a href gt lt i class material icons gt help lt i gt Help lt a gt lt li gt lt li gt lt a href gt lt i class material icons gt settings lt i gt Settings lt a gt lt li gt lt ul gt lt div gt lt script gt const sidenav open function selector document getElementById selector style left var x document getElementById sidenav overlay x style display block x style opacity setTimeout function x style opacity x onclick function sidenav close selector close function selector document getElementById selector style left px var x document getElementById sidenav overlay x style opacity setTimeout function x style display none var sidenav overlay document createElement div sidenav overlay className sidenav overlay sidenav overlay id sidenav overlay document body appendChild sidenav overlay lt script gt lt body gt lt html gt	2021-05-24 01:06:41
海外TECH	DEV Community	What are micro frontends?	https://dev.to/vicnovais/what-are-micro-frontends-4amf	What are micro frontends This is a term that has been growing for past years But what is exactly a micro frontend IntroductionSince the dawn of the internet era we have been writing code to make the web interactive For the past decade the term web application has became a thing All this time the frontend code was just a big solid and entangled monolith When we think about the backend tech the microservice approach has been widely used to structure independent applications that can communicate and reach an objective on the user journey But what if we could use this approach to the frontend dev The monolithWhen we write web apps we usually choose a framework to help us React Vue Angular Svelte and others and architect it over layers such as models views and controllers All the code happily lives in one great repository Time passes people come and go new techs are born and raise and there is our monolith But we know that systems must evolve otherwise it becomes a cumbersome old code that does not perform well or is difficult to maintain What if we now need to change the tech stack of the frontend Well it would be a big problem to change anything without breaking the whole application But that s just one downside of the monolith let s see some more As the monolith grows it becomes more and more difficult to understand all of the code and draw a clear line of the business requirementsBig compiled javascript monoliths can take a long time to buildEven if we change a little part of it we need to redeploy the whole applicationSo how can we breakdown this big app and turn it into multiple independent applications The micro frontendThis term has been wandering around the internet since Check below this trend from Google As we can see the interest rate has been continuously growing since late Micro frontends follow the same principle as microservices on the backend Each application lives independently and has a well defined objective Let s think of a very simple example an e commerce To build up such an application we can expect the following requirements Home page to show the recommended productsCart pageCheckout pagePayment page Each one of this pages can be written as a single application When we breakdown a monolith like this it is also possible to breakdown into specialized teams There could be some developers writing just the home page a couple other maintaining the cart page and so on The following picture from the must read Martin Fowler s article represents this Using this approach also helps to integrate with the microservices built by the backend team We can pick the frontend devs that build the home page with the backend devs that build the microservice of the home page So now we have a full team which only objective is to code the home page Check out the following picture from Michael Geers article AdvantagesA micro frontend architecture can deliver the following advantages Very easy to change the tech stack since each application will naturally contain less code and will not interfere in other apps Fast maintenance as each application has one concern a bug can be easily spotted and adjusted Fast deploy it s easier and faster to build and deploy little applications Easy scaling each application has its own scale requirement so we can easily provide different environments DisadvantagesEvery decision has its disadvantages and it s not different with micro frontends There must be a special attention to shared libraries between applications so the browser won t download the same lib multiple times Code redundancy some code may be repeated on each application We surely could write a helper application that others use but that would create a tight couple between them Architectural complexity it s way easier to manage a single monolith than multiple applications To overcome this there must be some automation and a lot of documentation to help developer experience Building a micro frontendWell now that we know what is a micro frontend how can we build it To breakdown a front monolith we have some techniques iframes using this old approach we can have a single page with multiple inner applications each one in a different iframe WebPack Module Federation this recently launched approach aims to bundle different applications using WebPack Here we can define how apps depend on each other and share common libraries import map this is the strategy used by the single spa framework Each application javascript file is exposed by an address and the import map register them enabling an orchestrator to know where each one is located Web Components each application can be represented by a custom HTML element that could be orchestrated by a host applicationSome great frameworks out there can help into building micro frontends single spa allow micro frontends by using import map and an orchestrator that handles routing and communication between appsLuigi powered by SAP it uses iframes to build micro frontendsPiral uses modules called pilets to deliver a modular architectureFrint a complete framework that delivers routing state management server rendering and other features to micro frontend architecture ConclusionAs we could see this theme is pretty recent and new techniques and frameworks are still walking to help us develop micro frontends but we can see that it has tremendous advantages to web development I hope you all liked this content See you soon	2021-05-24 01:00:57
ニュース	BBC News - Home	US PGA Championship: Phil Mickelson becomes oldest major winner with sixth title	https://www.bbc.co.uk/sport/golf/57224082	title	2021-05-24 01:14:38
ニュース	BBC News - Home	Derbyshire widow's plea for rule change on overloaded lorries	https://www.bbc.co.uk/news/uk-england-derbyshire-57057482	steven	2021-05-24 01:23:46
ビジネス	ダイヤモンド・オンライン - 新着記事	ビットコインを空腹時に買ってはならない理由 - WSJ発	https://diamond.jp/articles/-/272085	空腹	2021-05-24 10:23:00
ビジネス	ダイヤモンド・オンライン - 新着記事	感染爆発のインド、世界のバックオフィスも試練 - WSJ発	https://diamond.jp/articles/-/272086	試練	2021-05-24 10:06:00
ビジネス	ダイヤモンド・オンライン - 新着記事	バイデン氏の内政課題、外交案件が圧迫 - WSJ発	https://diamond.jp/articles/-/272087	課題	2021-05-24 10:02:00
北海道	北海道新聞	「昭和」の駄菓子屋さん人気　利尻で数十年ぶり、伊藤さん開店　子ども珍しげ、大人には懐かしく	https://www.hokkaido-np.co.jp/article/547094/	富士見町	2021-05-24 10:14:18
北海道	北海道新聞	南野拓実はＦＷで先発、後半交代　プレミアリーグ最終節	https://www.hokkaido-np.co.jp/article/547206/	南野拓実	2021-05-24 10:12:00
北海道	北海道新聞	【道スポ】アーリン来日初勝利　山賊打線を５回０封	https://www.hokkaido-np.co.jp/article/547203/	先発登板	2021-05-24 10:10:00
北海道	北海道新聞	日本ハム、快音１０得点　交流戦へ好材料	https://www.hokkaido-np.co.jp/article/547135/	日本ハム	2021-05-24 10:05:43
北海道	北海道新聞	緊急事態宣言１週間　道内の週別感染、初の４千人超　札幌以外４割、全道で深刻化	https://www.hokkaido-np.co.jp/article/547133/	新型コロナウイルス	2021-05-24 10:01:56
北海道	北海道新聞	「仕事はホテルで」客室を時間貸し　札幌ビューホテルが新事業	https://www.hokkaido-np.co.jp/article/547123/	大通公園	2021-05-24 10:01:07
IT	週刊アスキー	【連載／歴史散歩】新宿新都心となった淀橋浄水場	https://weekly.ascii.jp/elem/000/004/055/4055993/	今昔物語	2021-05-24 10:30:00
マーケティング	AdverTimes	サントリー健康茶「⾃分防衛団」の続編CM、本木隊長がぽっこりお腹に物申す	https://www.advertimes.com/20210524/article349961/	伊藤沙莉	2021-05-24 02:00:06
ニュース	THE BRIDGE	学生起業家と駆け出し投資家の二人三脚ーーPOL・加茂倫明さん × サイバーエージェント・キャピタル・北尾崇【Monthly Pitch ポッドキャスト】	http://feedproxy.google.com/~r/SdJapan/~3/0_JMDL0vUOE/monthly-pitch-podcast-003-pol-cyberagentcapital-insight	学生起業家と駆け出し投資家の二人三脚ーPOL・加茂倫明さん×サイバーエージェント・キャピタル・北尾崇【MonthlyPitchポッドキャスト】本稿はベンチャーキャピタル、サイバーエージェント・キャピタルが運営するサイトに掲載された記事からの転載起業家と投資家の関係はこの年で随分と変化しました。	2021-05-24 01:30:48
ニュース	THE BRIDGE	まだまだ食べられる食料品を最安0円で手に入れられるサブスク「トクポチ」、クラウドファンディングを開始	http://feedproxy.google.com/~r/SdJapan/~3/Wu-QW4NBHJE/tokupochi-launches-crowdfunding-campaign	まだまだ食べられる食料品を最安円で手に入れられるサブスク「トクポチ」、クラウドファンディングを開始日本は世界的に見ても食品廃棄物がかなり多い国だ。	2021-05-24 01:30:38