投稿時間:2023-06-27 17:24:09 RSSフィード2023-06-27 17:00 分まとめ(25件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
ROBOT ロボスタ ティアフォー、車載HDRカメラの導入事例を公表 従来モデルの増産、次世代モデルの開発も発表 https://robotstart.info/2023/06/27/tier4-in-vehicle-hdr-cameras.html 2023-06-27 07:25:14
IT ITmedia 総合記事一覧 [ITmedia News] Google初の折りたたみスマホ「Pixel Fold」を使ってわかったこと 手にしっくりくる“横”の魅力 https://www.itmedia.co.jp/news/articles/2306/27/news134.html galaxyzfold 2023-06-27 16:30:00
TECH Techable(テッカブル) 空間データ活用プラットフォーム「スペースリー」、不動産賃貸分野の空室管理システムと連携 https://techable.jp/archives/212676 株式会社 2023-06-27 07:00:33
AWS AWS Compute Blog Implementing AWS Well-Architected best practices for Amazon SQS – Part 3 https://aws.amazon.com/blogs/compute/implementing-aws-well-architected-best-practices-for-amazon-sqs-part-3/ Implementing AWS Well Architected best practices for Amazon SQS Part This blog is written by Chetan Makvana Senior Solutions Architect and Hardik Vasa Senior Solutions Architect This is the third part of a three part blog post series that demonstrates best practices for Amazon Simple Queue Service Amazon SQS using the AWS Well Architected Framework This blog post covers best practices using the Performance Efficiency Pillar Cost … 2023-06-27 07:15:03
AWS AWS Compute Blog Implementing AWS Well-Architected best practices for Amazon SQS – Part 2 https://aws.amazon.com/blogs/compute/implementing-aws-well-architected-best-practices-for-amazon-sqs-part-2/ Implementing AWS Well Architected best practices for Amazon SQS Part This blog is written by Chetan Makvana Senior Solutions Architect and Hardik Vasa Senior Solutions Architect This is the second part of a three part blog post series that demonstrates implementing best practices for Amazon Simple Queue Service Amazon SQS using the AWS Well Architected Framework This blog post covers best practices using the Security Pillar and … 2023-06-27 07:14:44
AWS AWS Compute Blog Implementing AWS Well-Architected best practices for Amazon SQS – Part 1 https://aws.amazon.com/blogs/compute/implementing-aws-well-architected-best-practices-for-amazon-sqs-part-1/ Implementing AWS Well Architected best practices for Amazon SQS Part This blog is written by Chetan Makvana Senior Solutions Architect and Hardik Vasa Senior Solutions Architect Amazon Simple Queue Service Amazon SQS is a fully managed message queuing service that makes it easy to decouple and scale microservices distributed systems and serverless applications AWS customers have constantly discovered powerful new ways to build more scalable … 2023-06-27 07:14:21
python Pythonタグが付けられた新着投稿 - Qiita ChatGPT-APIのモデル(バージョン)を切り替える方法 https://qiita.com/gwanryong/items/a1c31b3e72b922a8e48f chatgptapi 2023-06-27 16:55:40
python Pythonタグが付けられた新着投稿 - Qiita 5^x-3^x=16「【面白い解法】1分で解ける裏技」をWolframAlphaとsympyでやってみたい。 https://qiita.com/mrrclb48z/items/717626d68c393791ae3c sympy 2023-06-27 16:45:39
AWS AWSタグが付けられた新着投稿 - Qiita Active Directoryでユーザー名を変更すると、WorkSpacesにサインインできなくなってしまう https://qiita.com/ramune-engineer/items/b3972a53581c8aff0211 activedirectory 2023-06-27 16:21:43
golang Goタグが付けられた新着投稿 - Qiita GoCon2023のビンGo解答(ビットキー) https://qiita.com/BYAKheee/items/cae2bb1a3280f7a90a46 gocon 2023-06-27 16:40:02
Git Gitタグが付けられた新着投稿 - Qiita git入門 https://qiita.com/keek123/items/2e83c4df0d4e9fb65f4e 過去 2023-06-27 16:55:17
技術ブログ Developers.IO 【セキュアアカウント切り戻し手順】AWS CloudTrail セキュア設定切り戻し手順のご案内 https://dev.classmethod.jp/articles/secure-account-setting-switchback-cloudtrail-encrypted/ awscloudtrail 2023-06-27 07:53:09
技術ブログ Developers.IO [アップデート] Amazon OpenSearch Service の取り込みパイプラインが Amazon Security Lake からのイベント取り込みをサポートしました https://dev.classmethod.jp/articles/opensearch-ingestion-security-lake/ siemonam 2023-06-27 07:48:51
技術ブログ Developers.IO Compute OptimizerのレコメンデーションをEventBridge Scheduler+Lambdaで定期通知してみた https://dev.classmethod.jp/articles/compute-optimizer-eventbridge-scheduler/ computeoptimizer 2023-06-27 07:15:19
海外TECH DEV Community Practical Guide: Applying Default Site Templates in Microsoft Teams for Streamlined Collaboration https://dev.to/jaloplo/practical-guide-applying-default-site-templates-in-microsoft-teams-for-streamlined-collaboration-404 Practical Guide Applying Default Site Templates in Microsoft Teams for Streamlined CollaborationAre you struggling to collaborate effectively with your team due to inconsistent file organization and sharing practices Worried about the potential risks of non compliance with data protection regulations and the confidentiality of sensitive information Have you noticed a lack of uniformity in document structures within your organization leading to confusion and delays in work processes If these questions resonate with you this article has the answers you re seeking We ll explore a practical solution that can standardize and enhance collaboration among coworkers Building upon the concept of Site Templates we ll delve into how Microsoft Teams can be leveraged to create a standardized folder template focusing on an example from the legal sector By following this configuration teams can streamline their file organization improve collaboration and ensure compliance with regulatory requirements Let s dive in and discover how to unlock the full potential of your teamwork in Microsoft Teams The challengeEffective collaboration among employees is essential for successful outcomes However many organizations from all industries face common challenges that hinder seamless teamwork and productivity Employees often encounter issues such as non standard folder structures difficulties in searching for critical information file duplication and a lack of unified categorization These problems can result in frustration delays and decreased efficiency in day to day operations To address these challenges a company in the legal sector is dedicated to implementing new initiatives that promote standardized categorization and compliance with regulations By adopting a s tructured approach to organizing documents and files the company aims to enhance productivity improve information retrieval and foster a collaborative environment where employees can work seamlessly together The approachThe proposed solution is centered around using Microsoft Teams to streamline the management of new projects and their corresponding teams Picture a template that automatically creates a predefined folder structure within the General channel of each newly formed team This innovative approach simplifies the organization and management of content bringing about a revolution in the way teams collaborate By utilizing this template teams can quickly kickstart their projects with a consistent set of folders Whether it s procedures guidelines templates or more the template ensures that everyone starts off on the same page This not only saves time but also eliminates the manual effort of setting up folders and promotes consistency across teams Through the power of automation this solution significantly enhances the user experience Team members can dive into their work knowing that the document structure is already established and easily accessible by everyone Collaboration becomes seamless and locating relevant information becomes effortless This template driven approach fosters efficiency productivity and a streamlined content management process Site Templates for the rescueSite Templates provide a powerful mechanism for defining and creating standardized designs or templates that can be applied across SharePoint Online site collections These templates offer site owners the flexibility to select and apply specific functionalities to their sites as discussed in my previous article on Unlocking Efficiency Streamlining Custom Functionality for Site Owners with SharePoint Online Site Templates One notable feature of Site Templates is the ability to designate them as the default template for specific site types such as Communication Sites Team Sites and Channel Sites This means that a Site Template with a predefined configuration can be automatically applied whenever any of the aforementioned site types are created This functionality brings several advantages although it may not be suitable for every company with similar needs It s important to note that when creating a new Microsoft Teams a corresponding SharePoint Online site of the Team Site type is also created Therefore to leverage the benefits of Site Templates we need to associate our custom Site Template with the Team Site site template This ensures that our desired configuration is automatically applied whenever a new Microsoft Teams is created along with its associated SharePoint Online Team Site site The hierarchical structure that has been chosen for organizing the company s legal files provides a fundamental framework to ensure efficient management and easy access to information It encompasses several main folders including dedicated sections for active cases filed cases legal documents and legal resources This well defined categorization allows for streamlined navigation and facilitates the retrieval of relevant files as needed Team members will be able to navigate the file system more efficiently leading to increased productivity and streamlined collaboration within the legal department The codeImplementing the solution is a straightforward process It involves two key components the JSON file defining the actions to be executed and the JSON file specifying the Site Template The first file can be divided into multiple files each performing specific tasks allowing reusability across different Site Templates However the latter file must be unique encompassing all the necessary information for site managers to apply the template to their sites In the case for storing legal documents the site script would look like this     schema     actions                     verb createSPList             listName Documents             templateType             subactions                                     verb addFolder                     folderPath General Legal Docs Contracts                                                     verb addFolder                     folderPath General Legal Docs Agreements                                                     verb addContentType                     name Contract                                                     verb addContentType                     name Agreement                                             bindata     version The Site Script definition file provides a clear and comprehensive overview of the generated structure Take a look and you ll immediately understand what will be created Within the Documents folder which is the default library when creating a Microsoft Teams space there s a nested General folder that represents the channel with the same name This channel specific folder is where all legal documents will be stored Additionally two subfolders are created to further categorize the files specifically for contracts and agreements To complete the remaining folder structure additional scripts will be utilized to define their respective elements This approach allows for the versatility of Site Scripts as they can be reused across different site templates leveraging existing components within the organization By modularizing the scripts it becomes easier to customize and adapt the folder structure based on specific needs or requirements promoting consistency and efficiency throughout various site templates I ve created a GitHub repository containing the Site Scripts and Site Template discussed in this project Feel free to check it out and fork it if you find it useful for your own projects It serves as a straightforward demonstration of the immense potential and practical application of Site Templates Explore experiment and unlock the power of standardized collaboration with ease SummaryIn this article I delved into the transformative potential of Site Templates and Site Scripts in revolutionizing collaboration and content organization These powerful tools offer a solution for companies to boost productivity and ensure standardization The example presented focused on Microsoft Teams showcasing the creation of a folder template after its setup However the application extends beyond Teams to other areas such as Communication Sites in SharePoint Online companies can establish consistent color themes And define specific elements for private or shared channels in Microsoft Teams The versatility of SharePoint Online and Microsoft Teams allows for endless possibilities enabling customization to align with the unique needs of each company Whether it s optimizing collaboration maintaining standardization or tailoring the user experience Site Templates and Site Scripts provide the flexibility to adapt and enhance these platforms Referencesspo site templates legal example Github repo Site Script schema Thanks to Hector Sosa the author of usescreenshot app application for allowing framing pictures Don t forget to share the article with your friends and colleagues if you find it interesting click on the heart if you like it or click on the comments to share what you think of the article if you would add more or if you want to clarify any of them 2023-06-27 07:25:18
海外TECH DEV Community How I built a sales management app with Next.js 13, Typescript, and Firebase https://dev.to/arshadayvid/how-i-built-a-sales-management-app-with-nextjs-13-typescript-and-firebase-16cb How I built a sales management app with Next js Typescript and FirebaseIn this tutorial I ll walk you through how I built a sales management application that enables store owners or cashiers to record and track sales using Next js v Typescript and Firebase Upon completion you ll be able to create advanced real world web applications using Firebase s amazing features like real time database and authentication PS This tutorial assumes you have a basic knowledge of React or Next js Application WorkflowBefore we start coding let me summarise how the application works The application does the following authenticates users via Email and Password with Firebase allows a user cashier or store owner to create various categories for the products add and delete products from the application andrecord and track sales made daily Here is a brief demo of the application Check out the live version of the application Username is admin test com and password is admin The UI Design ProcessHere I ll walk you through creating the required pages for the web application First of all you need to create a Login page You don t need to create a sign up page since it s exclusive to the user cashier store owner Next a Dashboard page that shows the metrics for the application and also includes navigation to other pages You also need a Products page where the user can add new products when available and delete products at any point in time Next create a Categories page to enable users to add or delete categories Finally you need to create the main part of the application the Sales page where the user can view previous sales and add new ones You can add a date input field on this page to enable the user to fetch the sales made for each day as shown below The Add New Sales component can be a modal shown when a user clicks the Add New Sales button In the upcoming sections you ll learn how to create and connect the backend database to the UI and interact with Firebase in a Next js app What is Firebase Firebase is a Backend as a Service Baas owned by Google that enables developers to build full stack web applications in a few minutes Services like Firebase make it very easy for front end developers to build full stack web applications with little or no backend programming skills Firebase provides various authentication methods a NoSQL database a real time database file storage cloud functions hosting services and many more How to add Firebase to a Next js applicationTo add Firebase to a Next js app follow the steps below Create a Next js application that uses Typescript and the app router npx create next app sales appVisit the Firebase console and sign in with a Gmail account Create a Firebase project once you are signed in Select the lt gt icon to create a new Firebase web app Provide the name of your app and register the app Install the Firebase SDK by running the code snippet below npm install firebaseCreate a firebase ts file at the root of your Next js project and copy the Firebase configuration code for your app into the file import initializeApp from firebase app import getAnalytics from firebase analytics const firebaseConfig apiKey authDomain projectId storageBucket messagingSenderId appId measurementId const app initializeApp firebaseConfig const analytics getAnalytics app Finally update the firebase ts to contain some required modules for Firebase Authentication and Firestore Database import initializeApp getApps from firebase app import getFirestore from firebase firestore import EmailAuthProvider from firebase auth import getAuth from firebase auth const firebaseConfig apiKey AIzaSyCtmIjLzqDSrUIwuUdBaocsNvjzpW authDomain stock taking firebaseapp com projectId stock taking storageBucket stock taking appspot com messagingSenderId appId web bfbadaa measurementId G BQVKMPSR Initialize Firebaselet app getApps length initializeApp firebaseConfig getApps const provider new EmailAuthProvider const db getFirestore app const auth getAuth app export provider auth export default db Congratulations You ve successfully added Firebase to your Next js app Next let s set up the needed Firebase features Setting up Firebase AuthenticationBefore you can add Firebase Authentication to your application you need to set it up on your console Select Build on the left hand panel and click Authentication Click the Get Started button enable the Email Password method and click Save If successful your screen should display this Setting up Firebase FirestoreSelect Firestore Database from the left hand side menu and create a database Create the database in test mode and use the default Cloud Firestore location settings After creating your database select Usage from the top menu bar edit the rules and publish the changes This enables you to make requests to the database for a longer period of time PS If you re not building this as a side project ensure you switch the database to production mode to prevent your app from cyber attacks Finally create three database collections for the categories products and sales data Congratulations Your database is ready You ll learn how to interact with it shortly User authentication with Firebase AuthIn this section I ll walk you through the authentication aspect of the sales management system You ll learn how to log users in and out of the application and how to protect pages containing confidential data from unauthenticated users First create a utils ts file that will contain the functions and import them into the required components Signing into the applicationThe function below allows the user to access the application It accepts the user s email and password and returns a user object containing all the user s information You can create a new user on your Firebase console and execute the function below when the sign in form is submitted import AppRouterInstance from next dist shared lib app router context import signInWithEmailAndPassword from firebase auth import auth from firebase export const LoginUser email string password string router AppRouterInstance gt signInWithEmailAndPassword auth email password then userCredential gt const user userCredential user logs user s details console log User gt gt user successMessage Authentication successful router push dashboard catch error gt console error error errorMessage Incorrect Email Password The code snippet above validates the user s credentials and returns an object containing all the information related to the user If the process is successful it redirects the user to the dashboard page otherwise returns an error Logging users out of the applicationFirebase also provides a signOut function that enables users to log out of the application Here is how it works import AppRouterInstance from next dist shared lib app router context import signOut from firebase auth import auth from firebase export const LogOut router AppRouterInstance gt signOut auth then gt successMessage Logout successful router push catch error gt errorMessage Couldn t sign out The code snippet above logs users out of the application by getting the active user s details and logging them out with the help of the signOut function Protecting pages from unauthenticated usersTo do this you can store the user s details object to a state after logging in or use the Firebase onAuthStateChanged hook Using the onAuthStateChanged hook use client import auth from firebase import onAuthStateChanged from firebase auth import useState useCallback useEffect from react const isUserLoggedIn useCallback gt onAuthStateChanged auth user gt if user setUser email user email uid user uid Perform an authenticated request else return router push router useEffect gt isUserLoggedIn isUserLoggedIn The onAuthStateChanged hook checks if the user is active and returns the object containing all the user s details You can execute the function on page load for all the routes except the Login page Real time communication with Firebase data structure and CRUD operationIn this section I ll walk you through setting up the data structure for the application and interacting with Firebase The Categories collectionThe first page to set up in this application is the Categories page because when the user adds a product it has to be under a category Therefore create your Categories page similar to the image below Execute the code snippet below when the user adds a new category import collection addDoc from firebase firestore import db from firebase export const addCategory async name string gt try await addDoc collection db categories name successMessage name category added catch err errorMessage Error console error err The code snippet above accepts the category name from the input field and creates a new document category on Firebase To delete a category run the code snippet below when a user clicks the delete button export const deleteCategory async id string name string gt try deletes the category await deleteDoc doc db categories id delets the products within the category const q query collection db products where category name const unsubscribe onSnapshot q querySnapshot gt querySnapshot forEach document gt deleteDoc doc db products document id successMessage name category deleted catch err errorMessage Encountered an error console log err The deleteCategory function above accepts the ID and name of the selected category deletes the category from the list and deletes the products under the selected category Finally you need to get the categories list from Firebase when the page loads Execute the function below to do this export const getCategories async setCategories any gt try const unsub onSnapshot collection db categories doc gt const docs any doc forEach d any gt docs push d data id d id setCategories docs catch err console error err setCategories The code snippet above accepts a parameter called setCategories the React state containing all the categories Then sends a request to Firebase to retrieve the categories list and updates the setCategories state with the data The Products collectionAfter setting up the Categories page you need to allow users to add and delete products under any available categories Create a Products page similar to the image above and execute the code snippet below when the user adds a new product export const addProduct async name string price number category string gt try await addDoc collection db products name price category successMessage name product added catch err errorMessage Error console error err The code snippet above accepts the product s name price and category from the form field and adds it to the products collection Run this function to display the products on page load export const getProducts async setProducts any gt try const unsub onSnapshot collection db products doc gt const docs any doc forEach d any gt docs unshift d data id d id setProducts docs catch err console error err setProducts Finally allow the user to delete products from the products collection Therefore execute the function below when a user clicks the delete button export const deleteProduct async id string name string gt try await deleteDoc doc db products id successMessage name deleted catch err errorMessage Encountered an error console log err The function accepts the product s name and ID then deletes the product from the collection via its ID The Sales collectionHere you need to create functions that enable the user to add and get sales for a particular day and the total sales made on the platform export const addSales async customerName string customerEmail string products Items totalAmount number setAddNew any gt try await addDoc collection db sales customerName customerEmail products totalAmount timestamp serverTimestamp successMessage Sales recorded setAddNew false catch err console error err errorMessage Error Try again The function below accepts the customer s and products details then adds them to the sales collection To get all the sales execute the code snippet below on the page load It queries the sales collection and returns all the data export const getSales async setSales any gt try const docRef collection db sales const q query docRef orderBy timestamp onSnapshot q snapshot gt const docs any snapshot forEach d any gt docs unshift d data id d id setSales docs catch err console error err setSales On the dashboard page a box shows the total amount made from the sales The code snippet below returns the total amount export const getTotalSales async setTotalSales any gt try const unsub onSnapshot collection db sales doc gt let totalSales number doc forEach d any gt totalSales d data totalAmount setTotalSales totalSales catch err console error err Finally on the Products page you may want to display sales only made on a particular day The code snippet below queries the sales collection and returns sales made on a specific day You can edit the function to return sales made weekly monthly quarterly or yearly You just need to update the Date format with the right duration export const getSalesForDay async date Date null setSales any gt try const day date getDate const month date getMonth const year number undefined date getFullYear if day undefined amp amp month undefined amp amp year undefined const startDate new Date year month day const endDate new Date year month day const docRef collection db sales const q query docRef orderBy timestamp where timestamp gt Timestamp fromDate startDate where timestamp lt Timestamp fromDate endDate onSnapshot q snapshot gt const docs any snapshot forEach d any gt docs unshift d data id d id setSales docs catch err console error err ConclusionCongratulations on making it thus far You ve learntwhat Firebase is how to add Firebase to a Next js app how to work with Firebase Auth and Firebase Firestore andhow to build a sales management application I ve built a live version of the application check it out The source code is also available here Firebase is a great tool that provides almost everything you need to build a full stack web application If you want to create a full stack web application without any backend programming experience consider using Firebase Thank you for reading Open to workDid you enjoy this article or need an experienced Technical Writer React Developer for a remote full time or contract based role Feel free to contact me GitHub LinkedIn Twitter 2023-06-27 07:20:55
医療系 医療介護 CBnews 【感染症情報】RSウイルスが6週連続で増加-インフルエンザは4週連続で減少 https://www.cbnews.jp/news/entry/20230627161921 医療機関 2023-06-27 16:40:00
医療系 医療介護 CBnews 次官級ポスト「医務技監」に迫井内閣審議官-厚労審議官は田中職業安定局長、厚労省・幹部人事 https://www.cbnews.jp/news/entry/20230627155704 内閣官房 2023-06-27 16:30:00
ニュース BBC News - Home Supermarkets to be grilled over high food prices https://www.bbc.co.uk/news/business-66019190?at_medium=RSS&at_campaign=KARANGA inflation 2023-06-27 07:46:20
ニュース BBC News - Home ICC World Cup 2023: India to play Pakistan in Ahmedabad in October https://www.bbc.co.uk/news/world-asia-india-66027391?at_medium=RSS&at_campaign=KARANGA india 2023-06-27 07:29:25
ニュース BBC News - Home Cricket World Cup 2023: England start defence against New Zealand https://www.bbc.co.uk/sport/cricket/65986190?at_medium=RSS&at_campaign=KARANGA october 2023-06-27 07:35:14
IT 週刊アスキー 鈴木裕氏が手掛ける最新3Dシューティング『Air Twister』が家庭用ゲーム機向けに発売決定! https://weekly.ascii.jp/elem/000/004/142/4142787/ 鈴木裕氏が手掛ける最新Dシューティング『AirTwister』が家庭用ゲーム機向けに発売決定ININとYSNETは、ゲームクリエイター鈴木裕氏が手掛けた爽快Dシューティングゲーム『AirTwister』のパッケージ版をNintendoSwitchとPlayStation向けに発売することを年月日に発表。 2023-06-27 16:55:00
IT 週刊アスキー 吉野家「W定食」「W弁当」が100円引きに 30日から https://weekly.ascii.jp/elem/000/004/142/4142726/ 期間 2023-06-27 16:50:00
マーケティング AdverTimes ゴディバ、ベーカリーブランド「ゴディパン」の世界初店舗を東京に出店 https://www.advertimes.com/20230627/article424764/ 世界で初めて 2023-06-27 07:53:42
マーケティング AdverTimes 山下達郎出演、マクセルUDカセットテープのCM「RIDE ON TIME」(1980年)をYouTubeで初公開 https://www.advertimes.com/20230627/article424707/ rcaairyears 2023-06-27 07:02:14

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)