【テックブログ】新卒エンジニアが入社2ヶ月で新規サービスをリリースした話。 - Hajimari Tech Blog| 株式会社Hajimari
こんにちは！ 株式会社Hajimari22卒エンジニアの神野 凌太郎です。 普段は、事業部づけのエンジニアとして人事プロパートナーズの開発業務を担当しています。 内定者インターン〜新卒入社後の期間、人事プロパートナーズの開発と並行して 新規サービス「アミーチ」の開発・立ち上げを1人で行いました。 今回は、実際に新規事業の開発・立ち上げを行なって、学んだこと・反省点をまとめてお伝えできればと思います！ ■新規サービス「アミーチ」概要 『人事専門型の求人サイト』として立ち上げたサービスです。 もともと、人事プロパートナーズ内で人材紹介を行なっており、 その専用サイトを立ち上げようというところからスタートしています。 人事を扱う求人サイトだからこそ、学校の保健室のように、 気軽にキャリアを考えられる、そんな求人サイトを作りたいという思いから、 「アミーチ」の立ち上げがスタートしました。 現在、リ
この記事は、TechFeed Experts Night#12 〜 TechFeed Experts Night#12 〜 【VSCode, Vim, Emacs】エンジニア向けエディタ最新動向！の開催に際し、TechFeedのデータを元に日本語記事ランキングを紹介していくものです。 60日以内で、獲得スコアが高かった順にトップ10を紹介しています（1pt以下の記事はランキングに含めていません）。 いずれも（きっと）読み応えのある記事ばかり。もし見過ごしていた記事があったら、ぜひ読んでみてください。 本記事は、TechFeed Experts Night#12 〜 TechFeed Experts Night#12 〜 【VSCode, Vim, Emacs】エンジニア向けエディタ最新動向！のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関す
はじめに 今回初めて個人開発で作ったサービスを公開します。今までも何回かトライしていたのですが、なかなか公開までに至らないうちに、なにか問題にぶちあたったり、時間がかかりすぎて情熱が冷めてしまったりしていたので、今回はまずはスモールスタートで公開して改善していくことを心がけました。大体今回の公開まで、開発を始めてから1ヶ月程度になります。毎日朝4時半に起きて、子どもたちが起きる7時過ぎまでを開発時間として取り組んできました。 どんな人向け？ 自分で作っているサービスの開発ロードマップをユーザーに公開するために、都度ブログを書いたりするのも大変ですよね。もし、自分のサービスのソースコードをGithubで管理していたとして、Github Issuesを見せるとしてもGithubに馴染みのない人にとっては読みにくいですし、外に出すサービスであればあるほど、Githubのレポジトリは非公開になって
Tailwind CSSはユーティリティクラスのフレームワークですが、すべてのスタイルは用意されていません。カラーを増やしたり、ブレイクポイントを増やしたり、マージンやパディングの値を増やしたり、カスタマイズ方法を紹介します。 また、Tailwind UIのUIコンポーネントをそのまま使用すると、似たデザインになってしまうことがあります。そんな時にもカスタマイズができると独自のデザインで実装できます。 Customizing Tailwind CSS by allround.io 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Tailwind CSSのカスタマイズの準備 スペースとブレークポイントをカスタマイズ ベースのスタイルを拡張 プリセットの使用と作成 終わりに はじめに Bootstrapの黄金期のように、T
CommunityOpen SourceBring your monorepo down to size with sparse-checkoutGit 2.25.0 includes a new experimental git sparse-checkout command that makes the existing feature easier to use, along with some important performance benefits for large repositories. This post was written by Derrick Stolee, a Git contributor since 2017 who focuses on performance. Some of his contributions include speeding u
AWS Cloud Development Kit(CDK)でURL短縮サービスを作ってみた | DevelopersIO
サーバーレスなURL短縮サービスを Python 版 AWS CDK で作るウェビナーを見つけたので、動かしてみました。 最終的には下図のようなサーバーレスなインフラを構築します。 ※図はウェビナーから引用 構築された URL 短縮サービスを触ってみます。 targetUrl に URL を渡し、短縮 URL を生成します。 $ curl https://go.example.info?targetUrl=https://aws.amazon.com/cdk/ Created URL: https://go.example.info/4692efec 短縮 URL でアクセスすると、元の URL にリダイレクトされます。 $ curl -I https://go.example.info/4692efec HTTP/2 301 date: Wed, 09 Oct 2019 10:03:35
SigilやCalibreなどの電子書籍作成ソフトがHTML5+Javascriptの開発環境として使える件 - Qiita
HTML5+Javascriptでブラウザー上で動くアプリケーションを作成した後に、それを電子書籍化してみた。SigilやCalibreという電子書籍作成ソフトを使う。 動作環境：Mac, High Sierra Sigil 0.9.14 For Mac Calibre 3.47.0 For Mac まずは、作成したHTML5+Javascriptのプログラムがきちんと動作することが大前提だ。自分の場合はVisual Studio Code for Macをメインに使っている。コードを書き、ブラウザーを立ち上げ動作確認を繰り返す。Javascriptのプログラムは、htmlから分離した形で作る。jQueryやBootstrapも使うが、ネットアクセスをしない前提のプログラムなので、単体をダウンロードしてhtmlに組み込んで使う。 プログラムの準備ができたら、Sigilを立ち上げる。Sigi
Sometimes our sites need a little sprinkling of content management. Not always. Not a lot. But a bit. The CMS market is thriving with affordable, approachable products, so we’re not short of options. Thankfully, it is a very different world to the one that used to force companies to splash out a ga-jillionty-one dollars (not an exact cost: I rounded to the nearest bazillion) for an all-singing, al
はじめに CSSとしたがNext.jsにおけるスタイルの取り扱い方について。 公式ドキュメント見れば基本的なことはわかるのだがIssuesやDiscussionsを追わないと分かりにくいことも多いのでまとめる。 2020年9月版としたのはすぐにでも動きがありそうなため。将来的なこともなるべく記載する。 追記 2020/12/01 時点で特に情報が古くなっていないことを確認しています。 2020/12/10 Tailwind Support について記載しました。 Build-in CSS Support Basic Features: Built-in CSS Support | Next.js デフォルトでCSSのサポートがされている。かつては @zeit/next-css を導入する必要があったが今は必要ない。 Sassについても Before you can use Next.js'
この記事では、商用可能で無料ダウンロードできるBootstrap製の最新HTMLテンプレート素材をまとめてご紹介します。 デスクトップやモバイルなどあらゆるレイアウトに対応したレスポンシブデザインで、Bootstrapフレームワークを利用しているので、手軽にカスタマイズできます。あらゆる業種にマッチする、お好みの無料HTMLテンプレートを探してみましょう。 HTMLテンプレートのライセンスについて 今回ご紹介するHTMテンプレートは、以前ご紹介したColorlibからセレクトしたものが中心となります。 レベル高っ！商用可能な無料HTMLテンプレート200+種類を配布しているサイト Colorlib 無料ダウンロードできるHTMLテンプレートは、すべてCreative Commons Attribution 3.0 License （CC BY 3.0）となっています。HTMLテンプレートを
HTMLはとても簡単に作成できますが、Webページの制作となると、フォームの作成など、何度も繰り返す必要のある作業もあります。このユーザーガイドでは、コーディング作業ですぐに使えるフロントエンド向けHTMLスニペット15個をまとめてご紹介します。 HTML5基本テンプレート 新しいWebプロジェクトを開始するときは、基本となるテンプレートが必要です。HTML5の基礎として役立つ、無駄のないスッキリとしたテンプレートです。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>無名のドキュメント</title> <meta name="description" content="メタディスクリプションを記述します。"> <link rel="stylesheet" type="text/css" href="theme.css
[Cloud Development Kit ] LINEアプリのサンプルをCDKで書き直して見て、その凄さを実感しました | DevelopersIO
[Cloud Development Kit ] LINEアプリのサンプルをCDKで書き直して見て、その凄さを実感しました 1 はじめに CX事業本部の平内（SIN）です。 昨日、GAとなった AWS Cloud Development Kit (AWS CDK) 凄すぎます。 完全に、上の記事の真似事なんですが・・・私も、早速やってみたい！って事で、先日、作ったAWS SAM + TypeScriptで作成したLINE Bot のサンプルをAWS CDKで書き直してみました。 2 プロジェクト作成 CDKのコマンド initでプロジェクトを作成します。 $ mkdir line-sample $ cd line-sample [line-sample]$ cdk init app --language=typescript 3 Lambda 続いて、プロジェクトの階層下にsrc/lamb
![[Cloud Development Kit ] LINEアプリのサンプルをCDKで書き直して見て、その凄さを実感しました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6f18c077a46ff42978cf3d487984a8b3056f9d2/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F05%2Faws-tools-and-sdks.png)
TL;DR Lambda がコンテナをサポートしたらしいので試してみる 動かすDocker イメージはLambda のAPI に対応させる必要があるため、今まで使用していたイメージがそのまま動くわけではない New for AWS Lambda – Container Image Support | AWS News Blog 概要 re:Invent の発表でコンテナの実行ができるようになったので、ざっくり試してみるだけの記事 ためす 失敗例 単純なAlpine イメージだと動かないらしいので失敗してみる ECR へコンテナを上げる env コマンドを実行するだけのイメージを作成 $ export ACCOUNT_ID=$(aws sts get-caller-identity --query 'Account' --output text) $ cat <<EOL | docker b
Python as a language is comparatively simple. And I believe, that you can learn quite a lot about Python and its features, just by learning what all of its builtins are, and what they do. And to back up that claim, I'll be doing just that. Just to be clear, this is not going to be a tutorial post. Covering such a vast amount of material in a single blog post, while starting from the beginning is p
Storybook 6.1
Storybook is the industry standard UI component workshop. It organizes components and their states to structure UI development, testing, and documentation. It's used by teams at Twitter, Slack, Airbnb, Shopify, Stripe, and Microsoft. As Storybook grows in popularity, companies are building more components in it than ever before. Atomic components, full blown pages, and everything in between. Perfo
CS50's Web Programming with Python and JavaScript | Harvard University
This course picks up where CS50 leaves off, diving more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Django, React, and Bootstrap.
Deep Dive on AWS App Runner VPC Networking | Amazon Web Services
Containers Deep Dive on AWS App Runner VPC Networking AWS App Runner, introduced in 2021, is a fully managed service for running web applications and API servers. App Runner greatly simplifies the experience to build and run secure web server applications with little to no infrastructure in your account. You provide the source code or a container image, and App Runner will build and deploy your ap
Better together: AWS SAM and AWS CDK | Amazon Web Services
AWS Compute Blog Better together: AWS SAM and AWS CDK Today AWS is announcing the public preview of AWS Serverless Application Model CLI (AWS SAM CLI) support for local development and testing of AWS Cloud Development Kit (AWS CDK) projects. AWS SAM and AWS CDK are both open-source frameworks for building applications using infrastructure as code (IaC). AWS SAM is template-based using JSON or YAML
本記事ではRustでOpentelemetryをはじめることを目標に以下の点について書きます。 OpenTelemetryの概要RustのapplicationにOpenTelemetryを導入する方法前半は公式docを読みながら登場人物を整理し、後半は実際にdocker-compose上でそれらを動かします。 またRustではtracing-opentelemetry crateを利用します。 tracingについては別の記事で基本的な仕組みについて書いたのでopentelemetry固有の処理について述べます。 sample code traceの設定については、別の記事に詳しい説明を書きました。 OpenTelemetryとは最初にOpenTelemetryについての現時点での自分の理解は以下です。 OpenTelemetryとは文脈により以下のいずれかを指す CNFNのprojec
こんにちは、SRE部の谷口（case-k）です。 本記事では、EC2 Image Builderを使いRedashの運用改善を行った事例をご紹介します。運用しているRedashについてご紹介し、その後、Redashの運用課題に対してEC2 Image Builderでどのように解決したかTipsも踏まえご紹介します。 余談ですが全国どこでも働けるようになったので沖縄に住めています(感謝！) https://press-tech.zozo.com/entry/20210118_zozotechpress-tech.zozo.com 目次 目次 運用しているRedashの紹介 役割 インフラ構成 クエリ実行の流れ EC2インスタンス起動時の処理 Redashの運用課題 EC2 Image Builderによる課題解決 EC2 Image Builderの紹介 各リソースのTips 事前準備 コ
新型コロナウイルスの急速な拡大によって、他人と距離を1メートル、できれば2メートルのソーシャルディスタンスをとりましょう、という考え方から、不要不急の外出を控えて、自宅にこもりがちになっています。 そんなストレスのたまりそうな環境でも、クリエイティブな分野で活躍するデザイナー個人、グループ、企業などが数え切れないほどの無料サービスを提供してくれています。 この記事では、現在新型コロナウイルスの世界的流行によって、無料提供されているオンラインツールやサービスをまとめてご紹介します。 デザイナーやアーティストを支援するものが中心で、学校休校で暇をしている子供たちにもオススメしたい塗り絵などもコレクションしています。このリストは、随時アップデート予定となります。 新型コロナの影響で無料提供されているオンラインツール、サービスまとめ ■ Adobe CCが2ヶ月の無料利用期間を提供 アドビは、先日
画像生成AI・ChatGPT・ゲーム開発・アプリ開発・AWS資格など新たなスキルを手に入れて人生をステップアップするUdemy講座まとめ
新しいスキルを手に入れると、市場価値が高まって収入が増えたり、クリエイターという新たな立場を手に入れることで将来的に自分の名前自体がブランド化して自立性の高いキャリアを築けるものですが、新たに物事を学んで習得するのは一人ではなかなか難しいものです。そうした新たなスキルを身につけようとする人を現場で活躍する講師によるムービー形式の分かりやすい講座で支援してくれるサービスがオンライン学習プラットフォームの「Udemy」で、AI関連の先進的な講座から、資格関連の手堅い講座まで幅広いラインナップが取りそろえられています。ちょうどUdemyが5月16日(火)から5月24日(水)まで、対象講座を1200円～という手頃な価格で購入可能なセールを実施しているとのことなので、人生のステップアップに役立ちそうな講座を6つピックアップしてみました。 オンラインコース - いろんなことを、あなたのペースで | U
みなさん、こんにちは！ AWS事業本部の青柳＠福岡オフィスです。 前回、前々回と、ARMアーキテクチャの「Graviton2」と Docker のネタをお送りしましたが、今回は第3弾をお届けします。 前回のブログ記事 の中で、Docker Hubの「マルチCPUアーキテクチャサポート」について紹介しました。 前回は 「マルチCPUアーキテクチャ」に対応しているDocker Hubの公式イメージをプルして利用する という流れでした。 今回は一歩進んで 「マルチCPUアーキテクチャ」に対応するDockerイメージを自分でビルドしてDocker Hub上に公開する という一連の作業を試してみたいと思います。 「マルチCPUアーキテクチャサポート」とは？ Docker Hubにおける「マルチCPUアーキテクチャサポート」とは、x86 (AMD64) やARM64など複数のアーキテクチャ向けのイメー
Go の x/text/transform を自作する方法 & おもしろ実装サンプル - ANDPAD Tech Blog
前置き この記事は ANDPAD Advent Calendar 2022 の 12日目の記事です。 全力で身内ネタですがQCの冨士川さんの韻を踏む記事で大量に並ぶラップ音声ファイルを見て腹抱えて笑いました。果たして全部聞いた人はいるのか……！？この位のゆるさが好き。 お久しぶりです、バックエンドのtomtwinkleです。 ANDPADボードのバックエンドリードエンジニアをしております。 今回の記事は「ちょっと早めの忘年Goパーティ」で発表したLTの内容の解説コーナーです。レッツトランスフォーム！ voicy.connpass.com と、その話に入る前に 🎊 Go 1.20 Release Candidate 1 is released! 🏃♂️ Run it in dev! Run it in prod! File bugs! https://t.co/Ul1xGhvlkf
プロジェクト内のライブラリをロードしつつ、ブラウザで動作するPHPStan Playground - pixiv inside
こんにちは。開発支援チームでpixivのコーディング環境の向上をしているyosatakです。 pixivではPHPStanを活用して、スクリプト言語であるPHPのコーディング上のミスをデプロイ前に検出しています。 inside.pixiv.blog PHPStanは開発者にエディタを強制したりせずに静的な型検査ができるだけではなく、入力のアサーション関数などに対してPHPStan拡張を書くことでリクエストパラメータなどの不確定な入力に厳密に型をつけ、PHPで安全にコーディングすることができるようになります。 それでも、10年以上メンテナンスされつづけているpixivのソースコードに型を付けていくのは容易ではありません。 PHPStanで特定のファイルの解析を掛けたい場合は、autoloadするファイルをbootstrapFilesに指定されたphpstan.neon(.dist)が設置され
AWS Step FunctionsとSSM RunCommandでWebシステムの起動・停止のジョブネットを組んでみた | DevelopersIO
ジョブ管理システムから抜け出したくないですか? こんにちは、のんピ です。 皆さんはジョブ管理システムから抜け出したいと思ったことはありますか? 私は常に思っています。 ジョブ管理システムとは、バッチ処理やOSの起動の一つ一つの処理をジョブとして、制御・運用をするシステムです。 ジョブ管理システムを使うことによって、定型業務を自動化するなどのメリットがあります。 しかし、私が思うに、ジョブ管理システムが便利だからこその辛みもあると思っています。 私が感じるジョブ管理システムの辛いところを以下にまとめます。 ジョブ管理システムで全てのシステムのジョブネットを管理しているがために、ジョブ管理システムのメンテナンスが大変 ジョブ管理システムが停止すると、全てのシステムに影響があるため、高い可用性が求められる ジョブ管理システムによっては、エージェント毎にライセンスの購入が必要になり、大量のクライ
Latest release v0.34.4 An open source PAAS alternative to Heroku. Dokku helps you build and manage the lifecycle of applications from building to scaling. # download the installation script $ wget -NP . https://dokku.com/bootstrap.sh # run the installer $ sudo DOKKU_TAG=v0.34.4 bash bootstrap.sh # Configure your server domain $ dokku domains:set-global dokku.me # and your ssh key to the dokku user
こんにちは、R&Dチームの齋藤（@aznhe21）です。 新オフィスは広くて快適です。 さて、本日4/8(金)にRust 1.60がリリースされました。 この記事ではRust 1.60での変更点を詳しく紹介します。 4/8は釈迦の誕生を祝う花まつりの日 ピックアップ コンパイル時間を計測できるようになった 機能（features）で名前空間付き・弱依存がサポートされた コード網羅率を計測できるようになった [u8]を文字列としてエスケープできるようになった 安定化されたAPIのドキュメント Arc::new_cyclic パニック サンプル Rc::new_cyclic パニック サンプル slice::EscapeAscii <[u8]>::escape_ascii サンプル u8::escape_ascii サンプル Vec::spare_capacity_mut サンプル Maybe
Welcome to my new series Emacs From Scratch. I’m far from an Emacs expert, so join me in my quest to figure out how to create a useful Emacs setup from nothing1. In this part, we’ll install Emacs, set up sane defaults, packaging and do some basic UI tweaks to build a solid foundation. Table of Contents Install Emacs Remove UI elements Configure the package manager Set sane defaults Become evil Set
カヤックSREの池田です。今回は、カヤックのプロダクトの一つ『Tonamel』で導入したエラーバジェット算出ツール shimesabaの話をします。 shimesabaとは？ github.com shimesabaは監視サービスであるMackerelを用いて、エラーバジェットを計算しサービスメトリックとして投稿することでSLI/SLOの運用を助けるツールです。 このツールを用いることで、以下のようなグラフが得られます。 この図の上部は、エラーバジェットの使用率=信頼性の損失率の推移を表すグラフになっています。 この図の下部は、エラーバジェットをいつ？どのくらい？損失したのかを表すグラフになっています。 一言で、エラーバジェットと言ってもいくつかの計算方法が存在します。 今のところshimesabaでは、Rolling windowのコンプライアンス期間で、Windows-based SL
This post is also available in Deutsch, Français. When we announced D1 in May of this year, we knew it would be the start of something new – our first SQL database with Cloudflare Workers. Prior to D1 we’ve announced storage options like KV (key-value store), Durable Objects (single location, strongly consistent data storage) and R2 (blob storage). But the question always remained “How can I store
Storybook 6.2
Storybook is the industry standard UI development workshop for components and pages. It's used by Netflix, Slack, Target, Shopify, Stripe, and thousands of teams around the world. As a modern frontend developer, you’re in a constant cat-and-mouse game to stay on top of ecosystem changes. Every Storybook release contains hundreds of adaptations to try to make that easier for you, whether you’re upg
リンク コンポーネントの例 概要とモチベーション Camome UI はひとことで言うと「抽象度の高い UI コンポーネント集」です。 Bootstrap や MUI などのフレームワーク・ライブラリの類とは異なり、網羅的・汎用的なパーツを提供することが目的ではありません。つまり Button や Input や、もう少しハイレベルな Navbar などを高いカスタマイズ性とともに提供するつもりはありません。 それよりも「LP のこの部分にコピペすればサクッと決まる」ような体験を重視しています。UI デザインといっても、多くの場合はそれほど変わったものが求められるわけではなく、使い回せるものが大半だと思います。 要するに「デザインの常套句」みたいなものが存在するわけです。Camome UI はそういう「よくある」デザインをたくさん収録することを目的としています。 プログラミングは得意でもデ
While writing this blog and leading Go teams for a couple of years, the most common question I heard from beginners was “What framework should I use?”. One of the worst things you can do in Go is follow an approach from other programming languages. Other languages have established, “default” frameworks. Java has Spring, Python has Django and Flask, Ruby has Rails, C# has ASP.NET, Node has Express,
Web制作で気になることのアンケート結果（2019年版）
Web技術 Web制作で気になることのアンケート結果（2019年版） Thursday, October 24th, 2019 Web制作で以前から気になっていたことについて、Twitter の投票機能でアンケートを採ってみました。 アンケートの実施期間は2019年1月〜10月です。 回答者の属性について Twitter のアンケート機能では「誰が回答したか」は質問者でも見ることかできません。 それぞれの質問の回答件数は100〜300件前後で、私のフォロワーの方が多いと思われます。 （ご回答いただき、ありがとうございます。） 私のフォロワーの方は東京の方が多いですが、Twitter アナリティクス によると、近畿、大阪、中部、福岡、東北など日本全国様々な地域の方がいます。 98% が日本在住の方です。 性別（推定）は 71% が男性、29% が女性となっています。 Webデザイン・コーディ
Go1.20 New Features
Go1.20 が2023年2月2日にリリースされ、そのリリースノートが公開されています。この記事ではその中から気になったものを抜粋し、いくつかの機能に関しては使用例も載せていきます。 それでは見ていきましょう！ spec slice から array への変更が可能になりました。 Go1.17 では slice から array の pointer に変換できる言語仕様が追加されましたが、slice から array に変換するには一度 pointer を経由しなければいけませんでした。Go1.20 からは直接 slice から array に変換できるようになります。 /* slice を要素数4の array に変換する */ x := []int{1, 2, 3, 4} // Go1.20 より前 a1 := *(*[4]int)(x) // Go1.20 以降 a2 := [4]i
33分でポートフォリオサイト作成 「未経験者が転職のために少しでもアピールするには、ポートフォリオサイトを作った方がいい」 私は未経験からWebエンジニアを目指してプログラミンングスクールに通っているのですが、この言葉を同期から聞いて、正直焦りました。 もう就職活動に動き始めている段階で、GitHubのリポジトリーだけを見せるつもりだったからです。 実際に同期の人のポートフォリオサイトを見せてもらうと、自分で作ったものやカリキュラムで作ったものを簡単に紹介できたり、自分の自己紹介ができたりするので結構目を引きました。 ということで、自分も作るべきなのではないか？と思いました。 ただし時間が、、、。 ということで今回手軽にできる方法をいろいろ調べた結果、Bootstrapのテンプレートを使う方法がめちゃくちゃ手軽だったので、それを紹介したいと思います。 なぜ33分かというと、30分でポートフ
Bootstrap 5 alpha!
The Bootstrap Blog News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons. Bootstrap 5’s very first alpha has arrived! We’ve been working hard for several months to refine the work we started in v4, and while we’re feeling great about our progress, there’s still even more to do. We’ve been focused on making the migration from v4 to v5 more ap
R50のリープフロッグ ～ 西暦2020年の今、偏差値50のプログラマを目指すお前が学ぶべきこと - Qiita
タイムスタンプ 初回投稿日：2020年06月26日 最終更新日：2020年07月18日 対象読者 この投稿は、ちょうど20年ほど前にソフトウェアエンジニアとしてのピークを迎えていた当時30歳くらいの自分自身に宛てて書いた手紙です。 したがって、この内容は個人的なものであり、くたびれた老兵の戯言であり、ピントがずれ時代を捉えきれておらず、網羅的でもなければ他者には通じないアナロジーに溢れていて、多くの方にとって役に立たないばかりか、酷い勘違いや致命的な間違いを含んでいるかもしれません。 とは言うものの、現在の私のように、今もなお 20 年前の知見や思考パターンが生活のベースになっている方、新しい知識や用語は押さえているもののそれが今一つ自身の血肉になっていないと感じている方、最近の技術トレンドを押さえたいけれど情報の洪水に溺れそうになり何から手を付ければいいかわからないという方にとっては、あ
おそらく日本語の商業出版の技術書ではほぼ初となる[1]、Tailwind CSSの本格的な入門書を発売します（そして私にとっては初の単著となります！）。 技術評論社様の「エンジニア選書シリーズ」という比較的新しめのレーベルです。表紙が風車なので、愛称として「風車（ふうしゃ）本」とでも呼んでもらえると喜びます！ 物理版＆電子版の両方が出ます。Amazonほか各種ECサイトなどでお求めください。 コンセプトと構成 この本はHTMLやCSSそのものの基礎は扱いません。 「すでにCSSを使ったことがあり、CSSの設計で苦しみを味わってきた開発者（本文まえがきより引用）」が対象読者です。 コンセプトとしてはTailwind CSSというフレームワークの入門書である以上に、ユーティリティファーストという思想への入門書を志向しています。全9章ですが、どの章も概ね以下の3つのテーマを巡って展開しています。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VSCode, Vim, Emacs界隈の注目記事をまとめてみた【2023年2月版】
Github Issuesをキレイに外部公開するサービス「2go」作ってみた - Crieit
Tailwind CSSのカスタマイズ方法を解説、基本的な機能を維持しつつ、スタイルを変更・追加するテクニック
Bring your monorepo down to size with sparse-checkout
Using Trello as a Super Simple CMS | CSS-Tricks
Next.jsにおけるCSSの取り扱い方法 2020年9月版
無料で商用可！Bootstrapでできた高品質なHTMLテンプレート素材25個まとめ
コーディング作業が爆速に！ すぐ使える便利なHTML5スニペット15個まとめ
Lambda でコンテナを実行する - y-ohgi's blog
Understanding all of Python, through its builtins
🔭 RustでOpenTelemetryをはじめよう | Happy developing
EC2 Image Builderを用いたRedashの運用改善 - ZOZO TECH BLOG
新型コロナの影響で無料提供中！クリエイティブなオンラインツール、サービスまとめ
Dockerの「マルチCPUアーキテクチャ」に対応したイメージをビルドする | DevelopersIO
Dokku - The smallest PaaS implementation you've ever seen
Rust 1.60を早めに深掘り - OPTiM TECH BLOG
Emacs From Scratch, Part 1: Foundations
SLOの運用のために OSS shimesabaの導入 - KAYAC engineers' blog
D1: our quest to simplify databases
LPやWeb製作を高速化するUIコンポーネント集を作った
The Best Go framework: no framework?
33分でポートフォリオサイトを作成・デプロイまでする裏技とは！？ - Qiita
【PR】『Tailwind CSS実践入門』を2024年1月26日に出版します