投稿時間:2022-08-25 22:32:55 RSSフィード2022-08-25 22:00 分まとめ(40件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
IT InfoQ Slack Implements Circuit Breakers to Improve CI/CD Pipeline Availability https://www.infoq.com/news/2022/08/slack-ci-cd-availability/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global Slack Implements Circuit Breakers to Improve CI CD Pipeline AvailabilitySlack recently published how it implemented the Circuit Breaker pattern to improve its CI CD pipeline availability Before this project engineers at Slack saw challenges as peak request volumes in internal tooling caused cascade failures in dependent systems Since completion engineers saw increased service availability and fewer bad developer experiences like flakiness from failing services By Eran Stiller 2022-08-25 12:30:00
IT ITmedia 総合記事一覧 [ITmedia News] アルミの270分の1 とても軽い電磁波遮蔽材料をパナソニック、JAXAなど開発へ 人工衛星などに https://www.itmedia.co.jp/news/articles/2208/25/news216.html itmedia 2022-08-25 21:10:00
python Pythonタグが付けられた新着投稿 - Qiita slackのログ出力で生成されるjsonファイルを見やすいログの形式にするpythonプログラム https://qiita.com/Artena00592_W74/items/78b10574705f76a627b9 slack 2022-08-25 21:50:42
js JavaScriptタグが付けられた新着投稿 - Qiita .find()メソッドのメソッドチェーンは便利だった https://qiita.com/tecoyan/items/c91f386786887500c515 複雑 2022-08-25 21:45:47
js JavaScriptタグが付けられた新着投稿 - Qiita javascript using formcontext in dynamics 365 https://qiita.com/ryuzenmin/items/1a205698735635e183eb tilitygetglobalcontextuse 2022-08-25 21:24:56
Docker dockerタグが付けられた新着投稿 - Qiita unable to find user vscode: no matching entries in passwd file https://qiita.com/kitutune/items/6b6d9bf804a0b49d92fa remote 2022-08-25 21:34:09
Docker dockerタグが付けられた新着投稿 - Qiita Dockerfile ベストプラクティス/2022夏 https://qiita.com/NI57721/items/8179c6f3f29573af05a2 dockerfile 2022-08-25 21:12:14
技術ブログ Developers.IO Introducing 3 Architecture Patterns for Linking In-house Service User IDs with LINE User IDs. https://dev.classmethod.jp/articles/introducing-3-architecture-patterns-for-linking-in-house-service-user-ids-with-line-user-ids/ intro 2022-08-25 12:45:05
海外TECH Ars Technica Sony raises PlayStation 5 console prices in many regions, effective immediately https://arstechnica.com/?p=1876040 console 2022-08-25 12:08:56
海外TECH Ars Technica HP’s new Thunderbolt 4 monitor uses contrast-rich IPS Black tech https://arstechnica.com/?p=1875918 black 2022-08-25 12:00:52
海外TECH Ars Technica HP’s 5K ultrawide all-in-one has workhorse specs, dual magnetic webcams https://arstechnica.com/?p=1875810 magnetic 2022-08-25 12:00:41
海外TECH MakeUseOf How to Create a CRUD API With Golang's Gin and MongoDB https://www.makeuseof.com/golang-crud-api-mongodb-gin/ How to Create a CRUD API With Golang x s Gin and MongoDBA basic API is easy to build in Go using the Gin library Complement it with a MongoDB backend and your CRUD app will be up and running in no time 2022-08-25 12:31:14
海外TECH MakeUseOf Apple's Self Repair Program for Mac: Everything You Should Know https://www.makeuseof.com/apple-self-repair-for-macbook/ Apple x s Self Repair Program for Mac Everything You Should KnowIt s now easier to perform out of warranty repairs on your MacBook as Apple expands the devices supported in its Self Repair Program 2022-08-25 12:15:14
海外TECH MakeUseOf KaOS 2022.08 Released: What to Look Forward to in the Latest Release https://www.makeuseof.com/whats-new-with-kaos-2022-08/ KaOS Released What to Look Forward to in the Latest ReleaseThe latest version of KaOS the lean KDE based distro is out now Version is packed to the brim with new features and critical improvements 2022-08-25 12:10:14
海外TECH DEV Community Your font pairings are letting down your web design... https://dev.to/immattdavison/your-font-pairings-are-letting-down-your-web-design-1mje Your font pairings are letting down your web design The importance of strong font pairings Font pairings can make or break a design The use of a pair of fonts that are either too similar or too dissimilar can make your design look cheap or alternatively unthoughtful Strong font pairings create a professional look and upgrade your brand image simply and effectively with minimal effort How to find the perfect font pairing For developers that came into web development from interests aside from design it can often be difficult to achieve a design that meets the general standards of design thus often developers without a design background can regularly struggle to select the best font pairings Adobe have recently been upgrading their Express software massively to make design easier for non designers and designers alike with this has come top quality content to support it In mid may Adobe released this blog post listing ways to pair fonts for maximum impact which covers some of the best tips to make your design experience easier However Adobe Express has also received an update to make choosing fonts easier Now when you create a project within their free web based program you can gain immediate access to the best fonts for your project by scrolling down on any selected text in the right hand sidebar and navigating to the Font Recommendations section Thank me later What this means for non designers Well for those who don t come from a design background there s no more stress about finding the perfect assets including fonts for your next web design project Simply load up a mock up design into Express and find the greatest and best fitting font recommendations to match your style DisclaimerThis post includes ads Adobe Express Ambassadors AdOriginally released on matt lgbt at 2022-08-25 12:47:00
海外TECH DEV Community How I got my first job as a developer by making simple projects seem big https://dev.to/yuridevat/how-i-got-my-first-job-as-a-developer-by-making-simple-projects-seem-big-48oi How I got my first job as a developer by making simple projects seem bigThis article was originally published on Hashnode for the Articles in Weeks Hashnode Writeathon It was featured on Hashnode and daily dev Find the link to the original post below How I got my st job as a developer by making simple projects seem big Get your first dev job by focusing not only on technical skills but business and soft skills as well Gain industry knowledge tools and technologies yuridevat hashnode dev I am a strong believer that being perfect at technical interviews and being able to write high quality code are not the only ways to land your first job as a developer Instead of focusing solely on technical skills that I knew I couldn t acquire and very likely still haven t developed in just one year I focused on business and soft skills to show what value I could bring to the company And that has paid off Table of contentsWhat to gain from a single projectHow to write about this project in your CVTalking about the projectMy advice to all aspiring developers out thereHello my name is Julia and I m a self taught front end developer in my thirties who switched career into tech after studying Japanese and musicology while working part time at a casino In this article I want to share my experience of how I got my first job as a developer I ll demonstrate the skills I just mentioned using a project I think we ve all developed A calculator What to gain from a single projectI often read that a calculator should not end up in your portfolio because it is simple and not unique enough and maybe they are right But a project itself can be so much more than just the code Applied skills you can show and demonstrate during the interview and convince the interviewer that you know so much more than how to write code which as we all know can be googled at any time while business and social skills cannot To show how important other skills are besides programming I created a simple calculator using JavaScript Hint If you want to add the calculator to your portfolio you should definitely add more features such as decimal numbersthat the display of the current number stays on the screen when the user clicks on an operatora restart when you click on a number after the last result without having to use the delete keyor all the already clicked numbers and operators in small format above the current value to know what has been calculated so farSelect x in the middle of the bottom row to display the calculator completely Here is the link to the GitHub Repository You will gain skills in industry knowledge as well as tools and technologies such asIndustry knowledgeProject managementTime managementAgile methodologies e g Scrum Tools and TechnologiesHTML CSS JavaScriptGit Version ControlGitHubAccessibilityTestingHosting e g GitHub pages That s quite a lot isn t it Now that you know what you have achieved you need to sell it in a professional way But first I want to show you how to present your project on your CV Then I ll show you how I would use the above terms during an interview to make the project how I work and myself seem professional and valuable for the job How to write about this project in your CVProject Functional Calculator View on GitHub Built a functional calculator that not only does basic calculations but anything it can do beyond that if additional functionality is added Used HTML SCSS JavaScript hosted on GitHub pages to run the app Used Git for version control wrote tests with Jest and tested for keyboard and screen reader to be fully accessibleWorked with agile methodologies to track progress of the project by using GitHub Projects created a project created and labeled issues worked in sprints held sprint reviews and retrospectives wrote documentation readme Skills HTML ·SCSS ·JavaScript ·Git ·GitHub ·Jest ·ay ·ScrumBy presenting my simple projects in this way and talking about them in a professional manner I was able to not only convince people with my CV to get an interview in the first place but also land a job quite soon after I started looking for a job For more advice on how to create a promising CV check out my article How to write a promising CV 𝕁𝕦𝕝𝕚𝕒‍・Oct ・ min read codenewbie resume career help Talking about the projectLet s say the interviewer asks you about this particular project during the interview something like this Interviewer Can you tell me how you created this project what you started with and walk me through the development process and your code sharing your thoughts I would answer something like this share my screen and show the project and the parts I am currently talking about on GitHub and I actually did so during my interviews I have tried to be as brief as possible mentioning only the most important points and writing in a conversational style I ve also highlighted all the words that make you look more professional because you use them At the beginning of the project I was thinking about the whole web development process architecture and setup and how to track progress to ensure a finished project in a certain time Of course that seems a bit of an overkill for this small project but I wanted to get used to a real development process in a company in a scrum team the way it actually works or at least that s how I imagine it even if I m a one man team now And I thought the best way to do this is to pretend that this calculator should become a production ready application that has to go through the whole web development process I chose to build the project using HTML CSS for now and JavaScript To dive a little deeper into SCSS I later updated the code and created some mixins to familiarize myself with it Of course SCSS is pretty much overkill for this particular project but I did it for practice because I often see in job descriptions that SCSS knowledge is required I also thought of using TypeScript because that language also comes up a lot in job descriptions and I may add it to learn the language since I ve never used it before Even though I m not familiar with TypeScript yet I know it s a safer way to program than vanilla JavaScript because of its types etc to the reader you should talk about everything you know about TS at this point And it s also a good exercise to get me more comfortable with reading documentation Normally I would use CodePen for a small project like this I think online code editors like CodePen or CodeSandbox are great tools to create a small project quickly and see the output immediately But as I said at the beginning I wanted to create the calculator in a real environment That s why I chose GitHub to do it I know there is another great tool called Gitlab that is often used by companies but I personally prefer GitHub mainly because of its community but also because there have been big changes recently So I use GitHub to manage git version control which I know is used to track everything that happens with code From what I ve heard from other developers it s common for there to be a master branch and for developers to create their own branch from it to work on their problem and when everything is done they create a pull request to merge their branch into the master branch Since I wanted to practice some common git commands I did the same on this project For each issue I created a separate branch wrote the code and when I was happy with it I created a pull request before merging it into the master branch The git commands I used were for example git checkout b my branch git commit m what did I do git push git pull git merge I know there are many more commands but I guess I never had to use them due to the size of the project and the team So since there was always only one branch merged into the master most likely there were no conflicts But I am sure I will use more advanced git commands properly For the folder structure of the project I decided to create two folders or three when tests were written one for the assets i e the images and one for the source code The bigger the project gets the more folders and the deeper the structure will be I think I am very excited to learn how to think about architecture and design system in a real project I find this way of thinking very interesting As far as I know there are small teams in a company that work together on a project And as I said earlier that there are topics that are created and each developer takes a topic that they work on And the teams work in an agile way like scrum which I find very interesting the whole scrum framework So I imagine a daily meeting of about Minutes where everybody briefly talks about what they achieved yesterday and what they are going to do today I wanted to create that kind of situation for myself as well I thought the best way to do this is to create a project and issues that GitHub provides I know there is a tool called Jira often used by companies that allows you to create the whole project and issues and sign developers up for issues I think GitHub project is a very good tool for project management and if I understand the process and function here I can surely understand Jira quickly So I created several tasks like project setup writing HTML for the calculator creating a design using a design tool called Figma I guess in a bigger team there are designers to do that and I need to convert the design to code but since I m a one man team I did it alone converting the design to CSS code adding functions to the calculator tasks like that In my self study I often see the topic of web accessibility and how important it is So I wanted to make the app accessible by using only colors with enough contrast I also made sure that the calculator can also be operated with the keyboard only and that the focus is displayed correctly I kept the default value for the outline but I often see companies use their primary color to display the outline when it is in focus This makes sense to me depending on the colors of the app I guess There is an extension called Lighthouse that you can run on the project that shows how accessible the site is or how good the performance and SEO is I tried to get in each area But I ve heard that even if you achieve in accessibility it doesn t necessarily mean that the website is really fully accessible Right now I don t know that much about it but I hope to do so in the future because I think it s an important topic I thought about how long it will take me to complete each task and the project as a whole added milestones labeled the items like improvement or new feature and assigned them to me The GitHub project is a really good thing providing an overview of all the issues I guess in a larger project there are a lot more labels like bugs defects and more I ve heard that in a project there is usually a sprint of about two weeks where the team has to complete a certain number of issues And that there are meetings like a sprint review or retrospective where the scrum team talks about how things went in the last two weeks or where they present the completed issues to the stakeholders Even when I didn t have stakeholders or such a long development process I thought about what went well or what I could improve on my next project I found that I often underestimated the time I thought this issue would take me about minutes but it actually took me to hours That was surprising for me But I will do a better job of estimating the time for an issue in the future after noticing that You can also set the project style for example to Kanban Like a typical to do list Which to dos are open what am I doing right now which to dos are done This helped me keep a good overview of the progress of the project I also wrote some tests for the project to the reader no tests are written so far for the project But that does not necessarily mean that you cannot talk about testing at this point I know that there are many tests such as unit tests integration tests end to end tests that are used in larger projects And I ve also heard about a lot of automated tools like preventing someone from committing their code because the message doesn t start with what the company suggested or preventing merge if no senior has reviewed the PR I m really looking forward to working on a big project where I can see automated testing like this in real life It s really good for code quality I think I also hosted the project on GitHub so others can see my project and try it out I also added a readme file where I describe the project in detail add a screenshot and show how others can use my code too I added information in the about section of the repository and added tags so others can find the project And the link to the live preview here and in the readme file I think it s important to use a tool to its limits There is so much you can do on GitHub to make your project stand out in a professional way Now let s take a look at the code In the HTML file I tried to use different meta tags for SEO reasons which means that my website can be found more easily and I set a viewport to ensure good use on mobile devices as well I ve divided the code into sections for each row in the calculator which makes it easier to use CSS grids later For SCSS I saved the color font gradient and border values in variables to make them easier to use This is done so that if you want to change the base color for example you only have to do it once and not for every class you use the color in In CSS you can also store colors in variables I ve also used mixins that allow you to create a basic style that is then adjusted for certain uses I put the values in alphabetical order so it s more readable This prevents repetition of code But of course as I said at the beginning CSS would have been perfectly fine for this size of project But I learned a lot about SCSS which is really helpful Now let s take a look at the JavaScript code First I created a function to differentiate whether the user clicks on an operator or a number to decide which function to call In the case where the user clicks on an operator or symbol a switch statement takes over the function I chose the switch statement over the if else statement because I think the combined last switch whose functionality is handled in a separate function called flushOperation starting at line is more readable that way At the end I added the eventListener functionality to the buttons And that s it If you have any more questions about the code or the web development process please let me know That was a lot to talk about on this simple calculator don t you think And so many things can be added e g talk more about testing more about GitHub automation meta SEO accessibility or topics you are more familiar with than I am here For more information about development processes check out my article Integrating Accessibility In The Web Development Process 𝕁𝕦𝕝𝕚𝕒‍・Aug ・ min read a inclusion webdev management I hope you got a sense now of what all is involved in the development process It s not just about code there are so many other things you can talk about and maybe like me you feel much more comfortable with those topics than talking about code Also don t wait to be asked certain things to show off your skills and knowledge Because the questions may never be asked or asked the way you hope to be asked My advice to all aspiring developers out thereDon t focus on code alone because most of the time in your job you will be googling for a solution to your problem anyway or talking about concepts and possibilities with other developers Focus on how to solve problems on the mindset of how to develop a product from the beginning of planning to the development itself to finishing the whole process on business and social skills Also find a niche something you are good at and focus on that as much as you can like I did with accessibility and UX design as a front end developer There are so many programming languages so much to learn Finding a job in tech means going on a lifelong learning journey anyway Be aware of your skills and talk openly and honestly about your strengths and weaknesses what you know and don t know and how you would handle a situation if you were unfamiliar with a subject This will help the interviewer get an idea of who you are and how you would fit into the team There are a variety of positions on a development team so there will definitely be a place for you Thanks for your reading and time I really appreciate it 2022-08-25 12:20:36
海外TECH DEV Community #TesteSemNeura - Testes unitários, como comecei e como posso te ajudar. https://dev.to/iurynogueira/testesemneura-testes-unitarios-como-comecei-e-como-posso-te-ajudar-267n TesteSemNeura Testes unitários como comecei e como posso te ajudar Eai pessoal tudo certo Hoje vou falar para vocês sobre um assunto que foi um divisor de águas na minha carreira e que pode ser na sua também inclusive nas minhas entrevistas eu sempre pergunto o grau de familiaridade que o candidato tem com as ferramentas de teste Meu objetivo nesse post éfazer com que vocêsaia daqui pelo mais apaixonado a sobre testes ou caso vocêéaquela pessoa que diz codar um teste éperca de tempo ou exige tempo para fazer bem feito com teste eu quero que vocêsaia daqui desmistificando isso de uma vez por all ok Falo isso porque eu pensava da mesma maneira não tenho tempo para fazer teste écomplexo e eu não consigo o time não dáabertura para fazer isso e inúmeras outras coisas que eu pensava para justificar a minha negligência Mas vamos lá esse éum dos primeiros posts que eu vou falar sobre testes então esse artigo tende a ser mais teórico e motivador tipo auto ajuda mesmo kkk para exemplificar bem vou compartilhar algumas experiências que játive como dev e como lead Testes unitáriosJáouviu falar Vou ser o mais breve possível esse teste tem a intenção de testar pequenas unidades do seu sistema exemplo no frontend Um botão exemplo no backend Um função que separa livros por gênero Memorize esses exemplos porque nós vamos trabalhar neles daqui pra frente Por que testar Vou responder essa pergunta com duas situações e éprovável que vocêvai pensar mermão eu passei passo por isso Situação Vocêprecisa alterar uma função que estáem produção que échamada em vários locais do código Vocênão fica com medo de alterar algo nesse código atéa equipe de QA sente um calafrio na espinha quando vêuma task dessa Situação Criar uma função de um comportamento cheio de casos específicos Essa daqui éa coisa mais chata que existe vocêimplementa salva testa manual e verifica se funcionou agora que funcionou implementa um novo caso e quebrou o caso que játinha testado quem nunca né Essas situações são bastante corriqueiras Quando vocêse deparar com situações do tipo alguém com medo de subir uma nova build ficar apreensivo em adicionar mais um if em uma função desconfiar do seu próprio código pensando nem eu sei como que isso ta funcionando mas funciona e éisso ai kkkk vocêcaiu na malha fina dos testes Testes impactam o negócio diretamente nos prazos decisões e bem estar da equipe nesse meu tempo de indústria vital eu jávi algumas features serem cancelados ou terem seu prazo esticado porque o time não conhece o código atual e não sabe o que vai acontecer se for alterado então tem que estudar o código atual para saber atéonde vai quebrar caso sofra alguma alteração Jápensou se tivesse um teste Provavelmente não teríamos esse problema Isso éum exemplo claro da situação e juntas alterar um comportamento ou regra do software éalgo comum em muitos projetos Como foi para mimNo começo foi complicado colocar na minha cabeça o porque de testar coisas óbvias era tipo isso étão claro porque eu preciso testar isso Lembra do exemplo do botão Vamos exemplificar alguns casos de teste para ele Button ✓Deve renderizar a label do botão ✓Deve ser clicável Óbvio não Claro Agora imagine duas novas tasks Adicionar um botão com label e ícone e Adicionar um botão somente com ícone Vocêvai ter que alterar o comportamento desse botão adicionado alguns ifzinhos para exibir label label e icone e somente ícone Te lembra a situação Sempre que alterasse qualquer coisa nesses comportamentos teria que verificar manualmente se todos os outros casos estavam corretos com os testes óbvios implementados vocênão precisaria retestar manualmente os casos antigos manualmente A lição épor mais óbvio que o teste pareça sempre vai ter uma importância a médio prazo e atécurto caso vocêtenha amigos de projeto que comentam algumas coisas no código e esquecem de descomentar e comitam Eu jáfui salvo diversas vezes por testes óbvios porque eu era esse amigo Outra coisa que eu pensava erroneamente também era sobre os prazos não dátempo fazer eu não fazia teste porque não dava tempo mas estava levando o dobro de tempo ou mais para implementar algo novo porque eu precisava testar manualmente a cada iteração nova no componente e o pior Ficava com medo de ter deixado passar alguma coisa então faça o seguinte questionamento para vocêe sua equipe Vocênão tem tempo para testar mas tem tempo para corrigir bugs em produção e tempo para fazer revisões de códigos antigos para entender o comportamento das funcionalidades Acredito que sua equipe também pode pensar assim porque de fato pensa na entrega e caso tenha bugs vocêvai ter tempo para corrigir esses bugs mas isso écerto para você Depois que eu comecei a implementar eu comecei a me questionar muito sobre isso érealmente necessário Meu conselho éque vocêcontinue implementando os testes eu garanto não que eu seja alguém hahaha que irão aparecer os casos nossa ia quebrar se eu não tivesse o teste ainda bem que tem o teste para ficar verificando isso refatorei e estou de boa porque eu sei que o teste passou Tome uma decisãoSe vocêchegou atéaqui e ainda pensa que teste éperca de tempo ou que não tem tempo para fazer eu sugiro que pare de ler e volte depois pode ser que para vocênão faça sentido agora Isso mesmo volte quando vocêestiver vivenciado mais as situações acima talvez vocêtenha passado pouco por elas ainda Jávi pessoas do meu time saírem de fazer isso échato ou éperca de tempo e alguns meses depois cair na real e ver que estavam errados Então se vocêestádisposto a continuar descobrindo mais sobre testes eu jáfico muito feliz Próximos passosEu aprendi o porque testar quero continuar aprendendo como testar e quero contribuir com as pessoas que passam por os desafios diariamente que citei acima então resolvi fazer vários artigos para ajudar vocês a saírem da zona de conforto ser um dev melhor e transformar o time que vocês trabalham estou disposto a ajudar com os próximos tutoriais e conto com a ajuda de vocês para que a gente atinja mais pessoas e mais times por aía entregar melhor e sem medo 2022-08-25 12:19:33
海外TECH DEV Community Git Clients Are Disappointing https://dev.to/stefnotch/git-clients-are-disappointing-bl9 Git Clients Are Disappointing Yes this applies to CLIs and GUIs Well I m just going to run you through the optionsThe official CLI Quite unintuitive Also doesn t teach you very much at all about how Git actually works you usually have to research that yourself Standard beginner workflow with git add is an anti pattern that you have to un teach people It leads to people not looking at what they re committing before they commit and push it Alternate Git CLIs They re proving my point The official CLI is not something that I d recommend However I don t have enough experience with the alternate CLIs so I don t have one specific recommendation gitoxide deserves a mention at thit point despite very much being a work in progress It s one of the more interesting Git rewrites out there And now time for the GUIsOne major requirement is that they use a graph view by default One that lets you see the commits and the branches that exist at the moment Mostly everything else is unwieldy for bigger projects and ends up not mapping quite as nicely to the make lots of branches Git workflow Official Git GUI Technically functional but somehow manages to be worse or rather less popular than the CLI GitHub Desktop Fails that requirement see this closed issueGitUI Lovely terminal UI fails the requirementLazygit Lovely terminal UI fails the requirementVSCode Fails the requirement though there s an extension that I ve not tried out yet Intellij Yay a decent ish Git client Major pain point at the moment is that they re using different terms for a lot of common operations which leaves you wondering what does that mean and once you figure it out congrats on successfully teaching yourself something that a single vendor uses aka vendor lock in Git Fork Quite lovely One catch is that the name makes it terribly difficult to look up anything at all if you ve got a question Like seriously try looking up git fork three way merge GitKraken That s what I use at the moment Issues include its startup time its price subscription model the fact that it s slow when discarding thousands of changed files at once Most rd party GUIs out there kudos to Git for maintaining a lovely list are either quite limited abandoned un fun to use are expensive paid software only work on one operating system or have some combination of factors that make it a no go I d know I ve checked out most of them If there s one that you think deserves a mention do send it my way So here we go I think I ve successfully complained about every option on the market 2022-08-25 12:17:00
海外TECH DEV Community How and Why I Migrated My Blog From GitHub Pages to Netlify https://dev.to/navendu/how-and-why-i-migrated-my-blog-from-github-pages-to-netlify-mkl How and Why I Migrated My Blog From GitHub Pages to Netlify Table of Contents What GitHub Pages Lacked Enter Netlify How I Migrated to Netlify Create a Netlify Account Import Your Website Changing the Website URL and Custom Domains Configuring Deploy Previews Features I Might Add in the Future Form Handling Split Testing CDN git LFS Too Good to be Free My blog is now deployed on Netlify  I spent a little more than an hour the other day migrating it from GitHub Pages to Netlify GitHub Pages is a perfect solution for deploying static websites But it made it challenging to implement some of the features I wanted on my blog So on impulse and to procrastinate from finishing a blog post I migrated the site to Netlify What GitHub Pages LackedGitHub Pages has been my go to static website deployment solution for the past three years And it worked like a charm even if it was free I have been looking for ways to set up my Hugo website to show draft blog posts The problem was that I didn t want these drafts to show up on the homepage listing but I also wanted a sharable link for people to review There are ways I can set this up but even if I do that there aren t any ways for people reviewers to leave feedback on my static website I also used a lot of client side redirects which is not desirable as opposed to server side redirects GitHub Pages did not provide a way for you to configure server side redirects So I had to use these hacky Jekyll redirects on a subdomain It works but it could be better Enter NetlifyNetlify has deploy previews  So when you make a pull request to your production branch Netlify will build the site for you and show a preview of what the change will look like Deploy preview feature in NetlifyFrom github com navendu pottekkatYou know what this is best for Previewing draft blog posts Using Netlify I can open a pull request with my draft post and Netlify will generate a preview build of the site without affecting my production site Reviewers can see the preview and suggest edits as comments on GitHub Netlify also brings a better continuous integration experience CI checks run by NetlifyFrom github com navendu pottekkatNetlify lets you configure the build settings through the Netlify UI or a configuration file  netlify toml This gives you a lot more control than the few configuration options GitHub Pages provides Netlify dashboard for navendu meI added a Plugin and to lint links and it broke the CI because there were a lot of broken links Task for another day With Netlify configuring redirects is as easy as adding two lines to your configuration file You also have the option to configure the proper status code Now that s neat Netlify also has a DNS service supports storing large media Git LFS has split testing and rollback features and more  But these are only nice to have features for me now  I will not be using these anytime soon I might use these sometime soon How I Migrated to NetlifyThe process was pretty straightforward It only took me a little over an hour to set everything up and test In the steps below I have the following setup A Hugo blog published on GitHub Pages A custom domain registered on Hostgator  also my DNS service You can always refer to the official Netlify docs if you have a different setup somewhere along this guide Create a Netlify AccountFirst you must create a Netlify account if you don t have one Create your Netlify accountDo you also use GitHub for everything Import Your WebsiteYou can now add your website to Netlify You should have the code for your website on a Git provider If you don t have one now is the time to git push your code Click on Add new site and Import project Importing your siteSelect the Git provider where you have your website code Select your providerPick the repository from the Git provider after granting access to Netlify Pick the repository to deployYou can then configure the build settings based on your blog engine Since I m using Hugo I will add the following configurations Build settings for my Hugo website gc cleans up old resources   minify reduces the size of the files and the public folder is where Hugo outputs the buildAnd voila Netlify will automatically build your first deployment Now you will be able to see the production URL for your website Production URL of your websiteThis screenshot is from Netlify s docsThis URL is unique you can change it to yoursitename netlify app or your custom domain Changing the Website URL and Custom DomainsYou can change your site URL to anything unique Once changed this will be your website s address From the Site overview page Go to Domain settings Click on the Options next to the site name and click Edit site name Edit the generated site namekung fu panda is a cool nameChange the site name and save Note If you use this URL you might need to change the baseURL in your Hugo configuration file to ensure all the links work In my setup I m using Hostgator as my DNS service and not the Netlify DNS service In Domain settings click Add custom domain You can enter the domain you already own or enter something new and purchase the domain Netlify will set everything up if you are buying a domain If you are using a domain you already own with an external DNS provider you will see a warning You can ignore that and click on Add domain You can also set up an SSL certificate from the HTTPS section Secure your site with an SSL certificateIf you use a different DNS service you need to configure it to point your domain to your Netlify website You can check the Netlify docs if you have a different setup than mine Login to your domain s control panel and open up your DNS configuration I m using Hostgator for my domain Create an A Record with your apex domain and point it to Netlify s load balancer IP address  Then create a CNAME record for the wwwsubdomain and point it to your website address yoursitename netlify app Now you must wait for the changes to propagate and you will have your domain configured Configuring Deploy PreviewsThe main reason to migrate was the deploy previews feature And it is super easy to set up Go to Site settings Select Build amp deploy from the side menu and then Continuous Deployment Scroll down to Deploy previews and set it up as desired I have enabled it for any pull request against my production branch and I have also enabled the Netlify Drawer That is it You now have deploy previews Note To ensure that the deploy previews show drafts I updated my Netlify configuration file netlify toml to change the build command for deploy previews context deploy preview command hugo buildFuture buildDrafts gc minify b DEPLOY PRIME URL Here  DEPLOY PRIME URL is an environment variable that Netlify sets used to update the site s baseURL That brings an end to my current setup It is much better than my earlier setup with GitHub Pages and was pretty easy to migrate I would definitely recommend Netlify for your static websites Features I Might Add in the FutureThis was my first iteration with Netlify I have a basic setup that more or less does everything I need But I might use these other features if they are fruitful Form HandlingI use Mailchimp to handle subscriptions to this blog If I can find a way to send mass emails I might set up the free form handling offered by Netlify Split TestingA B test blog posts Yes CDN git LFSMy blog contains a lot of images I do my best to compress these images but I will reach a point where the images are taking too much space increasing the repo size If Netlify s solution is better I might switch to that Too Good to be Free Netlify seems too good to be free I m on the free tier and it appears to be generous My hour Netlify usagePetition to add a section that shows the carbon footprint on my blog builds Take that people flying on private jets But it will only be some time until I pass these limits and would end up needing to pay for the service It is not too much money but seeing that the alternative GitHub Pages is free I cannot stop thinking maybe I don t need deploy previews I hope I don t have to write a post titled  How and Why I Migrated My Blog Back From Netlify to GitHub Pages 2022-08-25 12:07:29
Apple AppleInsider - Frontpage News What to expect from the iPhone 14 and iPhone 14 Max https://appleinsider.com/articles/22/04/08/rumor-roundup-what-to-expect-from-the-iphone-14-and-iphone-14-max?utm_medium=rss What to expect from the iPhone and iPhone MaxThe iPhone and iPhone Max are expected to be announced during Apple s September event Here s what we know about the new models and what we expect that they will look like The iPhone may have the same design as the iPhone There haven t been many rumors surrounding Apple s standard iPhones so far There are more rumors about what won t be included in the iPhone than what will with supply chain leaks focusing on the more robust iPhone Pro Read more 2022-08-25 12:50:42
Apple AppleInsider - Frontpage News Apple Watch continues to command growing global smartwatch market https://appleinsider.com/articles/22/08/25/apple-watch-continues-to-command-growing-global-smartwatch-market?utm_medium=rss Apple Watch continues to command growing global smartwatch marketIn a growing global market the Apple Watch continues to dominate with more than three times the market share of its closest competitor Samsung Apple Watch Series with the Contour watch faceNew research claims that global smartwatch sales increased in the second quarter of compared to the same time in The news follows previous research saying that Q s sales were up by the same YoY Read more 2022-08-25 12:48:23
海外TECH Engadget DuckDuckGo opens up its free email privacy service to everyone https://www.engadget.com/duckduckgo-free-email-privacy-service-open-beta-120044215.html?src=rss DuckDuckGo opens up its free email privacy service to everyoneLast year DuckDuckGo announced a free service designed to fend off email trackers and help people protect their privacy The Email Protection beta was initially available through a waitlist Now it s now in open beta meaning everyone can try it without having to wait for access nbsp Email Protection is a forwarding service that removes trackers from messages DuckDuckGo will tell you which trackers it scrubs as well During the waitlist beta DuckDuckGo says it found trackers in percent of testers emails Anyone can now sign up for an duck com email address which will work across desktop iOS and Android DuckDuckGo says you can create unlimited private email addresses including a throwaway one for every website if you prefer You can also deactivate an address at any time The company has been beefing up Email Protection with more privacy focused measures It says Link Tracking Protection helps prevent tracking in email links while Smarter Encryption upgrades unencrypted HTTP links in emails to secure HTTPS links whenever possible On top of that you can now reply to messages with an duck com address instead of your regular email account Email Protection is available on the DuckDuckGo Privacy Browser for iOS and Android Go to the Email Protection section of the settings to try it On desktop you ll need the DuckDuckGo Privacy Essentials extension for Firefox Chrome Edge and Brave or DuckDuckGo s Mac browser Simply visit the email section of the company s website 2022-08-25 12:00:44
海外ニュース Japan Times latest articles NTT West internet services disrupted for hours across wide area https://www.japantimes.co.jp/news/2022/08/25/business/corporate-business/ntt-west-internet-disruption/ kyushu 2022-08-25 21:49:28
ニュース BBC News - Home Liverpool shooting: We will not rest, say police hunting Olivia killer https://www.bbc.co.uk/news/uk-england-merseyside-62673280?at_medium=RSS&at_campaign=KARANGA korbel 2022-08-25 12:50:54
北海道 北海道新聞 安倍氏後方に隙、「事件防げた」 要員配置、情報共有に問題 https://www.hokkaido-np.co.jp/article/722025/ 安倍晋三 2022-08-25 21:25:00
北海道 北海道新聞 道内の渋滞対策箇所、19カ所で改善 札幌市内では「人口減少」の分析も https://www.hokkaido-np.co.jp/article/722024/ 人口減少 2022-08-25 21:24:00
北海道 北海道新聞 胆振管内535人感染 日高管内89人 新型コロナ https://www.hokkaido-np.co.jp/article/722023/ 新型コロナウイルス 2022-08-25 21:24:00
北海道 北海道新聞 旭川空港発着便とタクシー 待たずに利用 全日空と市内会社が予約サービス https://www.hokkaido-np.co.jp/article/722022/ 中央交通 2022-08-25 21:21:00
北海道 北海道新聞 「核先制不使用」を削除 NPT文書改定、大幅後退 https://www.hokkaido-np.co.jp/article/722019/ 国連本部 2022-08-25 21:19:00
北海道 北海道新聞 高校生目線でユニークに奥尻紹介 授業で観光パンフ制作 「ざんねん」をまとめ逆説的PRも https://www.hokkaido-np.co.jp/article/722021/ 高校生 2022-08-25 21:17:00
北海道 北海道新聞 上砂川にパン店を 資材費などCFで募る 地域おこし隊員・勝長さん、1月開業目指す https://www.hokkaido-np.co.jp/article/721510/ 地域おこし 2022-08-25 21:16:10
北海道 北海道新聞 知床・観光船事故、発見物なし 1管本部、潜水士集中捜索 https://www.hokkaido-np.co.jp/article/722018/ 知床半島 2022-08-25 21:14:26
北海道 北海道新聞 弔意表明の閣議了解見送り 政府調整、強制懸念踏まえ https://www.hokkaido-np.co.jp/article/722020/ 安倍晋三 2022-08-25 21:11:00
北海道 北海道新聞 十勝ワインに新樽到着 フランス製の19個 池田 https://www.hokkaido-np.co.jp/article/722017/ 十勝ワイン 2022-08-25 21:09:00
北海道 北海道新聞 感染危機管理庁、23年度創設 日本版CDCは25年度以降 https://www.hokkaido-np.co.jp/article/722016/ 新型コロナウイルス 2022-08-25 21:09:00
北海道 北海道新聞 十勝管内感染者、累計4万人超え 3万人突破から16日 クラスター急増、病床使用率は地域別で最高 https://www.hokkaido-np.co.jp/article/722015/ 十勝管内 2022-08-25 21:07:00
北海道 北海道新聞 ニセコの求人 道内外に発信 町商工会がリクルートと連携 https://www.hokkaido-np.co.jp/article/722014/ 会員企業 2022-08-25 21:03:00
北海道 北海道新聞 沖縄知事選は3氏の争い 辺野古移設、違い鮮明 https://www.hokkaido-np.co.jp/article/722007/ 同日午後 2022-08-25 21:04:09
北海道 北海道新聞 ロシア、兵士200人超殺害と主張 ウクライナ、報復示唆 https://www.hokkaido-np.co.jp/article/721880/ 示唆 2022-08-25 21:01:58
北海道 北海道新聞 厳戒態勢の北京、私は残り続けた 日本人留学生・伊藤さん 日記に経験つづる https://www.hokkaido-np.co.jp/article/722005/ 新型コロナウイルス 2022-08-25 21:01:36

コメント

このブログの人気の投稿

投稿時間: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件)