投稿時間:2023-02-28 00:19:35 RSSフィード2023-02-28 00:00 分まとめ(25件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	Python全く分からん自分のアウトプット　その6	https://qiita.com/makimakimakimac/items/f38125deb46b814f7c1a	何食わぬ顔	2023-02-27 23:30:12
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS SOA取得に苦戦(2回不合格)したので振り返る。	https://qiita.com/hrk_sgymm23/items/3afa594d3cf84548a1f5	awssoa	2023-02-27 23:45:06
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS上に作成したMattermostに502エラーが出た話	https://qiita.com/pingu-noots/items/a74ad12d1f8f32e4e6d5	autoscalinggroup	2023-02-27 23:05:59
Git	Gitタグが付けられた新着投稿 - Qiita	Git&GitLab:習うより慣れろ	https://qiita.com/NeK/items/f9017c968fadeb8a6a59	gitampgitlab	2023-02-27 23:52:29
Git	Gitタグが付けられた新着投稿 - Qiita	【Git】ブランチの削除方法	https://qiita.com/P-man_Brown/items/6b4dc66898a110bc32ce	branch	2023-02-27 23:51:25
Git	Gitタグが付けられた新着投稿 - Qiita	次に何か作るなら導入したいツール	https://qiita.com/karaage578tech/items/d9e2242b60c821c7257e	gitaddgtgitcommit	2023-02-27 23:24:02
技術ブログ	Developers.IO	マークダウンのmetadata（yaml header）をNode.jsでパースする	https://dev.classmethod.jp/articles/parse-md-markdown-meta-data/	delivery	2023-02-27 14:54:31
海外TECH	MakeUseOf	How to Fix Cloudflare’s Error 1020: Access Denied	https://www.makeuseof.com/cloudflare-error-1020-access-denied-fix/	certain	2023-02-27 14:25:16
海外TECH	MakeUseOf	Ghost Touches on Your Windows Touchscreen Computer? Here’s What to Do	https://www.makeuseof.com/ghost-touches-windows-touchscreen-computer/	hybrid	2023-02-27 14:15:16
海外TECH	MakeUseOf	Why Smartphone Cameras Will Kill Off the DSLR	https://www.makeuseof.com/why-smartphone-cameras-will-kill-dslr/	dslrs	2023-02-27 14:01:16
海外TECH	DEV Community	Why Qovery Preview Environments Are So Valuable to Development Teams	https://dev.to/livecycle/why-qovery-preview-environments-are-so-valuable-to-development-teams-3ggk	Why Qovery Preview Environments Are So Valuable to Development Teams The popularity of PR Preview EnvironmentsOver the last few years the use of PR “preview environments have exploded in popularity Preview environments are clones of a production environment including applications databases and configuration that are automatically created on every pull request Development teams use preview environments to “preview the code changes in a pull request before they get merged These environments are called “preview environments or “ephemeral environments because they are by definition not permanent These environments are temporary environments that represent a feature specific version of staging or production enabling developers QA engineers or even product managers to quickly review the new feature without the hassle of complex staging or production environment dependencies Benefits of Preview EnvironmentsUsing PR preview environments has many benefits To list a few Shorter Feedback Cycles and Faster Delivery Preview environments can facilitate faster feedback cycles and reduce your time to market For a product already in production the ability to release fixes without overriding the staging build is a lifesaver Improved Review Process and Product Quality Preview environments get all relevant stakeholders to the review table developers designers QA PMs marketing management and more This improves the quality of the review process and by extension the quality of the code and product Reduced Costs Because preview environments are ephemeral in nature they are removed as soon as the PR is merged back into the master branch This eliminates the need for permanent infrastructure which reduces cloud costs Furthermore the automatic provisioning and de provisioning of deployment previews reduce the workload of DevOps teams and enable them to focus on other tasksIf you want to learn more about the benefits of using preview environments check out this article that offers a more detailed overview Qovery Makes it Easy to Set Up Preview EnvironmentsThere are many services out there offering to facilitate “preview environments for development teams and the potential upside sounds great But the reality is that setting up preview environments with other platforms can be difficult and costly These preview environment systems often need to manage multiple applications within the same environment coming from different repositories It s a challenging task especially when ongoing automation is involved This is why Qovery offers a preview environment solution that dramatically simplifies this process and provides preview environments without the DevOps friction complexity and costs Using Qovery you can directly integrate your preview environment with your AWS account and configure it with just a few clicks Check out this step by step guide to see just how easy it is to get started Get clearer feedback in context by connecting Livecycle to your Preview EnvironmentsQovery s easy to configure preview environments are just the tip of the iceberg though Because once you ve set up your preview environments you can connect them to Livecycle and let your team collaborate and give feedback in context on top of the PR itself Livecycle s SDK turns your Qovery preview environments into collaborative playgrounds where every stakeholder can review collaborate and comment in context on top of the product UI When a PR is opened and a preview environment is created the Livecycle collaboration tools are overlayed on the product UI allowing each reviewer to leave their comments in context and to see the other comment threads and overall status Livecycle s Figma like on page markup capabilities facilitate a truly collaborative workflow on top of the Qovery infrastructure Livecycle maintains the comments per playground and everything is also synced back to GitHub or your preferred Git SCM provider so that code owners can see the relevant feedback in their preferred context And supported integrations with other platforms like Slack Jira and Linear allow you to speed up your workflow without adding steps or changing tools Livecycle extends the value of your Qovery preview environments by making them a place for contextual reviews and inclusive collaboration This allows teams to achieve the streamlined workflows and increased velocity that they are aiming for How it works The Qovery Livecycle WorkflowOnce your Qovery environments are set up together with the Livecycle SDK Livecycle will kick off the workflow by automatically distributing the link to the preview environment to all the relevant collaborators on the team when a PR is opened And even if someone is missing from the list you can add them at any time to join the project When a team member opens the preview environment the Livecycle tools are readily available for collecting feedback in full context including Screenshots for highlighting specific areas of the UIVideo capture to record a particular user sequenceElement editor for making suggested changes to HTML and CSS elementsText based commentsTagging team members emoji reactions and status designation per comment making sure everyone is kept in the loopSince these tools are available in the preview environment itself reviewers can give better feedback by marking up the actual product UI And the code owners can understand the feedback faster and address it sooner without needing to coordinate more meetings Getting Started with Qovery and LivecycleTo get started with your Qovery Preview Environments check out this step by step guide Adding the Livecycle SDK to the project can be as simple as this lt script src livecycle sdk stable dist browser index js gt lt script gt lt script gt LivecycleSdk init catch console error lt script gt To learn how to connect the Livecycle SDK to your Qovery Preview Environments check out the Livecycle SDK documentation Conclusion and Next StepsThe benefits of preview environments are becoming increasingly clear to product development teams At the same time many preview environment platforms are creating additional DevOps burdens to set up and maintain these preview environments Qovery solves this by providing an easy way to gain all the benefits of preview environments while simultaneously making the life of the DevOps team easier And by connecting Livecycle to these environments development teams can collaborate in context on top of PR preview environments  Try Livecycle with your Qovery Preview Environments today to dramatically improve your team s performance and your overall developer experience	2023-02-27 14:48:54
海外TECH	DEV Community	How to install Phoenix (Elixir) with Tailwind CSS and Flowbite	https://dev.to/themesberg/how-to-install-phoenix-elixir-with-tailwind-css-and-flowbite-229f	How to install Phoenix Elixir with Tailwind CSS and FlowbitePhoenix is a popular open source web development framework based on the Elixir programming language that leverages the Model View Controller MVC architecture and it can be a viable alternative compared to other back end framework languages such as Ruby on Rails Django or even Flask The Phoenix framework and the Elixir programming language are used by quite a few well established companies and websites such as Pinterest Moz Financial Times Toyota and even Discord By following this guide you will learn how to create a new Phoenix project powered by Elixir install and set up the Tailwind CSS framework and finally install Flowbite to leverage the open source UI components RequirementsBefore getting started you need to have both Elixir the Hex package manager the PostgreSQL relational database server and Node js installed on your local computer to be able to follow through this guide Install ElixirIf you re using macOS you can use Homebrew to install Elixir in your terminal brew install elixirAlternatively if you re on a Windows device you can install Elixir using Scoop scoop install erlangscoop install elixirYou can run elixir v in your terminal to confirm that Elixir has been successfully installed Read more about the Elixir installation guide for more details if needed Install HexMake sure that the Hex package manager is also available Install it by running the following command mix local hexIf you already had Hex locally installed this command will upgrade it to the latest version Install PostgreSQLTo install the open source PostgreSQL relational database server we recommend checking out the official installation guides where you can learn how to install the software based on your operating system and device If you have Homebrew available you can install PostgreSQL via the terminal brew install postgresqlAlternatively you can also use Scoop if you re running on a Windows device scoop install postgresqlAfter you ve installed PostgreSQL you need to start the server brew services start postgresqlAdditionally you can connect via the terminal using psql postgresNow that you have PostgreSQL installed we can proceed with the other requirements App generatorNow that you have both Elixir and Hex installed you need to set up the Phoenix application generator by running the following command in your terminal mix archive install hex phx newMake sure that you press Yes to all prompts Create a Phoenix projectNow that you have all of the required languages and tools installed you can create a new Phoenix project Using the application generator you can create a new Phoenix project and make sure that you press Yes when prompted to install the local dependencies mix phx new project namecd project name This command will create a fresh installation of a Phoenix application with a folder structure that already includes examples of the MVC pattern including controllers view templates and data models Create and configure your database by running the following command mix ecto createMake sure that you have a postgres SUPERUSER and a postgres database You can create them by first by running the following SQL command while logged into PostgreSQL via the terminal by running psql postgres CREATE USER postgres SUPERUSER CREATE DATABASE postgres WITH OWNER postgres exitThe mix ecto create will create a new database for your Phoenix application Create a local server by running the following command in your terminal mix phx serverThis will make the Phoenix project available via the browser on http localhost Install Tailwind CSSTailwind CSS is a popular and open source utility first CSS framework that allows you to use a huge collection of utility classes directly inside your HTML without having to touch your CSS or create class name constructs allowing you to focus on developing websites fast and efficiently If you are installing Phoenix version or later you can skip this part and go directly to the Flowbite installation guide because Tailwind CSS is automatically configured Install the Tailwind plugin inside the mix exs file defp deps do other dependencies tailwind gt runtime Mix env dev endConfigure the input and output files inside the config exs file config tailwind version default args w config tailwind config js input css app css output priv static assets app css cd Path expand assets DIR You can also set the version of Tailwind CSS that which you want to download Integrate the compilation of Tailwind CSS on deployment inside mix esx defp aliases do other scripts assets deploy tailwind default minify esbuild default minify phx digest endInside your dev exs file set up a watcher to compile Tailwind CSS watchers other watchers tailwind Tailwind install and run default w watch Install the official Tailwind CLI and generate a tailwind config js file mix tailwind installYou may have to run mix deps get if the command doesn t install Tailwind CSS right away Remove the default CSS styles and import the Tailwind directives inside the assets css app css file tailwind base tailwind components tailwind utilities Restart the server using mix phx server and add some Tailwind CSS classes inside the index html heex file lt section class bg gray gt lt h class text xl font medium text blue gt lt gettext Welcome to name name Phoenix gt lt h gt lt p gt Peace of mind from prototype to production lt p gt lt section gt You can now use a collection of open source UI components based on Tailwind CSS from the Flowbite Library and website sections from the Flowbite Blocks collection including CRUD layouts marketing sections blog layouts and more Now that you have installed both Phoenix and Tailwind CSS we can proceed by installing Flowbite to enable interactivity for the UI components from Flowbite based on JavaScript Install FlowbiteFlowbite is a free and open source ecosystem of UI component libraries that use the utility first classes from Tailwind CSS to leverage building interactive accessible and commonly used UI components such as dropdowns navbars modals datepickers that can help you build websites even faster Create a package json file using npm init inside the assets folder and then install the Flowbite package using NPM npm install flowbiteRequire the Flowbite plugin inside tailwind config js module exports plugins require flowbite plugin Set up the template paths for the Flowbite JS file module exports content node modules flowbite js Finally import the Flowbite JS package inside the default assets js app js file Alternatively you can npm install some package prefix assets and import them using a path starting with the package name import some package import flowbite other Phoenix packagesYou can also check out the Flowbite Quickstart guide to learn how you can set up the Javascript using CDN via bundling or even using TypeScript Flowbite componentsNow that we have a Phoenix project with Tailwind CSS and Flowbite installed we can finally leverage the three technologies to build websites In this section you will learn how to set up a landing page using the Flowbite Blocks collection that relies on the open source Flowbite Library UI components Go to the root html heex file and change the default lt header gt tag with a Flowbite Header component lt header gt lt nav class bg white border gray px lg px py dark bg gray gt lt div class flex flex wrap items center justify between max w screen xl mx auto gt lt a href class flex items center gt lt img src class h mr sm h alt Flowbite Logo gt lt span class self center text xl font semibold whitespace nowrap dark text white gt Flowbite lt span gt lt a gt lt div class flex items center lg order gt lt a href class text gray dark text white hover bg gray focus ring focus ring gray font medium rounded lg text sm px lg px py lg py mr dark hover bg gray focus outline none dark focus ring gray gt Log in lt a gt lt a href class text white bg blue hover bg blue focus ring focus ring blue font medium rounded lg text sm px lg px py lg py mr dark bg blue dark hover bg blue focus outline none dark focus ring blue gt Get started lt a gt lt button data collapse toggle mobile menu type button class inline flex items center p ml text sm text gray rounded lg lg hidden hover bg gray focus outline none focus ring focus ring gray dark text gray dark hover bg gray dark focus ring gray aria controls mobile menu aria expanded false gt lt span class sr only gt Open main menu lt span gt lt svg class w h fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a ha Ha zM a ha Ha zM a ha Ha z clip rule evenodd gt lt path gt lt svg gt lt svg class hidden w h fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a L l a L l a L l a L a z clip rule evenodd gt lt path gt lt svg gt lt button gt lt div gt lt div class items center justify between hidden w full lg flex lg w auto lg order id mobile menu gt lt ul class flex flex col mt font medium lg flex row lg space x lg mt gt lt li gt lt a href class block py pl pr text white bg blue rounded lg bg transparent lg text blue lg p dark text white aria current page gt Home lt a gt lt li gt lt li gt lt a href class block py pl pr text gray border b border gray hover bg gray lg hover bg transparent lg border lg hover text blue lg p dark text gray lg dark hover text white dark hover bg gray dark hover text white lg dark hover bg transparent dark border gray gt Company lt a gt lt li gt lt li gt lt a href class block py pl pr text gray border b border gray hover bg gray lg hover bg transparent lg border lg hover text blue lg p dark text gray lg dark hover text white dark hover bg gray dark hover text white lg dark hover bg transparent dark border gray gt Marketplace lt a gt lt li gt lt li gt lt a href class block py pl pr text gray border b border gray hover bg gray lg hover bg transparent lg border lg hover text blue lg p dark text gray lg dark hover text white dark hover bg gray dark hover text white lg dark hover bg transparent dark border gray gt Features lt a gt lt li gt lt li gt lt a href class block py pl pr text gray border b border gray hover bg gray lg hover bg transparent lg border lg hover text blue lg p dark text gray lg dark hover text white dark hover bg gray dark hover text white lg dark hover bg transparent dark border gray gt Team lt a gt lt li gt lt li gt lt a href class block py pl pr text gray border b border gray hover bg gray lg hover bg transparent lg border lg hover text blue lg p dark text gray lg dark hover text white dark hover bg gray dark hover text white lg dark hover bg transparent dark border gray gt Contact lt a gt lt li gt lt ul gt lt div gt lt div gt lt nav gt lt header gt If you check out your browser you ll see the component at the top part of your page with an already responsive hamburger menu on mobile devices Let s find a hero section from the Flowbite Blocks collection and add it inside the index html heex file lt section class bg white dark bg gray gt lt div class max w screen xl px py mx auto text center lg py lg px gt lt a href class inline flex items center justify between px py pr text sm text gray bg gray rounded full mb dark bg gray dark text white hover bg gray dark hover bg gray role alert gt lt span class text xs bg blue rounded full text white px py mr gt New lt span gt lt span class text sm font medium gt Flowbite is out See what s new lt span gt lt svg class w h ml fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a L a l a l a z clip rule evenodd gt lt path gt lt svg gt lt a gt lt h class mb text xl font extrabold leading none tracking tight text gray md text xl lg text xl dark text white gt We invest in the world s potential lt h gt lt p class mb text lg font normal text gray lg text xl sm px xl px dark text gray gt Here at Flowbite we focus on markets where technology innovation and capital can unlock long term value and drive economic growth lt p gt lt div class flex flex col mb space y lg mb sm flex row sm justify center sm space y sm space x gt lt a href class inline flex items center justify center px py text base font medium text center text white bg blue rounded lg hover bg blue focus ring focus ring blue dark focus ring blue gt Learn more lt svg class w h ml mr fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L Ha hl a z clip rule evenodd gt lt path gt lt svg gt lt a gt lt a href class inline flex items center justify center px py text base font medium text center text gray border border gray rounded lg hover bg gray focus ring focus ring gray dark text white dark border gray dark hover bg gray dark focus ring gray gt lt svg class w h mr ml fill currentColor viewBox xmlns gt lt path d M a ha va Ha VzM A va l A Va l z gt lt path gt lt svg gt Watch video lt a gt lt div gt lt div class px mx auto text center md max w screen md lg max w screen lg lg px gt lt span class font semibold text gray uppercase gt FEATURED IN lt span gt lt div class flex flex wrap items center justify center mt text gray sm justify between gt lt a href class mb mr lg mb hover text gray dark hover text gray gt lt svg class h viewBox fill none xmlns gt lt path d M C C C C C C C C C C C C Z fill currentColor gt lt path d M VL L Z fill white gt lt path d M C C VC C C C C C VC C C C ZM C VC C C C VC C C Z fill currentColor gt lt path d M VC C C C C L C C C C C VC C C C C VHVZM C C VHVC C C C Z fill currentColor gt lt path d M L HL C HC L HL VHVHZ fill currentColor gt lt path d M VHL HC C C VHVC C C C VHZ fill currentColor gt lt path d M VHL HC C C VHVC C C C VHZ fill currentColor gt lt path d M HVHVHVHVZ fill currentColor gt lt path d M C C C C HVHVHL HC C C C VC ZM C C C C C VC C C C C VHZ fill currentColor gt lt svg gt lt a gt lt a href class mb mr lg mb hover text gray dark hover text gray gt lt svg class h viewBox fill none xmlns gt lt path d M C C C C Z fill currentColor gt lt path d M HVHC C C C C C C C ZM HVHVHC C Z fill white gt lt path d M C HVHC HZM VHC C HVHHZM VHVC VC C VHHZM C C C C HZM C C C C ZM VC C C C VZM VC C C C VHVHZM VC C VHVC C VHVHZM C C L C C C C L C C ZM VHVHVHVHVHVC C L C C ZM VHVHVHVHVHVHZM VC C VHVC C VHVHZM VC C VHVHVC C VHHZM VHVHVHVHVHVC C L C C fill currentColor gt lt svg gt lt a gt lt a href class mb mr lg mb hover text gray dark hover text gray gt lt svg class h viewBox fill none xmlns gt lt path d M C C C C Z fill currentColor gt lt path d M C C C L L C C C C L C C L C C C C C C C C C ZM C C C C ZM C C C C C C C C ZM C C C C Z fill white gt lt path d M C C C C Z fill currentColor gt lt path d M C C C C C C C C C C HVZM C HC ZM C C VC C VC C VC HC ZM C C VC C VZM C C VC C C C C C VZM C C C C ZM C C VC C C C C C VZM C C C C ZM VHC C HVC C VHC C HVC C Z fill currentColor gt lt svg gt lt a gt lt div gt lt div gt lt div gt lt section gt Remove the default container class from the app html heex file to enable the built in containers Let s add one of the content sections right after the hero section lt section class bg white dark bg gray gt lt div class items center max w screen xl gap px py mx auto lg grid lg grid cols lg py lg px gt lt div class font light text gray sm text lg dark text gray gt lt h class mb text xl font extrabold tracking tight text gray dark text white gt We didn t reinvent the wheel lt h gt lt p class mb gt We are strategists designers and developers Innovators and problem solvers Small enough to be simple and quick but big enough to deliver the scope you want at the pace you need Small enough to be simple and quick but big enough to deliver the scope you want at the pace you need lt p gt lt p gt We are strategists designers and developers Innovators and problem solvers Small enough to be simple and quick lt p gt lt div gt lt div class grid grid cols gap mt gt lt img class w full rounded lg src alt office content gt lt img class w full mt rounded lg lg mt src alt office content gt lt div gt lt div gt lt section gt Furthermore we can copy one of the feature sections and add it next in line lt section class bg white dark bg gray gt lt div class max w screen xl px py mx auto sm py lg px gt lt div class max w screen md mb lg mb gt lt h class mb text xl font extrabold tracking tight text gray dark text white gt Designed for business teams like yours lt h gt lt p class text gray sm text xl dark text gray gt Here at Flowbite we focus on markets where technology innovation and capital can unlock long term value and drive economic growth lt p gt lt div gt lt div class space y md grid md grid cols lg grid cols md gap md space y gt lt div gt lt div class flex items center justify center w h mb bg blue rounded full lg h lg w dark bg blue gt lt svg class w h text blue lg w lg h dark text blue fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a va hl a L l a L Ha Va Hzm a L a l a L l a l z clip rule evenodd gt lt path gt lt svg gt lt div gt lt h class mb text xl font bold dark text white gt Marketing lt h gt lt p class text gray dark text gray gt Plan it create it launch it Collaborate seamlessly with all the organization and hit your marketing goals every month with our marketing plan lt p gt lt div gt lt div gt lt div class flex items center justify center w h mb bg blue rounded full lg h lg w dark bg blue gt lt svg class w h text blue lg w lg h dark text blue fill currentColor viewBox xmlns gt lt path d M a l a L a l a L l a l a l zM L va zM A v l a l a zM a v a Va z gt lt path gt lt svg gt lt div gt lt h class mb text xl font bold dark text white gt Legal lt h gt lt p class text gray dark text gray gt Protect your organization devices and stay compliant with our structured workflows and custom permissions made for you lt p gt lt div gt lt div gt lt div class flex items center justify center w h mb bg blue rounded full lg h lg w dark bg blue gt lt svg class w h text blue lg w lg h dark text blue fill currentColor viewBox xmlns gt lt path fill rule evenodd d M Va ha vha vA a Va hzm a ha vHVzm a h a Ha z clip rule evenodd gt lt path gt lt path d M Va ha v A c z gt lt path gt lt svg gt lt div gt lt h class mb text xl font bold dark text white gt Business Automation lt h gt lt p class text gray dark text gray gt Auto assign tasks send Slack messages and much more Now power up with hundreds of new templates to help you get started lt p gt lt div gt lt div gt lt div class flex items center justify center w h mb bg blue rounded full lg h lg w dark bg blue gt lt svg class w h text blue lg w lg h dark text blue fill currentColor viewBox xmlns gt lt path d M c va C c zM v c a z gt lt path gt lt path fill rule evenodd d M a zm a v a C c vc a c Va v a C c A Vc a c Vz clip rule evenodd gt lt path gt lt svg gt lt div gt lt h class mb text xl font bold dark text white gt Finance lt h gt lt p class text gray dark text gray gt Audit proof software built for critical financial operations like month end close and quarterly budgeting lt p gt lt div gt lt div gt lt div class flex items center justify center w h mb bg blue rounded full lg h lg w dark bg blue gt lt svg class w h text blue lg w lg h dark text blue fill currentColor viewBox xmlns gt lt path d M a ha HzM a ha Ha zM a ha va Ha v z gt lt path gt lt svg gt lt div gt lt h class mb text xl font bold dark text white gt Enterprise Design lt h gt lt p class text gray dark text gray gt Craft beautiful delightful experiences for both marketing and product with real cross company collaboration lt p gt lt div gt lt div gt lt div class flex items center justify center w h mb bg blue rounded full lg h lg w dark bg blue gt lt svg class w h text blue lg w lg h dark text blue fill currentColor viewBox xmlns gt lt path fill rule evenodd d M c a c a c a c a c a c a c a zM a z clip rule evenodd gt lt path gt lt svg gt lt div gt lt h class mb text xl font bold dark text white gt Operations lt h gt lt p class text gray dark text gray gt Keep your company s lights on with customizable iterative and structured workflows built for all efficient teams and individual lt p gt lt div gt lt div gt lt div gt lt section gt Before the end of the page we probably want to add a CTA section lt section class bg white dark bg gray gt lt div class items center max w screen xl gap px py mx auto xl gap md grid md grid cols sm py lg px gt lt img class w full dark hidden src alt dashboard image gt lt img class hidden w full dark block src alt dashboard image gt lt div class mt md mt gt lt h class mb text xl font extrabold tracking tight text gray dark text white gt Let s create more tools and ideas that brings us together lt h gt lt p class mb font light text gray md text lg dark text gray gt Flowbite helps you connect with friends and communities of people who share your interests Connecting with your friends and family as well as discovering new ones is easy with features like Groups lt p gt lt a href class inline flex items center text white bg blue hover bg blue focus ring focus ring blue font medium rounded lg text sm px py text center dark focus ring blue gt Get started lt svg class w h ml mr fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a l a l a L Ha hl a z clip rule evenodd gt lt path gt lt svg gt lt a gt lt div gt lt div gt lt section gt Finally we can finish the landing page by adding one of the footer components from Flowbite lt footer class p bg white sm p dark bg gray gt lt div class max w screen xl mx auto gt lt div class md flex md justify between gt lt div class mb md mb gt lt a href class flex items center gt lt img src class h mr alt FlowBite Logo gt lt span class self center text xl font semibold whitespace nowrap dark text white gt Flowbite lt span gt lt a gt lt div gt lt div class grid grid cols gap sm gap sm grid cols gt lt div gt lt h class mb text sm font semibold text gray uppercase dark text white gt Resources lt h gt lt ul class text gray dark text gray gt lt li class mb gt lt a href class hover underline gt Flowbite lt a gt lt li gt lt li gt lt a href class hover underline gt Tailwind CSS lt a gt lt li gt lt ul gt lt div gt lt div gt lt h class mb text sm font semibold text gray uppercase dark text white gt Follow us lt h gt lt ul class text gray dark text gray gt lt li class mb gt lt a href class hover underline gt Github lt a gt lt li gt lt li gt lt a href class hover underline gt Discord lt a gt lt li gt lt ul gt lt div gt lt div gt lt h class mb text sm font semibold text gray uppercase dark text white gt Legal lt h gt lt ul class text gray dark text gray gt lt li class mb gt lt a href class hover underline gt Privacy Policy lt a gt lt li gt lt li gt lt a href class hover underline gt Terms amp amp Conditions lt a gt lt li gt lt ul gt lt div gt lt div gt lt div gt lt hr class my border gray sm mx auto dark border gray lg my gt lt div class sm flex sm items center sm justify between gt lt span class text sm text gray sm text center dark text gray gt lt a href class hover underline gt Flowbite lt a gt All Rights Reserved lt span gt lt div class flex mt space x sm justify center sm mt gt lt a href class text gray hover text gray dark hover text white gt lt svg class w h fill currentColor viewBox aria hidden true gt lt path fill rule evenodd d M c S c v h VhVc vh c Vhl h vC z clip rule evenodd gt lt svg gt lt a gt lt a href class text gray hover text gray dark hover text white gt lt svg class w h fill currentColor viewBox aria hidden true gt lt path fill rule evenodd d M c a c v c a c h c a c v c a A c C h zm h c v c h c v c a c zM a zm a zm a z clip rule evenodd gt lt svg gt lt a gt lt a href class text gray hover text gray dark hover text white gt lt svg class w h fill currentColor viewBox aria hidden true gt lt path d M c A a A v a A a gt lt svg gt lt a gt lt a href class text gray hover text gray dark hover text white gt lt svg class w h fill currentColor viewBox aria hidden true gt lt path fill rule evenodd d M C c A c A C z clip rule evenodd gt lt svg gt lt a gt lt a href class text gray hover text gray dark hover text white gt lt svg class w h fill currentColor viewBox aria hidden true gt lt path fill rule evenodd d M C s c S zm a c a c zM c A zm a c a zM v c a zM a c a zm c a z clip rule evenodd gt lt svg gt lt a gt lt div gt lt div gt lt div gt lt footer gt You can check out the full collection of website sections by browsing the Flowbite Blocks collection that includes not only marketing sections but also application UI layouts CRUD pages blog templates and more Phoenix starter projectThe awesome open source community from Flowbite built a Phoenix starter project with Tailwind CSS and Flowbite already configured that you can use build websites even faster with the most popular utility first CSS framework and the open source UI components and website sections from Flowbite	2023-02-27 14:47:43
海外TECH	DEV Community	Meme Monday 🦄	https://dev.to/ben/meme-monday-59gk	Meme Monday Meme Monday Today s cover image comes from last week s thread DEV is an inclusive space Humor in poor taste will be downvoted by mods	2023-02-27 14:22:04
海外TECH	DEV Community	Can JavaScript do Everything Python Can?	https://dev.to/developerbishwas/can-javascript-do-everything-python-can-57e9	Can JavaScript do Everything Python Can Are you wondering if JavaScript can do everything Python can In this guide we explore the different capabilities and uses of JavaScript and Python to help you make an informed decision on the best language to use When it comes to programming languages there are a few choices out there Two of the most popular are JavaScript and Python But is it possible for JavaScript to do everything Python can In this comprehensive guide we ll explore both programming languages and examine the advantages and disadvantages they each offer By the end you ll have a better understanding of the differences between JavaScript and Python and which one is right for your project Table of ContentsIntroduction to JavaScript and Python The Benefits of JavaScript The Benefits of Python Comparing JavaScript and Python Is JavaScript Better than Python Key Takeaways FAQs Conclusion Introduction to JavaScript and PythonJavaScript and Python are both popular programming languages JavaScript is a scripting language used to create and control dynamic website content It can be used for server side and client side development Python is an interpreted general purpose high level programming language It is used for data science web development automation and more Both JavaScript and Python can be used for a variety of purposes and applications but which one is right for your project The Benefits of JavaScriptJavaScript has a number of advantages It is easy to use and learn and it is well documented It is also an interpreted language meaning it is executed on the browser This makes it a great choice for creating interactive websites JavaScript also has a wide range of frameworks libraries and tools available All of these give developers the ability to create powerful web applications The Benefits of PythonPython is a powerful language It is used in many industries including scientific and mathematical computing data analytics game development and machine learning It is easy to learn and understand and it has a range of libraries and frameworks available Plus it is an interpreted language so code is executed on the fly This makes it perfect for web development and automation Comparing JavaScript and PythonNow that you understand the basics of both programming languages it s time to compare them One of the major differences between JavaScript and Python is the programming paradigms JavaScript is an object oriented language meaning it uses objects and classes to organize data and code Python on the other hand is a procedural language meaning it follows a set of instructions to complete a task Another key difference between them is their syntax JavaScript is a dynamic loosely typed language meaning variables do not need to be declared before being used Python on the other hand is statically typed meaning variables need to be declared before they can be used JavaScript s syntax is also considered to be easier to understand Is JavaScript Better than Python When it comes to which language is better the answer depends on your project and preferences JavaScript is better if you need to create interactive and dynamic websites while Python is better for data science and automation Both languages have their advantages and disadvantages so it s important to choose the right one for your project Key TakeawaysJavaScript is a scripting language used to create and control dynamic website content Python is an interpreted general purpose high level programming language JavaScript is an object oriented language while Python is procedural JavaScript is better for web development while Python is better for data science and automation Both languages have their advantages and disadvantages so it s important to choose the right one for your project FAQsQ Is JavaScript difficult to learn A No JavaScript is not difficult to learn It is an easy to use and well documented language Plus it has a wide range of frameworks libraries and tools available Q Can you use Python for web development A Yes Python can be used for web development It is a powerful language and it has a range of libraries and frameworks available Q Which language is better for data science A Python is better for data science It is an interpreted language so code is executed on the fly This makes it perfect for complex data analysis ConclusionIn conclusion both JavaScript and Python are powerful programming languages JavaScript is better for web development while Python is better for data science and automation It s important to choose the right language for your project Hopefully this guide has provided you with enough information to decide which one is best for you Ready to get started Contact us today to learn more about how we can help you create the perfect web application We look forward to hearing from you	2023-02-27 14:13:54
海外TECH	DEV Community	How I was able to improve my clients satisfaction by 10x 🪄	https://dev.to/naubit/how-i-was-able-to-improve-my-clients-satisfaction-by-10x-15k2	How I was able to improve my clients satisfaction by x 🪄Today is the time to talk about something that probably is happening to some of you I work as a freelancer and do full stack development gigs although I like doing front end stuff more but there is something that always gives me issues Receiving feedback from not tech savvy clients For them it is complicated to explain what is wrong but for me like for any developer it is complicated to fix something when I don t know what they want to change Trying to solve my biggest issue as a front end freelancerTo help them on that task I have tried many things Trello cards a Notion board leaving comments in a Figma file and even getting them to record a video with Loom pointing in the UI with their mouse what they want to change But no solution was perfect they all had their struggles and I did not like to make their lives more complicated so they hired me to help them But this week everything changed I decided to try Livecycle io a platform that allows me to collaborate with my clients on live PR previews in real time If you are in a rush and don t want to read the entire article Livecycle io has helped me improve my client communication streamline my workflow and increase client satisfaction by well not sure if that is the real number since I can not measure it but they were really happy But if you want to enjoy a good read in this article I will share with you how I use Livecycle io now with all my clients and why you should try it too it is free to try A solution could be hereAs I said I fell in love with this tool I could go over all its features but that is not the article s point the main topic is to show you how I use it Basically with this tool integrated into your project you can have a UI in the project that your clients or maybe teammates can use to give feedback on the web app in an easy way But the good thing for me and for you as a developer is that the feedback is automatically synced to the project s GitHub repo in the PR you are testing So you get all the feedback and comments in a single place that you should check every day and your clients don t need to learn new complicated things It is a win win isn t it Time to integrate it into my projectObviously I have already integrated it into one of my projects or I wouldn t be writing about it Still I think the best way to learn about something is by trying it by yourself so this will be something like a short guide so you can register for the trial and install it in some of your projects Enjoy The very first thing you have to do is to register on their website You just need to go to and click on the big blue button that says Try it now Once you click that button you will be prompted to register I picked my Google account but you can choose any of them Once you are in follow the wizard to finish the account setup it will be mostly things like creating a new organization in your account and connecting the project repo nothing complicated Now it is time to connect to your project In my case I want to connect it to an admin dashboard I am building for one of my clients I want them to be able to give me UI feedback easily so it seems like the perfect solution Click in the left sidebar under the Repositories section to connect your repo You will need to follow the steps given by the wizard and in less than minutes you will have the repo connected In my case the dashboard is coded in React so to integrate LiveCycle SDK in my project I need to install its NPM package as suggested by the handy wizard Let s do it The very first step is to create a branch for Livecycle in your project To do that I went to my main development branch and executed this command git checkout b livecycle sdkNow we have our testing branch so it is time to install the SDK there Use any package manager to do that in my case I will use yarn yarn add livecycle sdkThere is only one step left We have to initialize the SDK To do that paste the code given by the wizard into the root app file of your project if you are using any other framework you will have the instructions in the installation assistant don t worry In my case the code looks like this If you need more info about how to add it to your project I recommend you to check their official docs here All the code is ready Now just push the branch changes and open a new pull request That is important because inside that pull request is where you will find all the feedback your clients send you The PR must be the livecycle sdk branch to your development branch Once you have created it jump to the next step Linking your Pull Request to LiveCycle SDKThe final step is here it is now time to let Livecycle know which is the pull request where you want to receive the feedback In the installation wizard if you click next you will see this step explained but basically you have to let Livecycle know where is your preview environment If you are deploying your project in one of their supported platforms the process is automatic in any other case you can do it manually with just one command In my case the project is hosted in Vercel one of their supported platforms so the installation was just one click That is cool After that we see the message that every developer loves to see A well done screen Playing in the PlaygroundIf we open the playground we can start receiving feedback so I did it Once you open it you have a short wizard explaining different functions and after that you can start playing One of the most frequent feedbacks I get from my clients is about changing some styling properties Sometimes they tell me I would like that header bigger But how much They don t know because they don t know about font sizes With this tool that is no problem anymore since they can edit the page with just sliders and buttons no code is required That s so cool Imagine my client wants to give the following feedback The profile card should have a bigger title and more space between the text lines I would also like the background darker Well now they can just edit and post the feedback After that they just have to post it and I automatically get all the new feedback in the GitHub pull request with the CSS code that changed and before and after images What do my clients think about it It is usual that when a dev finds a cool new feature the rest of the world thinks that the new feature is complicated and prefers to use the old method So when I started using this solution I was worried because even if I thought this was useful maybe my clients would prefer using the old methods even if they were way worse But I was really happy to hear from them that thanks to the assistant you see when you open for the first time the playground they were able to understand the entire process and in a few minutes they were already posting some feedback My final thoughtsWell as you can read I am pretty happy with this finding Obviously it might not be useful for you But you should at least try it I mean it has a free trial takes no more than minutes to install has good documentation and does its work as intended If I were going to improve something from their tool it would be just adding a more prominent overlay to the wizard that opens in the playground screen because it is just a small pink bubble that you have to click to read the message and the first time my client went to the playground he didn t notice it But it is just a minor UI thing which I have already reported as feedback to the team Oh and that is another cool thing I just sent that e mail and in less than minutes I got a reply Only for that stupid little thing So that is a good thing for any product I intend to use since I can expect them to help me with more important problems But whatever it is time to end the post I am not trying to bore you or write a book about this Take this just as my personal experience A good one but a personal one Make sure to try it by yourself it will be worth it 🪄 Let s Connect My Twitter thenaubit My Substack here I publish more in depth articles	2023-02-27 14:05:48
Apple	AppleInsider - Frontpage News	Massive auction has nearly every vintage Apple product up for sale	https://appleinsider.com/articles/23/02/27/massive-auction-has-nearly-every-vintage-apple-product-up-for-sale?utm_medium=rss	Massive auction has nearly every vintage Apple product up for saleA new auction in March will feature a collection of over Mac computers and other Apple products spanning over years Apple II Plus computerHosted by Julien s Auctions The Hanspeter Luzi Vintage Apple Archive features an extensive collection of Apple products that will be offered for the first time at an auction The Luzi family is providing the public with a range of products from to Read more	2023-02-27 14:43:37
海外TECH	Engadget	The OnePlus 11 Concept phone includes PC-like liquid cooling	https://www.engadget.com/the-oneplus-11-concept-phone-includes-pc-like-liquid-cooling-143017072.html?src=rss	The OnePlus Concept phone includes PC like liquid coolingAfter a wave of teasers OnePlus has revealed its latest experimental phone ーand this time the features are more practical than in the past The OnePlus Concept centers on quot Active CryoFlux quot liquid cooling that mimics what you see in some gaming PCs The system uses a piezoelectric ceramic micropump to send cooling fluid throughout pipelines in the phone visible on the outside without quot significantly quot increasing the phone s bulk The result is a slight but tangible performance improvement OnePlus claims The company says the temperature drop boosts games by up to three to four frames per second and reduces charging times by to seconds Those figures won t have you rushing to replace your existing phone but may help wring the full potential out of an upgrade After that the differences versus the standard OnePlus are mostly cosmetic The conspicuous pipelines and blue LED lighting are the most obvious changes but you ll also find a camera hump with intricate guillochéengraving similar to what you d find on the dial of a luxury watch The OnePlus Concept won t enter production However it won t be surprising if the liquid cooling and design techniques find their way to future phones No this won t match the raw cooling power found in high end gaming phones but it might make OnePlus more enticing if you want above average speed without carrying a brick in your pocket	2023-02-27 14:30:17
海外TECH	Engadget	The best VR headsets for 2023	https://www.engadget.com/best-vr-headsets-140012529.html?src=rss	The best VR headsets for If you ve been holding out for VR hardware to mature you chose wisely Headsets have come a long way since the launch of the Oculus Rift and HTC Vive six years ago The Meta Quest has already been around for two years and it s proven to be a very capable portable VR experience And if you re looking for a more immersive experience high end PC headsets are getting cheaper and there s the new PS VR to look forward to While the overall VR market hasn t really changed much since last year aside from the somewhat disappointing Meta Quest Pro at least there are plenty of VR experiences to dive into So what makes a good VR headset I tend to judge virtual reality headsets on a few basic criteria Ergonomics immersion and controls It s not that hard to shove a mobile display into a plastic headset and strap some cheap elastic headbands onto it But it takes skill to craft something that s well balanced and doesn t feel uncomfortable after minutes Immersion meanwhile comes from having high resolution screens with fast refresh rates so everything looks sharp and smooth Field of view is also a major element as it describes how well VR screens can cover what you see Having a low field of view makes it feel like you re looking through a pair of binoculars which limits your sense of “presence The best VR headsets have a wide field of view that can make it seem like you re actually flying over the globe in Google Earth And when it comes to controllers the best options fit naturally in your hands and offer accurate tracking The industry has basically adopted the design of Meta s excellent touch controllers but we re also seeing intriguing leaps forward like Valve s finger tracking gamepads Best VR headset for most people Meta Quest Over two years since its release the Meta Quest remains the best VR headset for the vast majority of consumers It s completely cordless and it s comfortable to wear for long sessions Unfortunately due to supply chain pressures and a worsening economic climate Meta ended up increasing the Quest s price by this year making it a headset It s still a great device but it s also in the strange position of being a worse deal than it was last year Here s what s still good though there s a huge library of virtual reality titles that you can experience anywhere and it s bundled with Meta s great motion controllers You can also connect the Quest to a gaming PC to stream more complex VR experiences The Quest features fast switching LCDs with a resolution x per eye the highest we ve seen from Meta It also has a smooth Hz refresh rate which is impressive for something running entirely on mobile hardware The Quest s field of view isn t the best ーit s been measured at just around degrees ーbut it s still enough to enjoy most VR experiences You can also use different face pads to increase its field of view a bit And if you want an even more comfortable fit you can snag the Elite headstrap for or with a built in battery and case Meta has recalled the foam inserts from the original model and is offering silicone covers to make the headset more comfortable We didn t experience any issues during our review or during the past year of usage but there have been enough complaints for Facebook to take action The base Quest also comes with GB of storage double the space of the original model giving you even more room to cram in VR games and apps The Quest may not offer the best overall VR experience but it s certainly the most accessible headset on the market At least until we see a potential follow up next year Best console VR PlayStation VRIn many ways the PS VR is the best headset we ve tested yet It offers dual K OLED HDR screens effectively giving you K quality It s one of the most comfortable headsets around And it has some genuinely refreshing new features like eye tracking and headset haptics Yes it can literally rock your noggin And best of all the PS VR delivers high quality virtual reality without the need for a gaming PC all you need is a PlayStation Now our recommendation comes with a few caveats At the PS VR is more expensive than the PS itself And it s unclear how quickly its game library will fill up the initial run has only a few exclusives like Horizon VR and Gran Turismo But it s the easiest way to experience high end VR and it s a major upgrade over the original PS VR Best PC VR headset under HP Reverb GIf you don t care about wireless VR and you want to invest a bit more in a high quality PC virtual reality headset HP s Reverb G is meant for you It was developed in cooperation with Valve and has some of the best features from the pricier Index headset like near field speakers The Reverb G also has sharp screens offering by pixels per eye a Hz refresh rate and a relatively wide degree field of view It s also the first Windows Mixed Reality headset to include four sensors which helps to ensure more accurate VR tracking especially during fast paced games I also give HP credit for making a tethered VR headset that s extremely comfortable thanks to its luxurious cushioning around the eye piece and rear strap The Reverb G s motion controllers aren t my favorite but they re still a big step up from HP s previous model You could also upgrade it to use Valve s finger tracking controllers but that involves snagging SteamVR sensors and a lot more setup Still it s nice to have the upgrade path available Best PC VR headset for gamers Valve IndexValve s Index kit remains one of the best high end VR solutions on the market for PC gaming For you get the Index headset Valve s finger tracking controllers and two SteamVR base stations While we ve seen higher resolution headsets arrive in the last two years it s still a very solid option with a by pixel resolution an eye watering Hz refresh rate and a massive degree field of view I d gladly lose a few pixels to get a smoother and more expansive screen which are still far beyond any other consumer headset As a SteamVR product the Index requires installing two sensors at opposite corners of your room And of course it s wired to your PC But that clunkiness is worth it for the higher refresh rate and more accurate tracking Sure it s not as easy to use as the Quest but at this price range we assume you ll suffer a bit of inconvenience to get a truly high quality VR gaming experience Valve s finger tracking controllers are fantastic as well with a convenient strap that locks them onto your hands They make playing Half Life Alyx feel like a dream It s unfortunate that other VR games haven t fully taken advantage of the finger tracking though Best VR quality no matter the cost HTC Vive Pro HTC s Vive Pro is the best looking PC VR I ve seen It has an astoundingly sharp K screen and a solid Hz refresh rate Just be prepared the full kit which includes the headset two SteamVR sensors and wand controllers costs You can also buy the headset separately for as an upgrade to the original Vive Pro or the Valve Index For the price you get a well balanced and supremely comfortable VR headset The Pro is a clear sign that Valve has practically perfected the art of making high end hardware I m less impressed with the large wand controllers which are exactly the same as the ones that came with the original HTC Vive in They re functional but they re nowhere near as ergonomic as Oculus s Touch Controllers I m mainly recommending the Pro here based on the astounding quality of the headset True VR fans may want to just grab that separately along with SteamVR base stations and Valve s finger tracking controllers That way you can ensure you have the best experience while playing Pistol Whip	2023-02-27 14:15:10
Cisco	Cisco Blog	Next Generation Leadership: How Sponsorship Can Help Power an Inclusive Future for Black Cisconians	https://feedpress.me/link/23532/15995231/next-generation-leadership-how-sponsorship-can-help-power-an-inclusive-future-for-black-cisconians	Next Generation Leadership How Sponsorship Can Help Power an Inclusive Future for Black CisconiansCisco s Multiplier Effect advocates for sponsorship as a powerful tool that leaders can use to accelerate the careers of diverse talent	2023-02-27 14:00:39
海外科学	NYT > Science	Turkey’s Earthquake Zone Is a Lot Like California’s. Here’s What That Means.	https://www.nytimes.com/2023/02/27/climate/turkey-syria-earthquakes-california.html	coast	2023-02-27 14:57:47
金融	RSS FILE - 日本証券業協会	J-IRISS	https://www.jsda.or.jp/anshin/j-iriss/index.html	iriss	2023-02-27 15:20:00
ニュース	BBC News - Home	New IRA fired 10 shots at top police officer John Caldwell	https://www.bbc.co.uk/news/uk-northern-ireland-64783661?at_medium=RSS&at_campaign=KARANGA	omagh	2023-02-27 14:47:27
ニュース	BBC News - Home	Settlers rampage in West Bank villages after Israelis killed	https://www.bbc.co.uk/news/world-middle-east-64784053?at_medium=RSS&at_campaign=KARANGA	palestinian	2023-02-27 14:23:17
ニュース	BBC News - Home	Nigeria election results 2023: Peter Obi wins Lagos against Bola Tinubu - provisional	https://www.bbc.co.uk/news/world-africa-64783411?at_medium=RSS&at_campaign=KARANGA	election	2023-02-27 14:29:04
IT	週刊アスキー	3D V-Cache搭載「Ryzen 9 7950X3D」はゲーミングCPUの最高峰に輝くのか？【後編】	https://weekly.ascii.jp/elem/000/004/126/4126537/	coreik	2023-02-27 23:01:00