こんにちは、サイオステクノロジーの遠藤です。 今回は、 JavaScript Rising Stars で2023年、2024年と二年連続で１位に輝いたUIコンポーネントコレクションであるshadcn/uiについてまとめていきます。 では始めていきましょう！ shadcn/uiとは？ shadcn/uiはRadix UIとTailwindCSSを用いて作成されたUIコンポーネントコレクションです。 shadcn/uiの一番の特徴は公式ドキュメントにも This is not a component lib

【前段】自己紹介&ロール紹介

こんにちは、ブログ運営担当の小野です。 今月のブログイベントについてお知らせします！ Webデザイン事業部ウィーク 2024 4月のブログイベントは「Webデザイン事業部ウィーク 2024」です！ 今年の春も、皆様が華やかにご活躍されるのを応援させていただきたく、NRIネットコムのデザインチームが、新鮮なデザインのお役立ち情報他、色とりどりの内容で記事をご用意いたします！ 記事掲載日と記事内容 更新され次第、こちらの記事にもリンクを掲載します。ぜひ、ご期待ください！ 4/22(月)：加藤香 tech.nr

私たちが日々の業務として日常的に行うSEO対策が、実は持続可能な未来への一歩だったことを知っていますか？この記事では、通常のSEOプラクティスが環境と社会への影響にどのように貢献するかを探り、サスティナブルな未来に向けた取り組みについて紹介します。

自己紹介 抱えていた問題 1.仕事のやり方が分からない 2.質問の仕方が分からない 3.モチベーション管理が難しい おススメ まとめ 自己紹介 初めまして、Webデザイン事業部のガリです。現在の業務は主にウェブサイトの運用でディレクター兼コーダーをしています！ 私はコロナ禍入社でこの2年半ほぼ会社に行ったことがありません。特に1年目は分からないことだらけで、何を・どうやって・実施していけばよいのかが分からず、多くの困難に立ち会いました。その中で私が感じたことや、それをどう解決したのかをまとめてみました！

こんにちは、クリエイティブ課　木村圭です。 クリエイティブ課は、 ラク スグループ内で提供しているサービスに関するWebサイトやパンフレットなどのデザイン業務を担っています。 現在、マネージャー職をしていますが、前職までUI/UXデザイナーをしておりました。 僕自身が、これまで学習した書籍や最新の関連書籍を含め、ご紹介します。 これから、UI/UXデザイナーを目指したい方やデザインにご興味のある方なども含め、ご参考になればと思います。 最初に読んでほしいUI/UX書籍はこれだ! ノンデザイナーでもわかる

こんにちは、技術広報の yayawowo です。 突然ですが、デザイナーの皆さんはデザインの知識をどのように学ばれていますでしょうか？ スクール（大学、専門など） 会社、仕事 WEB、オンライン（Udemyなど） など、様々あるかと思います。 とはいえ、日々変わりゆくデザインのトレンドをキャッチアップしていくのは時間と労力が必要ですよね。 そんな方に必見！ 弊社にて定期的に開催している、デザイナーによるデザイナーの為のデザインLT大会・・・ 「UI/UXデザイナーLT会」にて発表されたデザインTipsをま

はじめに こんにちは。itoken1013です！ 度々お送りしています超入門シリーズ、今回ご紹介するのは Bootstrapの使い方 です！ Bootstrapを利用することで、簡単にページデザインを仕上げることができます。 HTML/ CSS は分かるけどBootstrapには触れたことのない方、今まで体系的には理解せずにBootstrapを利用していた方にオススメの内容です。 それでは解説していきたいと思います！ はじめに Bootstrapとは まず、フロントエンドとは？ では、Bootstrapと

「BASE」テキストコミュニケーション・ガイドラインをアップデートする話 この記事はBASE Advent Calendar 2020の25日目の記事です。 https://devblog.thebase.in/advent-calendar-2020 こんにちは。 Product Management GroupでPJのディレクション、Design GroupでUXライティングを担当している藤井です。 ふだんはネットショップ作成サービス「BASE」やショッピングアプリ「BASE」の新機能および改善のディ

こちらの記事は以前にNewsPicks Tech Guideに投稿された記事をインポートしたものです。元の記事はid:yossiyossi923によって書かれました。 こんにちは！ NewsPicksのデザイナーの吉川です。 ニューヨークで開催された『AWWWARDS conference 2019』に参加してきました。 世界最大級のWebデザインアワード「AWWWARDS」 世界最先端のデザイナーが集結 DAY1（Sep.26） DAY2（Sep.27） まとめ 世界最大級のWebデザインアワード「AW

はじめに はじめまして、新卒1年目のエンジニアのmrym_618です。 今回は、Schooで JavaScript について学習してみましたので、その感想を書いていきます。 目次 はじめに 目次 Schooとは 実際に学習してみた Schooとドットインストールの比較 まとめ Schooとは Schoo(スクー)とは、大人たちがずっと学び続ける生放送コミュニティであり、参加型の生放送授業と、4,600授業以上の動画教材で 「仕事に活きる」知識・スキル・考え方を学べるサービスです。 schoo.jp 特徴

はじめに こんにちは、MasaKuです。 プライベートの時間を利用して、ニュース記事などで見つけた面白そうな技術を使ってみたり、「こんなのあったら便利かも？」と思ったものを作ったりしています。 そこで、最近流行のゲームである、対戦相手を攻撃して画面外にふっとばすゲームの対戦記録を残せたら便利じゃないかな？と思い、簡単なWebアプリを作ってみました。 「 とりあえず動く 」を目標に作成していたため、使い心地などは一切考慮せずに作っていましたが、そもそも簡単なアプリなので、そこまで工夫できるポイントもないかと

元々CMS（コンテンツ・マネジメント・システム）というのはWebサイト構築に使われてきました。有名なところとしてはDrupal、WordPress、MovableTypeなどがあります。いずれもHTMLを出力するもので、ブログや一般的なWebサイト構築に使われています。 そんな中、最近ではAPIを公開し、HTMLを使わないタイプの利用が進んでいます。HTMLを全く出力しない、ヘッドレスCMSと呼ばれるタイプのCMSも出てきています。 配信先がWebに限らなくなってきた このようなAPI化が進む大きな要因と

こんにちは、Webフロントエンドエンジニアの権守です。 フロントエンドエンジニアの皆さんは、リリース前の社内QAにてデザイナーにピクセルのずれを指摘されて修正したという経験があるのではないでしょうか。今回はiQONのPC・スマホサイトを構築する上で、デザインデータに忠実なCSSコーディングをどのように実現しているかを紹介します。 ツールの利用 PerfectPixel 既に利用されている方も多いかもしれませんが、デザインとのピクセルずれの確認には PerfectPixel がオススメです。 Perfect