並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 1445件

新着順 人気順

NUXTの検索結果321 - 360 件 / 1445件

  • UnoCSS を知る、まずは経緯から

    👋 はじめに ナイトウ(@engineer_naito)と申します。 今回は CSS フレームワーク Atomic CSS エンジンである UnoCSS について紹介したいと思います。 🧐 想定読者 Tailwind CSS などの CSS フレームワークを利用したことのある開発者であればスラスラ読めると思いますが、初学者の方であっても問題なく読めると思います。 (なぜならばぼく自身が CSS フレームワークを使ったモダンフロントエンド開発の経験がないからです 🙋‍♂️) 🗾 UnoCSS と日本 UnoCSS は軽量かつ柔軟な Atomic CSS エンジンであり、現在最も注目を集めている CSS ツールの一つです。 人気調査サイトの結果によると、ここ 2, 3 年で確かに人気や知名度が上昇しています。 しかし、日本ではどうでしょうか? Zenn で「UnoCSS」と検索してみま

      UnoCSS を知る、まずは経緯から
    • 面倒な仕事やサイト作成がたった2日でマスター可能!人気のPythonやWordPressでスキルアップできる「Udemy」初夏のビッグセール

      「新たなスキルを身につけて年収UPを目指したい」「プログラミングで仕事を自動化して楽に稼ぎたい」と日々思っている人は少なくないはず。しかし、いざ学習を始めようとしても忙しい毎日の中から時間を確保するのは難しいものです。ちょうど講座をムービー形式で受講できる学習プラットフォームの「Udemy」が5月27日(木)まで初夏のビッグセールを行っており、丁寧で分かりやすい解説講座が1270円~受講可能とのことで、忙しい毎日を送っていても週末の2日間だけで学習を完了できそうな短期集中型の講座をピックアップしてみました。外出がおっくうになる梅雨の季節や、ステイホームをうまく活用するために、この機会に買いだめしておくのがオススメです。 オンラインコース -世界最大級のオンライン学習プラットフォーム- Udemy https://www.udemy.com/ ・目次 ◆1:WordPressの使い方を習得し

        面倒な仕事やサイト作成がたった2日でマスター可能!人気のPythonやWordPressでスキルアップできる「Udemy」初夏のビッグセール
      • JavaScript / TypeScript全体研修を実施 ~歴史あるサービス保守からモダンフロント開発まで幅広く手掛ける為に~ | NIJIBOXのフロントエンドエンジニア

        フロントエンドグループ JavaScript / TypeScript全体研修を実施ニジボックス フロントエンド開発室の高橋です。 3月4日、3月11日の2日間にかけて弊社、株式会社ニジボックスのフロントエンドグループ全体を対象にJavaScript, TypeScriptの全体リモート研修を実施しました。講師にはリクルートから3名のプロフェッショナルをお招きしました。参加者は総勢で50名近くになりました。 今回この研修の企画運営メンバーの一人として携わりましたので、研修当日の雰囲気や研修後の成果を含めてご紹介させていただきます。 ニジボックスフロントエンドグループの現状と課題ニジボックスフロントエンドグループはSUUMO, ゼクシィをはじめとしたリクルート内のWebサービスのフロントエンド業務に幅広く関わっています。 業界も様々ですが、使用している技術や開発フローもプロダクトによって大き

          JavaScript / TypeScript全体研修を実施 ~歴史あるサービス保守からモダンフロント開発まで幅広く手掛ける為に~ | NIJIBOXのフロントエンドエンジニア
        • GraphQLはサーバーサイド実装のベストプラクティスとなるか - Qiita

          この記事は GraphQL Advent Calendar 2020 14 日目の記事です。 前回の記事は @joe-re さんの 「ライブラリの実装からCursor-based paginationにおけるcursorのフォーマットのベストプラクティスを探る」 でした。 前置き GraphQLは2010年代後半に出てきた技術の中でも個人的に特に強力なアプリケーション実装パターンの一つだと思っているのですが、シンプルな実装なのに利用用途が豊富にあることと利用する立場が違うと全く印象を抱く事から全体像を掴みづらく、本来持つべきポテンシャルに対してまだ認知が広がっておらず利用されていないように感じます。 今回はサーバーサイドからの視点を中心にGraphQLを構築する要素を分解して解説するのとともに、それを利用した際にWebアプリケーション開発やそれに関わるエンジニアに起きうる変化について書いて

            GraphQLはサーバーサイド実装のベストプラクティスとなるか - Qiita
          • AstroとmicroCMSでつくるブログサイト

            === 更新履歴 2024/1/10: MicroCMSQueriesをインポートするときにType-Only Imports and Exportを使用するように変更しました。 === こんにちは、microCMSの松田です。 今回は2022年8月に1.0バージョンを公開したAstroを使ったチュートリアルをお届けいたします。 Astroとは?Astroは静的サイトジェネレーターの一つです。 そのGitHubリポジトリには2022年9月時点で2万弱のスターが付けられています。 https://astro.build/ 数ある静的サイトジェネレーターの中でなぜAstroを選ぶのか公式のドキュメントで解説されています。 https://docs.astro.build/en/concepts/why-astro/ ここで書かれていることを簡潔にまとめると以下のような内容です。 Astroはウ

              AstroとmicroCMSでつくるブログサイト
            • 2022年9月の、これだけは押さえておきたいWeb関連の動き

              「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン AdobeのFigma買収とAdobe XDのこれから 9月の大きなニュースは、やはりAdobeによるFigma買収だと思います。このブログでも記事にしています。 関連: Adobe、Figmaを約2.9兆円で買収へ デザインコラボツール大手 フォトショップの作業が楽になる、覚えておきたい小技テクニック18選 とても有益ですが、レイヤーの複製はoption+ドラッグではなくcommand+Jの方が速いと思います。 ちょうどいいWebデザインギャラリー そのWebサイトのいいところが言語化されているギャラリーサイトです。 Screen Sizes iPhone・iPadなどのスクリーンサイズま

                2022年9月の、これだけは押さえておきたいWeb関連の動き
              • Vuex ストアに TypeScript の型を付ける(2020年12月版) - STORES Product Blog

                業務委託で STORES の開発をしている @inouetakuya です。 下記の記事(2020/09/14)にあるように、STORES では TypeScript の導入を進めています。 プロダクトに途中から TypeScript を導入した話 - STORES Tech Blog 現状、新規に記述するコードについては TypeScript で書いていっているのですが、既存のコードではまだ JavaScript のままになっているものも残っています。 今回の記事ではそれらの既存のコードのうち、Vuex ストアに関するコードをどのように TypeScript で書き換えていったかをお伝えしたいと思います。 環境 対象とした環境は下記のとおりです。 TypeScript v3.9.7 NuxtJS v2.14.5 Vue.js v2.6.12 Vuex v3.5.1 Vuex Type H

                  Vuex ストアに TypeScript の型を付ける(2020年12月版) - STORES Product Blog
                • 最近Sassを使ってないなぁって話

                  最近Sassを使ってないなぁって話初学者向けの記事やSNSの投稿で「Sassはマジで必須!」なんて書いているのを見かけますが、私の場合、そういえば最近は素のCSSばかりでSassは使っていないなーと思ったので記事にしてみます。私自身Sassが大好きでずっとお世話になっていましたが、CSSの進化も著しく、使い所があまりなくなってきているんですよね。 変数やネスト、計算は CSS だけで OK過去記事「Sass 不要!CSS だけでも変数やネスト、演算子が使えるよ!」でも書いたとおり、Sass のメリットでもある変数やネスト、数値の計算は CSS だけでも可能です。 変数は過去記事「CSS で変数(カスタムプロパティ)を使ってみよう」で紹介したように、メディアクエリーによって柔軟に変化させたい時は、Sass よりも CSS のカスタム変数の方が便利です。計算式を使いたいときも、CSS なら異な

                    最近Sassを使ってないなぁって話
                  • Vue / Vite 関連ライブラリー名の読み方 2024

                    Vue/Vite 関連のライブラリー名の読み方は間違えられやすいものが多く、混乱を招くことがあります。この記事では、2024 年現在における Vue/Vite 関連ライブラリーの正式な読み方や由来をまとめ、正しい知識を共有することを目的としています。 Vue フロントエンド UI フレームワークのひとつ。 「ヴュー」と読む(口語だと「ビュー」と発音することが多い)。 Vue(発音は /vjuː/、view と同様) https://ja.vuejs.org/guide/introduction.html#what-is-vue Pinia Vue 公式の状態管理ライブラリー。 「ピーニャ」と読む。スペイン語で「パイナップル」を表す単語 piña に由来。 「ピニア」ではない。 Pinia (pronounced /piːnjʌ/, like "peenya" in English) htt

                      Vue / Vite 関連ライブラリー名の読み方 2024
                    • 心配性の僕がユビーに入社するまで|issei

                      3月からソフトウェアエンジニアとしてUbie(ユビー)株式会社にジョインしたissei(@igreenwood)です。現在はAI受診相談ユビーの開発を担当しています。入社してそろそろ1ヶ月が経とうとしているので、入社エントリ的なものを書いてみます。 こんな人に読んで欲しい・ユビーに興味があるけど、持っているスキルがマッチしてないので今一歩踏み出せない人 ・ユビーに興味があるけど、強い人たちの中に飛び込むことに不安を感じている人 自己紹介ソフトウェアエンジニアになって2021年で約9年になります。スタートアップを中心に、いくつかの会社でtoC向けのAndroid/iOSアプリケーションを開発してきました。ユビーではAI受診相談ユビーの開発を担当しています。 心配性でアガリ症の33才です。 10年目にして未経験の分野に移るのは不安がいっぱい10年近い間Androidメインのエンジニアとしてやっ

                        心配性の僕がユビーに入社するまで|issei
                      • Webページ用UIフレームワーク「Svelte」とは? プレーンで軽量なJavaScript生成を体験しよう!

                        「Svelte」はWebページ用UIフレームワークで、コンパイル時にプレーンなJavaScriptを生成するといった特徴があります。本連載ではSvelteの活用方法を順を追って説明していきます。初回となる今回は、Svelteの概要と特徴を説明するとともに、実際にプロジェクトを作成して実行させ、Svelteを体験します。 はじめに WebページのUIを構築するためのライブラリやフレームワークは、ReactやVue.js、Angularといったさまざまなものが存在します。本記事で取り上げるSvelteも、そのようなフレームワークの1つです。 図1 Svelteの公式ページ 他のライブラリやフレームワークでは、それ自体のコードがブラウザーに読み込まれて実行されるのに対して、Svelteでは、Svelte自身のコードを含まないプレーンなJavaScriptをコンパイルで生成するため、実行ファイルサ

                          Webページ用UIフレームワーク「Svelte」とは? プレーンで軽量なJavaScript生成を体験しよう!
                        • DELISH KITCHEN のサービスとバックエンドシステムのお話 - every Tech Blog

                          自己紹介 はじめまして。DELISH KITCHENバックエンドチームのマネージャーをやっている内原です。 本日はDELISH KITCHENにおける、バックエンド観点でのシステム紹介を行います。この紹介によりDELISH KITCHENの開発に興味を持ってもらえると嬉しいです。 はじめに DELISH KITCHENのサービス全体像とバックエンドシステムの構成や仕様などを紹介します。 ご覧の通り、複数のマイクロサービスが様々なミドルウェアを利用しつつ、DELISH KITCHENサービスの提供を実現しています。 DELISH KITCHENのサービス全体像 DELISH KITCHENの一番主要な機能は、レシピ動画を提供することでお客様の料理体験をよりよいものにすることです。 これだけ聞くと、単に動画を配信しているだけのサービスのように思われるかもしれませんが、実際には料理にまつわる様々

                            DELISH KITCHEN のサービスとバックエンドシステムのお話 - every Tech Blog
                          • ANDPADで韻を踏む - ANDPAD Tech Blog

                            この記事は ANDPAD Advent Calendar 2022 の 4日目の記事です。 ごあいさつ はじめましてアンドパッドでQuality Controlをやっている冨士川です。 1974年生まれのアンドパッド内でもかなり年齢高めのメンバーとして頑張っております。 先日、ジブリパークに行きとても楽しかったので写真を貼ってみました。 シータを助けたり、カプローニと夢を語り合ったり大満足でした! アンドパッドラップを始めたわけ さて、私は2021年7月にアンドパッドにJoinしました。 新しい会社に入ったばかりの私は、何か新しいことに挑戦したいなと考えていました。 「アンドパッドには製品がたくさんあり、それぞれの製品について知りたい」 「前からラップをやってみたかったな」 この2つの思いを融合させ、アンドパッドの各製品でラップをすると良さそう!という結論にたどり着き、 毎朝アンドパッドに

                              ANDPADで韻を踏む - ANDPAD Tech Blog
                            • WinterJS 1.0 · Blog · Wasmer

                              Back to articlesWinterJS 1.0Announcing WinterJS 1.0, the fastest Javascript web server now also supporting Cloudflare applications and React Server Components WinterJS 1.0 is finally here. WinterJS is an incredibly fast WinterCG-compatible Javascript runtime written in Rust using the SpiderMonkey engine to execute JavaScript, and Tokio to handle the underlying HTTP requests and JS event loop. Wint

                                WinterJS 1.0 · Blog · Wasmer
                              • ヘッドレスCMSの全体観を掴む | ヘッドレスCMSの本質

                                コンテンツ管理システムの歴史 なぜ、このような新しい性質を持つコンテンツ管理システム(CMS)が求められるようになったのでしょうか。その理由を知るためには、CMSの歴史と時代背景について知ることが一番の近道になります。 1990年代中頃: CMSの誕生 1990年にWorld Wide Webが登場してから、しばらくの間、WebサイトはHTMLの手動編集によってのみ管理されていました。しかし、次第にWebサイトの規模や複雑性が増していき、手作業でのコンテンツ管理が困難になります。 そして、1990年代中頃、HTMLの手動編集によるWebサイト運営の非効率を解消するためのソリューションとして、最初のCMSが登場します。この時、多くの企業が自作のカスタムCMSを作り、いくつかのエンタープライズ向けCMSも登場しました。 2000年代初頭: オープソース化による急速な普及 2000年代前半になる

                                  ヘッドレスCMSの全体観を掴む | ヘッドレスCMSの本質
                                • 【2024年版】エンジニア必見 生産性があがるチートシート集 - Qiita

                                  1. 生成AIチートシート もはやエンジニアの必須ツールとなってきた生成AI。ペアプロやエラー対応などプログラミングに関わるところから、ビジネス判断におけるブレスト相手として、日常の些細なタスクにまで対応する強い味方です。またそれら生成AIを応用したAIエージェントやワークフローを用いたプロダクトなどの開発も日進月歩で進んでいます。 本パートでは、日々進化する生成AIを最大限に活用できるよう、多種多様な生成AIを一覧化して網羅したものから、それらの利用方法・プロンプトエンジニアリングにまで踏み込んだチートシートを集めました。 プロンプトエンジニアリング ソフトバンク - ChatGPTから高度な回答を引き出すプロンプト文例集 業務に使えるプロンプトが幅広く掲載されており、実用的です! マイナビ - プロンプトエンジニアリング・チートシート マイナビから公開されているチートシート。役割の設定

                                  • Vue.js を使った副業のリアル。スタートアップでの働き方と注意点 | Offers Magazine

                                    「Offersエージェント」では、業界で活躍するプロフェッショナルがあなたの転職を徹底サポート。CxO経験者を含む現役エンジニア・デザイナー・プロダクトマネージャーが在籍し、職種に特化した専門的なアドバイスをご提供・非公開求人の紹介も可能です。 →【かんたん30秒】無料登録で転職相談する ▲イベント登壇時の写真 これまで本業の傍ら、フロントエンドの副業を複数受けてきました。今回はその経験から得られたものや、これから副業を検討される方に向けての注意点を紹介します。​ まず私が副業を始めた理由は2つ。家賃を副業の収入でまかなえるようにすることと、本業では経験できないことに挑戦してスキルアップを図りたいと思ってのことでした。 副業を始めようと思った当時、私はクライアントワークをメインとしているWeb制作会社に所属していました。クライアントワーク自体は楽しかったのですが、納品して終わりという業務を

                                      Vue.js を使った副業のリアル。スタートアップでの働き方と注意点 | Offers Magazine
                                    • 【2023年総まとめ】特に秀逸だったWebサイト|9組のキュレーターでお届けする特別版|S5-Style

                                      2023年もあと数日ですね⛄️🎍 毎年この時期になると、その年に印象的だったサイトをご紹介する記事を書かせていただいていましたが、なんと今年は、僕だけではなく、日頃からWebデザインへのアンテナの感度の高い『8組のゲスト』をお招きした特別企画をお届けします。 毎年楽しみにしていた方も、初めて見てくださる方も、 S5-Style Presents 「2023年総まとめ 特別版」をお楽しみください!😃 それでは、まずこちらの方からからです! -- 01 平尾 誠 (ARUTEGA Inc)👤💬 素晴らしいサイトの中から、題材が難しいサイトや、情報設計が秀逸なサイトを気づいたら選んでいました。今回の企画に参加するにあたり、普段からいろんなサイトに追いつきたくて、モチベーションをいただけている事に気づけました。 株式会社HA-RUhttps://ha-ru2017.co.jp/島根のダクト

                                        【2023年総まとめ】特に秀逸だったWebサイト|9組のキュレーターでお届けする特別版|S5-Style
                                      • TypeScript でメソッドチェーンしたら推論される引数が増えていくやつ - エムスリーテックブログ

                                        こんにちは、エムスリーエンジニアリンググループ Unit5 (Consumer) チームの園田です。 今回は大きな実装ではなく、TypeScript のちょっとしたテクニックを Next の API ルートを題材に書いてみます。 想定読者は TypeScript 初心者の方です。TypeScript 強者の方はどうぞ温かい目で見てください。 はじめに モチベーション 実装のポイント 試行錯誤 関数で何度も囲む形式 引数指定 + オーバーロード 実際に辿った実装手順 最終的なコード Class 構文での実装 まとめ We are hiring はじめに まずは何を作ったのかご覧ください。 NextApiHandler の Factory できた メソッドチェーンで引数が増えてくやつ hono の zValidator を意識したけど、ハンドラの引数として Zod を渡すのではなくメソッドチェ

                                          TypeScript でメソッドチェーンしたら推論される引数が増えていくやつ - エムスリーテックブログ
                                        • ブラウザでマークダウンを編集!? Nuxt Studioことはじめ - ICS MEDIA

                                          以前の記事「マークダウンの力を引き出す! Nuxt Contentで快適なウェブサイト制作」では、Nuxt Contentについて紹介しました。Nuxt ConetentはVue.jsのフレームワークであるNuxtのモジュールで、マークダウンなどのコンテンツからサイトを作る強力なプラグインです。 Nuxt Contentそれ自体も強力なコンテンツ管理、運用システムですが、WordPressやヘッドレスCMSといった既存のコンテンツ管理システムと比べると以下の課題があります。 マークダウンの知識が要求されるため、コンテンツの作成が難しい Nuxtを起動する必要があるため、環境構築する必要がある つまり、「開発者しかコンテンツが作成できない」のが大きな課題です。 Nuxt Contentを使いつつその課題を解決するのがNuxt Studioです。Nuxt StudioはNuxtのモジュールでは

                                            ブラウザでマークダウンを編集!? Nuxt Studioことはじめ - ICS MEDIA
                                          • PRPLパターンで「ロリポップ!」「ヘテムル」のWordPressを爆速にしよう - Pepabo Tech Portal

                                            リモートワークを長期的に続けるには、何かと工夫が必要だなと感じていて、ずっと筋トレ不足を解消したいと考えていました。昨日、懸垂バーを買ったらネジが一本しか入ってなくて、全く使えない鉄屑を前にネジが一式送られてくるのをまだかと待ちわびているlinyowsです。みなさん元気にお過ごしですか? 今日は、「GitHub Actionsで「ロリポップ!」「ヘテムル」をもっと便利に使おう」の記事の続編?にあたる、ブログやサイトを作る上で欠かせないWordPressを、低コストに爆速にする方法をご紹介します。少し、難易度は上がるかもしれません。 WordPressは、利用方法の一つとしてレンタルサーバーに設置して使います。レンタルサーバーは、サーバーリソースを利用者と共有することで安価になるのですが、リソースを共有している以上、パフォーマンスに優れているわけではありません。Googleは、マルチデバイス

                                              PRPLパターンで「ロリポップ!」「ヘテムル」のWordPressを爆速にしよう - Pepabo Tech Portal
                                            • 複数の開発チームの機能開発を止めずに Nuxt3 へアップデートしました - ANDPAD Tech Blog

                                              はじめに 背景 1. 大きなリリースによるアップデートに失敗した 2. 機能開発を止めずにお客様へ価値提供したかった 課題 リリース管理の複雑さ 取り組んだこと 1. 変更予定の内容と実施時期を透明化する 2. アップデート作業による変更量を小さく頻繁にリリースする 2.1. Nuxt Bridge を利用してアップデートする 2.2. 互換レイヤーを作成してアップデートする 2.3 codemod script を作ってアップデートする おわりに はじめに SWE の sunecosuri です。 アンドパッドでは多くのプロダクトで Nuxt を使用しており、 使用していたバージョンの Nuxt2 が EOL を迎えたため、 Nuxt3 へアップデートしました。 この記事では、複数のプロダクトチームが開発する環境でどのように 機能開発を止めずに Nuxt のメジャーアップデート に取り組

                                                複数の開発チームの機能開発を止めずに Nuxt3 へアップデートしました - ANDPAD Tech Blog
                                              • 「アウトプットが大切」「FBがもらえるものを作る」 3人の女性エンジニアそれぞれの最新技術キャッチアップ法

                                                働く女のワーク&ライフマガジン「Woman type」が女性エンジニア限定コミュニティ『Code Polaris(コード ポラリス)』とともに、女性エンジニア向けオンラインイベントを開催しました。テーマは「女性エンジニアのキャリアのお悩み相談室」。女性エンジニアの「長く働く」を阻む壁、自分らしいキャリアを築いていくための秘訣について、大平かづみ氏、松井菜穂子氏、千代田まどか(ちょまど) 氏が自身の経験も踏まえて話しました。全4記事。2回目は、視聴者が一番感じている最新技術のキャッチアップの不安について。 世代を問わず一番不安を感じる技術のキャッチアップ 司会者:今回セミナーをやるにあたって、女性のエンジニア約100名にアンケート調査を実施しています。大きく2つ、今後のキャリア不安というところで出てきたものをピックアップしたので、みなさんにもご意見をうかがっていければなと思っています。 20

                                                  「アウトプットが大切」「FBがもらえるものを作る」 3人の女性エンジニアそれぞれの最新技術キャッチアップ法
                                                • Vue2のプロジェクトをVue3へマイグレーションする

                                                  Vue 3が正式リリースされてから約1年が経過しました。 Vuetifyのリリース目標である2021年Q3も近づく中でそろそろVue3へのアップデートを検討されている方もいらっしゃることでしょうか? この記事ではVue 2からVue 3への移行手順を記述していきます。 参考用のプロジェクトとして以下レポジトリを用意しました。 Vue 2からの移行を体験してみたい場合には、vue2-todo-appのタグにチェックアウトしてください。 移行ビルドを使用する Vue 2からVue 3へ移行するためのツールとして、公式から@vue/compatが提供されています。 @vue/compatを使用すると、Vue 2モードで動作するため、Vue 3で削除や非推奨になったAPIも一部の例外を除いてそのまま使用することができます。Vue3 で削除で非推奨になった機能は実行時に警告が出力されるようになります

                                                    Vue2のプロジェクトをVue3へマイグレーションする
                                                  • RailsアプリケーションをVercelにデプロイしてISRする

                                                    「Nuxt3でのISR対応について調べる」や「Serverless FunctionsのCustom Runtimeを構築する」を経て、Vercelだいたい分かった状態になったため更に発展させてRailsでISRを動かす実験をしてみた。 条件 VercelのServerless Functionのruby27ランタイム(AWS Lambdaと同等)上で動かす a. Custom Runtimeで全部やるのはたいへんそうなので考えない Build Output API (v3) を使ってOn-Demand Incremental Static Regenerationする a. JavaScriptフレームワーク以外でもできるんじゃない? という部分を検証したい せっかくRailsアプリケーションなのでViewやARも使ってMVCしたい データベースはPlanetScaleのMySQL互換サ

                                                      RailsアプリケーションをVercelにデプロイしてISRする
                                                    • CodeGuessr

                                                      Welcome to CodeGuessrA game for nerds, by a nerd (@healeycodes) What popular open source repository is this code from? Round 1/10, Score 0 airbnb/javascriptangular/angularangular/angular.jsansible/ansibleant-design/ant-designapple/swiftatom/atombabel/babelbitcoin/bitcoincaddyserver/caddychartjs/Chart.jscypress-io/cypressd3/d3denoland/denodjango/djangoelastic/elasticsearchelectron/electronethereum/

                                                      • PhpStorm(またはWebStorm)でESLint設定でリフォーマットしたい時の設定メモ - mlog

                                                        ここのところ、Nuxt.jsを試しているのですが、PhpStorm環境でコーディングしていると、コード中にESLintからのエラーメッセージがあふれます。 敬愛するPhpStormさんなら、ReformatショートカットでESLintのフォーマットでReformatしてくれるかと期待しましたが、残念ながら適用されず。 ESLintフォーマットで調整したものをうっかりReformatしてしまうと、ESLintフォーマットが破棄されてPhpStormで設定しているフォーマットでRefomatされてしまします(´・ω・`;) なんとか、ESLintでReformatしてくれないものかと、情報を探していたら、以下のページを見つけました。 How to make WebStorm format code according to eslint? 以下、ESLintフォーマットでReformatしたい

                                                          PhpStorm(またはWebStorm)でESLint設定でリフォーマットしたい時の設定メモ - mlog
                                                        • アーキテクトを目指すなら知っておきたいアーキテクチャ設計のトレンド変遷、そして必要な能力と考え方

                                                          エンジニアからアーキテクトを目指す方や、アーキテクトとして仕事を始めたばかりの方は、アーキテクトの仕事やアーキテクチャ設計のトレンド、さらにどんなスキルが必要なのかをまず理解しておくことが大切です。今回は長年アーキテクトとして活躍されている米久保剛さんの著書『アーキテクトの教科書』(翔泳社)から、アーキテクトの定義や職務、アーキテクチャ設計のトレンド推移、そして米久保さんが考えるアーキテクトとして備えておくべき能力と考え方について解説します。 本記事は『アーキテクトの教科書 価値を生むソフトウェアのアーキテクチャ構築』の「第1章 アーキテクトの仕事」から一部を抜粋したものです。掲載にあたって編集しています。 アーキテクトの定義 複雑な構造物であるソフトウェアにおいて非常に重要なアーキテクチャを適切に設計するには、ソフトウェア開発業務に関わる幅広い知識や経験が必要とされます。そのため、アーキ

                                                            アーキテクトを目指すなら知っておきたいアーキテクチャ設計のトレンド変遷、そして必要な能力と考え方
                                                          • App Router でのパンくずやナビメニューの作成に useSelectedLayoutSegments が便利

                                                            Leaner Techonologies の @corocn です。 最近 Nuxt.js のアプリを Next.js + App Router に載せ替えたのですが、メニューの描画に useSelectedLayoutSegments が便利だったので軽く紹介します。 実は App Router のドキュメントをちゃんと読んでいくと、Functionsの最後で紹介されています。 何ができる? メニューを描画するときに、現在のページのメニューだけ下線や太字で装飾したいケースがありますよね。このとき普通に実装しようとするとURLからベースとなるパスを除いた上で分割して...など若干面倒です。 useSelectedLayoutSegment(s) を使うと、レイアウトを起点として、URLをいい感じにパースして返してくれるのでスッキリ書くことができます。 単数形(segment)と複数形(se

                                                              App Router でのパンくずやナビメニューの作成に useSelectedLayoutSegments が便利
                                                            • STORESのダッシュボードをリニューアルしました

                                                              娘と机を並べて仕事をし、天気が良ければ昼の休憩時間に散歩をする。毎日顔を合わせて議論をしてきた仲間たちが、画面の向こうにいるなんて想像だにしていなかったけれど、それでも前を見て進めていること、大きな混乱もなく今日を迎えられたことにホッとしています。 この半年ほど、STORES のデザインチーム、フロントチームとともに、STORES のダッシュボード(ストアオーナーさん向け管理画面)のリニューアルに取り組んできました。 8 年続く STORES というプロダクトの全体を理解するところからはじまったリニューアルプロジェクトでしたが、ようやく 2020 年 5 月 19 日にリニューアルを迎えることができ、まあここからが本当のはじまりなわけなんですけど、区切りとしてこのテキストを書いています。 このテキストは、リニューアルにあたりどんなことをしたかを書いていますが、プロジェクト/デザインのリード

                                                                STORESのダッシュボードをリニューアルしました
                                                              • モバイルゲーム会社の機械学習グループを立ち上げた話 - Qiita

                                                                それぞれの指標は、途中参加したメンバーや失敗したジョブなども含むため実態より若干上振れているはずですが、誤差は2割以内だと思います。このプロジェクトでは、研究アイデアを平均$\frac{C}{AB} \approx 4.3$件/人月のペースで実装し検証することができています。どのメンバーも複数のプロジェクトを掛け持ちしているので、実際の1人あたり生産性はこの数倍と考えればかなりのハイペースではないでしょうか。実験では深層生成モデルをスクラッチから訓練しているので、1試行に平均$\frac{E}{D} \approx 14$GPU時間を要しています(4GPU並列で計算しているので実時間では3.5時間程度です)。従量課金であれば試行回数を「節約」してしまいたくなる規模ですが、スパコンITOを活用して研究アイデア1つあたり$\frac{D}{C} \approx 25$試行ずつ実験しています。こ

                                                                  モバイルゲーム会社の機械学習グループを立ち上げた話 - Qiita
                                                                • Cloudflare Workers のためのフルスタックツールキット Superflare を試してみた

                                                                  Superflare は Cloudflare Workers 用のフルスタックツールキットです。D1 Database 向けの ORM や R2 Storage 向けのユーティリティなどの機能を提供しています。 Superflare 自体はフレームワークを謳っておりません。実際に、Superflare は Remix、Next.js、Nuxt.js などのフレームワークと組み合わせることで効果を発揮します。 Getting Started Cloudflare Workers アカウントの作成 Cloudflare Workers を動かすためには(ローカル環境も含めて)Cloudflare Workers のアカウントを作成する必要があります。アカウントを作成するには下記サイトから「Sign up」をクリックします。 プランの選択は無料プランである「Free」プランで問題ありません。

                                                                    Cloudflare Workers のためのフルスタックツールキット Superflare を試してみた
                                                                  • 約9年在籍したnoteを卒業します! [退職エントリ]|福井 烈 | Nstock

                                                                    2015年3月に入社し、9年4ヶ月在籍したnoteを卒業(退職)することにしました。本日7/24が最終出社で、退職日は7/31となります。 これまでnoteで関わって頂いた方への感謝の意を伝えるとともに、入社から退職に至るまでの話を振り返っていこうと思います。 noteへの入社のきっかけ2014年。私の人生に大きな転機が訪れます。 青森に住む義父が癌(ステージ4)を患い、サポートする必要が出てきました。当時神奈川県に住んでいた私たち家族は、介護問題に直面し、仕事をどういった形で続けていくべきか、いくつかの選択肢を検討することになりました。選択肢としては、 青森で就職する 青森で起業する 都内の会社に勤めながらリモートワーク の3つがありました。 当時、リモートワークを採用する企業は今ほど多くはありませんでしたが、ソニックガーデンさんやKAIZEN PLATFORMさんなど少しずつ事例が出始

                                                                      約9年在籍したnoteを卒業します! [退職エントリ]|福井 烈 | Nstock
                                                                    • pzuraq | Four Eras of JavaScript Frameworks

                                                                      April 25, 2022 Four Eras of JavaScript Frameworks April 25, 2022 I started coding primarily in JavaScript back in 2012. I had built a PHP app for a local business from the ground up, a basic CMS and website, and they decided that they wanted to rewrite it and add a bunch of features. The manager of the project wanted me to use .NET, partially because it’s what he knew, but also because he wanted i

                                                                        pzuraq | Four Eras of JavaScript Frameworks
                                                                      • Move on to ESM-only

                                                                        [[toc]] Three years ago, I wrote a post about shipping ESM & CJS in a single package, advocating for dual CJS/ESM formats to ease user migration and trying to make the best of both worlds. Back then, I didn't fully agree with aggressively shipping ESM-only, as I considered the ecosystem wasn't ready, especially since the push was mostly from low-level libraries. Over time, as tools and the ecosyst

                                                                          Move on to ESM-only
                                                                        • Nuxt.js の既存プロジェクトの型チェックを厳格化した話 ~vue-tsc と tsconfig/strictest 導入までの道のり~ - ANDPAD Tech Blog

                                                                          ANDPADフロントエンドエンジニアの小泉(@ykoizumi0903)です。Vue / Nuxt での開発を行っています。 このテックブログでも、 Vue Composition API を使った開発にまつわる記事を過去に何件か書いていますが、現在担当しているプロダクトの開発に携わるようになって2年ほど経ち、いわゆる技術的負債と呼ばれるようなものも少しずつ増えてきました。 そういった状況を改善するアプローチの1つとして、Nuxt.js の既存リポジトリにおける型チェックのルールをより厳しい設定に変更する、という取り組みを2ヶ月ほどかけて行いました。 今回はその取り組みにおける道のりを振り返って、苦労したことや良かったことなどを書いてみたいと思います。 導入を決めるまでの流れ きっかけは noUncheckedIndexedAccess を知ったことから 弊社のSlackにはtimes文化

                                                                            Nuxt.js の既存プロジェクトの型チェックを厳格化した話 ~vue-tsc と tsconfig/strictest 導入までの道のり~ - ANDPAD Tech Blog
                                                                          • What's New In DevTools (Chrome 95)  |  Blog  |  Chrome for Developers

                                                                            New CSS length authoring tools DevTools added an easier yet flexible way to update lengths in CSS! In the Styles pane, look for any CSS property with length (e.g. height, padding). Hover over the unit type, and notice the unit type is underlined. Click on it to select a unit type from the dropdown. Hover over the unit value, and your mouse pointer is changed to horizontal cursor. Drag horizontally

                                                                            • When should you use Zod?

                                                                              Matt PocockMatt is a well-regarded TypeScript expert known for his ability to demystify complex TypeScript concepts. You're an engineer. You're building something. The thing you're building probably has inputs - points at which data is injected. Let's say you're building a CLI called matt: matt run <something> Here, <something> is the input. It's the thing that tells the program what to do. It's t

                                                                                When should you use Zod?
                                                                              • Vue3の一歩踏み込んだパフォーマンスチューニング2024

                                                                                VueFes2024 セッションにてお話しさせていただきました。 ## URL https://vuefes.jp/2024/en/sessions/hal ## 概要 弊社ではユーザー向け機能、及び業務支援システムをVue/Nuxtで構築しており、昨年12月にはVue/Nuxt3へのマ…

                                                                                  Vue3の一歩踏み込んだパフォーマンスチューニング2024
                                                                                • 📝 Vue Fes Japan Online 2022 / 見たセッションメモ - memo_md

                                                                                  vuefes.jp 一日セッション見つつメモを残したので、個人ブログに放り投げておく。 殴り書きなので何の清書もしてないし、誤字脱字もチェックしてないです!!! Keynote | The Evolution of Vue / Evan You https://vuefes.jp/2022/sessions/yyx990803 0.x系の Pre バージョン時代の話 ES5のみのFeatureを前提にする必要があった 1.0のコードネームってEvangelionだったのか.. 2015-2016でのコアなライブラリ群の追加が多かったらしい。Vue Router とかVuex 大規模SPAアプリケーションの構築の解決狙い Vapor Mode Virtual DOM への依存がない パフォーマンス特化でのプリビルド 今後 Vue2→3の移行期という認識 30%が Vue3, 25%が 2.7

                                                                                    📝 Vue Fes Japan Online 2022 / 見たセッションメモ - memo_md