# 2024.8.12.最近見たものピックアップ [JavaScriptって何？レベルの初心者がとりあえず触ってみるハンズオン | エンベーダー](https://envader.plus/article/331) JavaScriptの基礎的な使い方を、プログラミング初心者や苦手意識がある人でも体験的に学べるハンズオン形式の教材です。特別な知識は不要で、パソコンとインターネットの基本操作ができればすぐに取り組めます。 [令和のHTML / CSS / JavaScriptの書き方50選](https://zenn.dev/necscat/articles/bc9bba54babaf5) 現代のフロントエンド開発において推奨される、HTML、CSS、JavaScriptのモダンな書き方やベストプラクティスを50個まとめた技術記事です。 [現代的システム開発概論 2024](https://speakerdeck.com/recruitengineers/xian-dai-de-sisutemukai-fa-gai-lun-2024) 2024年度のリクルート新人エンジニア研修用資料であり、モダンなシステム開発におけるアーキテクチャ、CI/CD、マイクロサービス、オブザーバビリティ等の広範な技術概念を概説しています。 [エンジニアのためのドキュメントライティング / Docs for Developers](https://speakerdeck.com/iwashi86/docs-for-developers) 2023年3月17日に開催されたイベント「エンジニアのためのドキュメントライティング - Forkwell Library #19」の登壇資料です。エンジニアに求められるドキュメントライティングに関する内容がまとめられています。 [データハンドリングのためのSQL / SQL for data handling](https://speakerdeck.com/brainpadpr/sql-for-data-handling) 株式会社ブレインパッドによる2019年の新卒研修資料で、データハンドリングにおけるSQL操作の基礎について解説しています。 [開発部に不満を持っていたCSがエンジニアにジョブチェンしてわかった「勝手に諦めない」ことの大切さ](https://speakerdeck.com/sakuraikotone/kai-fa-bu-nibu-man-wochi-tuteitacsgaenzinianiziyobutiensitewakatuta-sheng-shou-nidi-menai-kotonoda-qie-sa) CSからエンジニアへジョブチェンジした経験に基づき、開発部門との溝を埋めるための技術的理解と、状況を勝手に諦めずに働きかけることの大切さを説いた登壇資料です。 「開発部に不満を持っていたCSがエンジニアにジョブチェンしてわかった「勝手に諦めない」ことの大切さ」の一次情報を確認できる参照先であり、本文の関連テーマを詳しく調べる際に利用できる。 [Difyの記事一覧](https://zenn.dev/topics/dify) LLMアプリケーション開発プラットフォームであるDifyに関する、Zennに投稿された技術記事の一覧ページです。 [ユーザーインターフェイス設計メモ | Yuya Kinoshita](https://yuyakinoshita.com/blog/2022/06/08/user-interface-note/) ユーザーインターフェイス（UI）設計に関する自身の気づきや学び、思考のプロセスをまとめた個人用のリフレクションメモです。 [Empty States](https://emptystat.es/) Empty Statesは、データが存在しない画面（検索結果ゼロや空のインボックスなど）におけるデザイン事例を集めたギャラリーサイトです。UI/UXデザインの参考となる様々なEmpty Statesのパターンを閲覧できます。 [プロトタイプの制作時間が3分の1に！──サイバーエージェントのデザインシステム「Spindle」におけるFigma活用術](https://productzine.jp/article/detail/2754) サイバーエージェントのメディアサービス「Ameba」のデザインシステム「Spindle」における、FigmaおよびFigJamの活用事例を紹介する記事です。Figmaの導入によりプロトタイプの制作時間を3分の1に短縮した経緯や、システムの運用・発展についてインタビュー形式で解説しています。 「プロトタイプの制作時間が3分の1に！──サイバーエージェントのデザインシステム「Spindle」におけるFigma活用術」の一次情報を確認できる参照先であり、本文の関連テーマを詳しく調べる際に利用できる。 [「このデザインデータどこにありますか？」からの卒業！Figmaデータ大整理物語｜いおり](https://note.com/isaikaori/n/nb358b22cffdf?sub%5Frt=share%5Fh) チームの拡大に伴い散在・複雑化していたFigmaデータの管理体制を、1年間のプロセスを経て構造の見直しと整理を行った体験談です。 「「このデザインデータどこにありますか？」からの卒業！Figmaデータ大整理物語｜いおり」の一次情報を確認できる参照先であり、本文の関連テーマを詳しく調べる際に利用できる。 [notes | 2008年度 過去記事 再掲ロゴデザイン基礎：造形品質 | ロゴの質感、ブラッシュアップ（精緻化作業）について - White Box ブランディング＆デザイン｜ブランドグラフ](https://www.brandgraph.com/whitebox/vi%5Fci%5Fbrandlogo-brushup/) 指定されたURLのページは403 Forbiddenエラーによりアクセスが拒否されており、コンテンツを閲覧することができません。 [GitHub - yournextstore/yournextstore: Modern Commerce with Next.js and Stripe as the backend.](https://github.com/yournextstore/yournextstore) Stripeを採用した、AI-NativeなオープンソースのNext.jsコマースです。typesafe Commerce SDKによる超高速な動作を実現しており、Claude、Codex、CursorなどのAI開発に最適化されています。