The new wave of Javascript web frameworksMake sense of the proliferation of new Javascript web frameworks. A deep dive into the problems at scale and the recent evolution of innovation. IntroductionStaying current in the Javascript ecosystem is not for the faint of heart. It’s challenging for those entering the industry to follow what’s happening amongst the new libraries, frameworks, concepts, an
Githubの新しいセキュリティ機能 CodeQLを使ってみる - Security Index
CodeQLは、Semmleが提供しているコードセマンティック解析に使用するツールで、脆弱性やコードの品質の可視化を行うことができます。 2019年9月18日にGithubがCodeQLを開発しているSemmleを買収し、現在「GitHub Code Scanning」(リミテッドベータ)として利用することができるようになりました。 Welcoming Semmle to GitHub - The GitHub Blog GitHub、コードの脆弱性を発見してくれる「GitHub Code Scanning」発表、修正方法のアドバイスも。GitHub Satellite 2020 － Publickey 現在でもSemmleのLGTMからCodeQLを利用することができます。 CodeQLを少し使ってみたので紹介したいと思います。 CodeQLを使ってみる Github連携 Alert :
配色はデザインにおいて欠かせない重要な要素です。しかし、配色がなかなか決まらずに悩んでしまったという経験は、誰しも一度はあるのではないでしょうか。 今回は、Webデザイン制作で便利な配色カラーパレットに関するHTML/CSSスニペットをまとめてご紹介します。 美しいグラデーションやクリックするだけで配色をコピーできたり、配色が苦手なひとでもボタンひとつで作成できる自動生成ツールなど、色に困ったときに使いたい便利なHTMLスニペットが揃います。 よ手軽な配色ツールをお探しのひとは、以下の記事も参考にしてみてはいかがでしょう。2020年の最新ツールも追加アップデートしています。 【2021年版】もう配色デザインには迷わない！すごい無料カラーパレットツール83個まとめ Webデザイン配色は怖くない！制作で便利なHTML/CSSカラースニペットまとめ Gradients Collection Pr
OSS Engineer - TypeScript, Azure, React, Node.js, .NET This post is a a little different from most that sit on my site. It's the story of the Definitely Typed project, of which I was an early member. It had a seismic impact on the development of TypeScript. When exchanging messages with Andrew Branch (member of the TypeScipt team), I realised it was an untold story, and perhaps I should tell it, b
Alpine.js: The JavaScript Framework That's Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS | CSS-Tricks
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS We have big JavaScript frameworks that tons of people already use and like, including React, Vue, Angular, and Svelte. Do we need another JavaScript library? Let’s take a look at Alpine.js and you can decide for yourself. Alpine.js is for developers who aren’t looking to build a single page a
We mentioned a way to make a CSS-only carousel in a recent issue of the newsletter and I thought that a more detailed write up would be interesting and capture some of my thoughts on making one. So, here’s what we’re making today: There’s no JavaScript here, whatsoever! No jQuery plugins. No trickiness. Just a couple of new-ish CSS properties that I’ve been experimenting with as well as some basic
はじめに 副業にてとある会社のLPを構築して以来、約2年間に渡ってほそぼそと機能追加やデザイン・文言の変更等をおこなってきたのですが、 元々保守性を意識した構造でないものに対して、場当たり的に修正を重ねてきてしまったため手を入れるのがしんどくなってきており、 そんな中で、 LPにページを増やしてほしい という依頼を受けたため、色々とリファクタリングに取り組んだのでその備忘録です✍ 私自身はデザイン・フロントエンド領域に明るくなく（別にバックエンドも明るくないが…インフラもか…）、抜本的な解決方法が思いつかなかったため、 今回は 既存実装の修正をできるだけ抑えつつ、保守性を向上させる仕組みを取り入れる という方針で頑張ってみることとしました🍦 現状 内容自体は1Pのシンプルなもので、以下のようなディレクトリ構造で管理しています クラウドソーシングでデザイン含めて初期実装をしてもらったものに
Leaving behind the Rails asset pipeline I've been getting this question lately in some form or another: Is webpack and Webpacker worth the hassle? It's a good question, but my short answer is yes. Given the sharp rise of mindshare in the JavaScript community in recent years, there has been a great deal of innovation in tooling, development experience, and optimization for frontend development. Ra
Taro ODASHIMA
略歴 岩手県盛岡市生まれ、兵庫県在住。 名古屋工業大学工学部 学士課程卒業、奈良先端科学技術大学院大学情報科学研究科 博士前期課程修了。 学部生時代はジェスチャー（動画像）認識、院生時代はARを研究。 大学院修了後、某SI系企業にソフトウェアエンジニアとして就職。 その後某マジシャンのもとで数年働き、今度はウェブ系エンジニアに転向するという自分でもよくわからない経歴。 フロントエンド、バックエンド、データベース、インフラ、なんでもござれのフルスタックエンジニア…を目指して日々修行中。 趣味は手品とプログラミングと音楽。 最近はイベント登壇も半ば趣味と化す。 手品が好きな人（見る/やる問わず）、プログラミングが好きな人、音楽が好きな人、お友達になりましょう！ ポートフォリオ ブログ 主に技術系の内容です。 たまに全く関係ないことも。 サービス QiNeel オンラインブックマークサービスです
Track Awesome List Updates DailyWe track over 500 awesome list updates, and you can also subscribe to daily or weekly updates via RSS or News Letter. This repo is generated by trackawesomelist-source, visit it Online or with Github. 📅 Weekly · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 Github · 🌐 Website · 📝 09/04 · ✅ 09/04 Table of Contents Recently Updated Top 50 Awesome List All Tr
Sébastien Lorber from 'This Week in React' talks about his brush with React in the early days. IntroWhen ReactJS was first announced in 2013, it was not an instant success. At least, I personally took a glance and dismissed it quickly. I finally changed my mind just a few months later. I've now been using React for over 9 years and even created a popular newsletter called This Week In React. But a
Dave Rupert recently made a bit of a stir with his post “If Web Components are so great, why am I not using them?”. I’ve been working with web components for a few years now, so I thought I’d weigh in on this. At the risk of giving the most senior-engineer-y “It depends” answer ever: I think web components have strengths and weaknesses, and you have to understand the tradeoffs before deciding when
Importing images with Webpacker
An unofficial Rails guide Webpack isn't just for JavaScript. You can bundle images with it too. Webpacker makes it relatively easy to work with images, but it is admittedly confusing at first: Images in JavaScript? In this post, we'll demonstrate how to reference Webpacker images from your JavaScript, CSS, and Rails views. The following examples were created using Rails 6 and Webpacker 4, but may
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The new wave of Javascript web frameworks
Webサイト配色のお悩み解決！制作で便利なHTML/CSSカラースニペット21個まとめ
Definitely Typed: The Movie | johnnyreilly
How to Make a CSS-Only Carousel | CSS-Tricks
HTML+jQueryでできたLPをwebpack+TypeScript+Cypressで楽しく保守する
25 reasons to switch to Webpack(er)
Track Awesome List Updates Daily
Adopting React in the Early Days | .cult by Honeypot
Use web components for what they’re good at