並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 38 件 / 38件

新着順 人気順

スタイルガイドの検索結果1 - 38 件 / 38件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

スタイルガイドに関するエントリは38件あります。 プログラミングprogrammingenglish などが関連タグです。 人気エントリには 『IT英語スタイルガイド | IT英語スタイルガイド』などがあります。
  • IT英語スタイルガイド | IT英語スタイルガイド

    大手ITスタイルガイドがベースGoogleやMicrosoftなど大手IT企業の英語スタイルガイドの基準がベース。一般的な英語表記から外れません。

      IT英語スタイルガイド | IT英語スタイルガイド
    • 「分析SQLスタイルガイド」をかなり真面目に考えた - Qiita

      目次 なぜSQLのスタイルガイドが重要なのか この記事の目的 この記事の対象者 分析SQLスタイルガイドの指針 基本ルール 命名規則 インデントルール 別名ルール joinルール クエリ分割ルール ⭐ コメント欄で「いや私はこう思う!」という意見をたくさんいただきました!ぜひそちらも御覧ください!(決して揶揄ではないです) なぜSQLのスタイルガイドが重要なのか SQLはプログラミング未経験者でもとっつきやすい言語と言われ、エンジニアや分析を本業としていない人でもSQLを使う機会が増えてきていると思います。 そんなSQLですが、こちらのブログでも指摘されている通り、一般的なスタイルガイドが定まっていません。スタイルガイドとはコードの書き方マナーようなもので、どこで改行するか、空白はいくつ入れるか、大文字を使うかなどの諸々を指します。 もしスタイルガイドが無いとこんな事が起こります コードに

        「分析SQLスタイルガイド」をかなり真面目に考えた - Qiita
      • Terraform 公式がスタイルガイドを出したので読んで要約した - Qiita

        3/30 に X で Terraform がトレンド入りしていて何事かと思ったら Terraform が公式ドキュメントとしてスタイルガイドを出したようです。 Terraform Style Guide いままで Terraform のスタイルに関して信頼できるドキュメントといえば Google Cloud の Terraform を使用するためのベスト プラクティス ぐらいしか知らなかったのですが、 Terraform 公式がようやく出してくれてありがたい限りです。 これでわざわざ社内の Terraform 規約を設けずとも「公式ドキュメントに従いましょう。」の一言で済みます。 ということで一通り読んだのでまとめました。 原文だと構文の簡単な使い方なども書いてありますが以下の要約ではだいたい省略しています。 詳細は原文を読んで確認してください。 要約 スタイルガイドについて コードのスタ

          Terraform 公式がスタイルガイドを出したので読んで要約した - Qiita
        • TypeScript 型レベルプログラミング フリースタイルガイド - Object.create(null)

          TypeScript の型レベルプログラミングのための真面目なスタイルガイドではありません. 型なしラムダ計算で喜ぶような人間が使うための諸刃の剣です. この記事の内容は TypeScript の 2022 年 1 月時点での最新版である 4.5.4 に基づいています. 将来のバージョンでの妥当性は保証しません. 「型〜」「〜型」という用語の「型」はしばしば省略します. 値レベルの話題は一切登場しません. 以前作った型レベル Brainfuck インタプリタはこのスタイルに則っているので参考にどうぞ. いつまでこのネタを引きずるんですか? パラメータに対して制約を付与しない 型定義のパラメータに対して extends を使って制約を付与すると, そのパラメータに与えられる引数を制約を満たすもののみに限定することができます. 例として, 以下の Append には string の部分型のみ

            TypeScript 型レベルプログラミング フリースタイルガイド - Object.create(null)
          • Pythonのスタイルガイドの確認 - めも

            スタイルガイド PEP-8 Google Python Style Guide django 既存のコードに対するpep8の確認 pep8 flake8 autopep8 docstringのフォーマット 各スタイルガイド要約 PEP8 Google C++ 参考文献 自分の確認用です. C++のスタイルガイド の確認も自分の勉強用です. スタイルガイド スタイルガイドは、出版物などにおいて統一した言葉遣いを規定する手引き (出典:スタイルガイド - Wikipedia) コーディングにおいても, 基本的な書き方のルールをある程度定めることで理解しやすいコードになりうる. いくつか種類が存在する. PEP-8 peps/pep-0008.txt at master · python/peps · GitHub はじめに — pep8-ja 1.0 ドキュメント Google Python

              Pythonのスタイルガイドの確認 - めも
            • 英文スタイルガイド解説(1):節の順序 | プログラミング英語検定

              Googleが公開している開発者向け英文スタイルガイドから項目を1つ取り上げて紹介します。スタイルガイドは基本的には書く際に利用されますが、読む際にも参考になります。 節を書く順序(Clause order) URL:https://developers.google.com/style/clause-order ユーザーに対して指示文を書く場合、先に指示ではなく、条件(条件節*)を書くようにします。 Googleではまず以下の例を挙げています。 ✕ See [リンク] for more information. ◯ For more information, see [リンク]. いきなり「See …」と指示を書くのではなく、「詳細情報が必要なら」と条件をまず書きます。次の例も同様です。 ✕ Click Delete if you want to delete the entire do

                英文スタイルガイド解説(1):節の順序 | プログラミング英語検定
              • CC0の太っ腹ライセンス!スタイルガイドと150種類以上のコンポーネントが揃ったワイヤーフレーム素材 -Contra

                150種類以上のコンポーネントと50種類以上のすぐに使えるスマホスクリーンが含まれたワイヤーレフーム素材を紹介します。 アイデアを素早くプロトタイプ化するためのスターターキットで、スタイルガイドを利用して新しいコンポーネントやスクリーンを簡単に作成することもできます。 かわいいデザインで、見るだけでも楽しめます!

                  CC0の太っ腹ライセンス!スタイルガイドと150種類以上のコンポーネントが揃ったワイヤーフレーム素材 -Contra
                • はじめに | IT英語スタイルガイド

                  「IT英語スタイルガイド」は、日本語ネイティブ向けの英語スタイルガイドです。ITプロフェッショナルが英語ドキュメントを書く際に、表記基準として参照してもらうことを目的としています。 あくまで表記を統一するための目安であり、「正しい英語」を提示しているわけではない点にご注意ください。「いくつか書き方はあるけど、バラバラだと困るから統一しよう」という場面で参考にします。 内容​本スタイルガイドは、次の内容で構成されています。メニューから各ページにアクセスしてください。 A. ドキュメント要素見出し、表、リストなど、ドキュメントを構成する要素の書き方について説明しています。B. 句読点と記号コロン、セミコロン、チルダなど、句読点と記号の使い方について説明しています。英語で使わない記号についても触れています。C. 定型情報日付や数など、定型情報の書き方について説明しています。D. 分野特有の書き方

                    はじめに | IT英語スタイルガイド
                  • 英文スタイルガイド | プログラミング英語検定

                    英文スタイルガイド について プログラミング英語検定 プログラマーに求められる英語力を高める

                      英文スタイルガイド | プログラミング英語検定
                    • スタイルガイド|JTF 日本翻訳連盟

                      『JTF日本語標準スタイルガイド(翻訳用)』は、実務翻訳において和訳時に使用できる日本語表記ガイドラインです。2012年1月30日に初版を公開しました。『JTF日本語標準スタイルガイド』はどなたでも無償で使用できます。日本語の表記のゆらぎを防いで、スムーズに表記を統一するためのガイドラインとして活用してください。著作権および使用条件は文書本体に記載しています。

                        スタイルガイド|JTF 日本翻訳連盟
                      • デザイナーとエンジニアの協業を加速させる!スタイルガイド作成ツール「Storybook」の紹介 | クリエイターのための総合情報サイト CREATIVE VILLAGE

                        ReactやVue.jsなどのライブラリ/フレームワークが普及し、コンポーネント単位でUIを設計・実装するフロントエンド開発が一般的になってきました。しかし、コンポーネント単位での開発には様々な悩みポイントがあります。 コンポーネントには、単純に見た目の情報だけを持っているものもあれば、それぞれが状態を持っていてその状態によって見た目や振る舞いを変化させたりするものもあります。そういったコンポーネントは、他のコンポーネントと連携しても見た目や振る舞いが壊れないように(壊さないように)実装しなければいけません。 コンポーネント単位のフロントエンド開発において、コンポーネントを独立させて管理するスタイルガイドを作成することは必須と言っても過言ではありません。本記事では、スタイルガイドを作成するためのオープンソースツールであるStorybookを紹介します。 村上 玄徳氏 株式会社メンバーズ メ

                          デザイナーとエンジニアの協業を加速させる!スタイルガイド作成ツール「Storybook」の紹介 | クリエイターのための総合情報サイト CREATIVE VILLAGE
                        • [Python入門]Pythonコーディングスタイルガイド

                          PEP 8とは PEP(Python Enhancement Proposal)とは、Pythonの新機能に関する仕様やその背景を、Pythonコミュニティーに対して提供する文書のことだ。これまでに数多くのPEPが発行されているが、その中でPEP 8は「Style Guide for Python Code」と銘打ち、Pythonコードを記述する際の決めごとを定めたものとなっている。 Pythonは誰が書いても同じようなコードとなりやすいように作られた言語だが、そうはいってもコードの書き方そのものが言語仕様上でガチガチに定められているわけではない。例えば、if文を例に取れば、同じコードでも次のような書き方ができる。 if節の本体を改行なしで書くこともできるし、空白文字はある程度自由にコード中に含めることもできる。どんな書き方をするかは、プログラマーに一任されている。だが、これでは誰の目にも

                            [Python入門]Pythonコーディングスタイルガイド
                          • CSSスタイルガイドをStorybook for HTMLに移行した話 | Raksul ENGINEERING

                            こんにちは。印刷のラクスルでフロントエンドを担当している菅野です。 2週連続の投稿となります。(前回の記事: Jestを実行した時に、同時にESlintを走らせてみる) 現在、印刷サービスのフロントエンドエンジニアとデザイナーでデザインシステムの構築・整備を行っています。 その一環として、運用中のCSSスタイルガイドをStorybookに移行しました。 今回は、移行を決めた動機や導入時に得られた知見、今後の運用についてご紹介したいと思います。 運用中のStorybookの画面 これまでのスタイルガイドにおける課題感 該当プロジェクト(印刷のラクスル)ではPostCSSを使用しており、社内でデザインのコンポーネント一覧を共有するために、postcss-styleguideというプラグインを使用していました。 過去運用していたスタイルガイド 便利なプラグインではあるのですが、運用していく中で以

                              CSSスタイルガイドをStorybook for HTMLに移行した話 | Raksul ENGINEERING
                            • 7月新刊情報『オブジェクト設計スタイルガイド』

                              Matthias Noback 著、田中 裕一 訳 2023年7月7日発売予定 328ページ ISBN978-4-8144-0033-1 定価3,520円(税込) オブジェクト設計において、コードの読みやすさ、書きやすさ、メンテナンス性を向上させるにはどうすればよいでしょうか? 本書は、より良いオブジェクト指向のコードを書くためのルールを紹介します。オブジェクトの種類に応じたオブジェクトの構築、メソッドの定義、状態の変更や公開など、設計ルールを説明します。Java、Python、C#など、あらゆるオブジェクト指向言語に適用できるテクニックを、擬似コードを使ってわかりやすく解説します。コードの品質を上げるためのルールを紹介する本書は、プログラマ必携の一冊です。 全国の有名書店、Amazon.co.jpにて予約受付中です。

                                7月新刊情報『オブジェクト設計スタイルガイド』
                              • Rails: Active Jobスタイルガイド(翻訳)|TechRacho by BPS株式会社

                                概要 CC BY 3.0ライセンス(Attribution 3.0 Unported)に基づいて翻訳・公開いたします。 英語記事: toptal/active-job-style-guide: This Background Jobs style guide is a list of best practices working with Ruby background jobs. 原文更新日: 2020/07/17 著者: Phil Pirozhkovほか 本スタイルガイドは、バックエンドにSidekiqを用いたActive JobでRubyバックグランドジョブを扱うときのベストプラクティスを一覧できるようにしたものです。 一般に思われているのと異なり、このガイドラインに沿うことでかなりうまくやれるようになります。 SidekiqはActive Jobなしでも使えますが、Active J

                                  Rails: Active Jobスタイルガイド(翻訳)|TechRacho by BPS株式会社
                                • オブジェクト設計スタイルガイド

                                  オブジェクト設計において、コードの読みやすさ、書きやすさ、メンテナンス性を向上させるにはどうすればよいでしょうか? 本書は、より良いオブジェクト指向のコードを書くためのルールを紹介します。オブジェクトの種類に応じたオブジェクトの構築、メソッドの定義、状態の変更や公開など、設計ルールを説明します。Java、Python、C#など、あらゆるオブジェクト指向言語に適用できるテクニックを、擬似コードを使ってわかりやすく解説します。コードの品質を上げるためのルールを紹介する本書は、プログラマ必携の一冊です。 まえがき 序文 本書について 1章 オブジェクトを使ったプログラミング入門 1.1 クラスとオブジェクト 1.2 状態 1.3 振る舞い 1.4 依存関係 1.5 継承 1.6 ポリモフィズム 1.7 コンポジション 1.8 クラスの整理 1.9 Return文と例外 1.10 ユニットテスト

                                    オブジェクト設計スタイルガイド
                                  • やさしくて難しいInclusive Writing入門 ~GoogleとAppleのスタイルガイドを読む

                                    はじめに 2020年10月、Githubがデフォルトのメインブランチ名をmasterからmainに変更しました。理由は、masterがslave(奴隷)を背後に連想させるため。 旧来の価値に根差した既存の用語を置き換える動きは、2020年を契機としてますます勢いを増し、その影響は仕様の策定から命名規則などのコーディング面にまで幅広く及んでいます。 こうしたアメリカのテック界の様相をInclusive Writingの切り口から、Google, Appleのスタイルガイドを摘要しながら概観するのが本稿の趣旨です。 Inclusive Writingとは? Inclusive Writingはかんたんには、多様な読者を意識した書き方、といえます。 Inclusiveは日本語でも「インクルーシブ教育」等、ダイバーシティの文脈でカタカナ語として定着しつつありますが、強いて訳せば「包含、包み込む」と

                                      やさしくて難しいInclusive Writing入門 ~GoogleとAppleのスタイルガイドを読む
                                    • JTF日本語標準スタイルガイド 第3.0版 | JTF 日本翻訳連盟

                                      JTF日本語標準スタイルガイド (翻訳用) 第3.0版 2019年8月20日 一般社団法人 日本翻訳連盟(JTF) 翻訳品質委員会 JTF日本語標準スタイルガイド JTF日本語標準スタイルガイドの12の基本ルール 「JTF日本語標準スタイルガイド(翻訳用)」の基本ルールを以下に簡潔にまとめます。 慣例や許容される例外に関する解説は省いています。詳細な説明については、「JTF日本語 標準スタイルガイド(翻訳用)」の各ページを参照してください。 1. 本文を、敬体(ですます調)あるいは常体(である調)のどちらかに統一する。 ◯ 本文の文型を、敬体または常体 のいずれかに統一します。一般 読者向けのマニュアルでは、通 常、敬体が使われます。 ✕ 本文の文型を、敬体または常 体のいずれかに統一する。一 般読者向けのマニュアルで は、通常、敬体が使われま す。 1.1 文体 2. 句読点は「、」と「

                                      • 週刊Railsウォッチ(20191021)Rails 6でhas_many関連の修正やSprockets 4.0対応、Shrine 3.0がリリース、Minitestスタイルガイドほか|TechRacho by BPS株式会社

                                        2019.10.21 週刊Railsウォッチ(20191021)Rails 6でhas_many関連の修正やSprockets 4.0対応、Shrine 3.0がリリース、Minitestスタイルガイドほか こんにちは、hachi8833です。スマホで確定申告できるようになるそうです。 やっと来年からiPhoneでe-Taxができる! https://t.co/HHJamYgNBB — Haruhiko Okumura (@h_okumura) October 16, 2019 つっつきボイス:「スマホで確定申告したい人っているんでしょうか?😆」「スマホとかタブレットでやらないと間に合わないシチュエーションはあるかもですね☺️」 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)

                                          週刊Railsウォッチ(20191021)Rails 6でhas_many関連の修正やSprockets 4.0対応、Shrine 3.0がリリース、Minitestスタイルガイドほか|TechRacho by BPS株式会社
                                        • Adobe XDでモバイルファーストのWebデザイン入門 第3回: アセットパネルを活用してスタイルガイドをつくる! | Adobe Blog

                                          [目次] 1. ワイヤーフレームに画像を配置する 2. アセットパネルにスタイルを登録する 3. コンポーネントを作成する 4. レイヤーパネルを使う 1. ワイヤーフレームに画像を配置する 前回作成したトップページのワイヤーフレームに画像を配置します。配置する箇所は、メインビジュアルとバナーの2か所です。 メインビジュアルとバナーの2か所に画像を配置する シェイプに画像を配置する まず、メインビジュアルの位置に画像を配置します。XDでは、シェイプに画像ファイルをドラッグ&ドロップすることで、シェイプ内に画像を配置できます。そこで、メインビジュアルとして配置されているシェイプ(長方形)の上に適当な画像を移動してみましょう。すると、長方形が半透明の青色でハイライトされた状態に変化し、画像をドロップできることを知らせてくれます。そのまま画像をドロップしましょう。 画像をシェイプにドラッグして配

                                            Adobe XDでモバイルファーストのWebデザイン入門 第3回: アセットパネルを活用してスタイルガイドをつくる! | Adobe Blog
                                          • デザイナーとコーダーの橋渡し-スタイルガイドの大切さ- | Digital Solution Media

                                            はじめに 「なにか想定していたものと違う」 「これはどういう意図なのだろう」 何かを作ろうとしたとき、人は必ず、理想とするものを頭の中に持っています。しかし、それを現実のものとして形作るのは非常に困難な作業です。たとえば料理を作るとき、頭の中ではしっかりとした理想形を描けていても、それを100%再現することは、プロの料理人でもなかなか難しいと思います。ましてや、それを他の人に作ってもらうとなると再現性は更に低くなるでしょう。もし、あなたが料理人だとして、自分の考えた料理を誰かに再現してもらうと思ったとき、どういう方法を取るでしょうか。 一番最初に思いつくのが、料理のレシピを作り、作業者にその手順通りに料理をしてもらおうとするでしょう。このとき、再現性を高めようと思った場合、レシピを詳細に書くと思います。また誤解がないよう、わかりやすく伝えようとも思うはずです。 WEBサイトもこれと同じです

                                              デザイナーとコーダーの橋渡し-スタイルガイドの大切さ- | Digital Solution Media
                                            • 週刊Railsウォッチ(20200824前編)「Active Jobスタイルガイド」は有用、SiderがGitLabに対応、eager loading時のselectを修正ほか|TechRacho by BPS株式会社

                                              2020.08.24 週刊Railsウォッチ(20200824前編)「Active Jobスタイルガイド」は有用、SiderがGitLabに対応、eager loading時のselectを修正ほか こんにちは、hachi8833です。先週Gmailがコケてたみたいですね。 #Gmail is down for more than 1 hour. pic.twitter.com/UQMYFPH0EO — Luke Stateson (@lukestateson) August 20, 2020 参考: G Suite Status Dashboard (今日は忙しかったのでGoogleが潰れていたのを知らなかった) — Haruhiko Okumura (@h_okumura) August 20, 2020 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論な

                                                週刊Railsウォッチ(20200824前編)「Active Jobスタイルガイド」は有用、SiderがGitLabに対応、eager loading時のselectを修正ほか|TechRacho by BPS株式会社
                                              • スタイルガイドとは?作成する意図と作成方法まで解説

                                                ブログ HubSpot日本語ブログでは、世界中のHubSpotの知見を活かし、日本のビジネスパーソンの課題解決に繋がるような情報を提供しています。

                                                • 『社会学評論スタイルガイド』 | 日本社会学会

                                                  社会学評論スタイルガイド第3版(PDF) 第3版刊行のことば 日本社会学会の『社会学評論スタイルガイド』第3版をここに刊行する. 『社会学評論』に投稿を予定している会員には,今後はこの第3版にしたがって執筆していただくことになる.また,この『スタイルガイド』は,『社会学評論』への投稿に限らず,社会学の論文を執筆する際に広く活用されて現在に至っている.そのような場合にも,今後はこの第3版が活用されることを期待している. 『社会学評論スタイルガイド』は,初版が1999年に,第2版が2009年に刊行されている.2015年から2018年の3年間を任期とするわれわれの編集委員会は,任期終了直後に第2版刊行から10年になることを考え,第3版の発行を課題として引き受け,改訂作業に取り組むことになった. 当初,『社会学評論スタイルガイド』の改訂はここ10年間の変化に鑑み,情報化とグローバル化の進展を念頭に

                                                  • zeplinでデザインスタイルガイドを作ってみました - 22Inc. サービス開発日誌

                                                    22Inc.のUXデザイナー ヨウソウシです。 弊社サービススタンプスのブランディングをより向上できるように、スタイルガイドを作りましょう!という話になったので、どういう風に作っていくか、どのツールを使うか模索しながら制作していく過程を記録してみました。 ツールの選定 frontifyを試してみた zeplinに移行 zeplinでスタイルガイドを作る Sketchでスタイルガイドを作成 シンボル テキストスタイル レイヤースタイル zeplinにアップロード zeplinをslackと連携 zeplin x sketchは最高 ツールの選定 ネットで調べてみたら、fractal、storybook、documentCSS…など、世の中に出回っているスタイルガイドジェネレーターはたくさんあります。どれでもターミナルを使ってインストールなどの作業が必要です。ふむふむ、なるほど…若干デザイナー

                                                      zeplinでデザインスタイルガイドを作ってみました - 22Inc. サービス開発日誌
                                                    • Figma ✕ React Storybook で作るプロトタイピング & スタイルガイド - Qiita

                                                      アプリを開発する前に予め、開発の全体像を把握するためにプロトタイプを作成します。 プロトタイピングツールで作成したUIは、実際のアプリ開発にも流用できるため効率的です。 今回は簡単な写真共有Webブラウザアプリを制作すると仮定して、 プロトタイピングツールFigmaでプロトタイプ作成 Reactコンポーネントへの落とし込み Storybookでの管理 という一連の流れを実際に実装しながらFigmaやStorybookを導入することでどういったメリットがあるのか・どういったことができるのかの検証を行います。 作成したプロトタイプの全体像 最初にどんなアプリなのかをスクリーンショットで提示してから、詳細な解説を進めていきます。 基本的なアプリに最低限必要な認証・一覧表示・登録・編集 機能をプロトタイピングで再現しました。 マテリアルデザイン(Material-ui)をベースとしています。 ログ

                                                        Figma ✕ React Storybook で作るプロトタイピング & スタイルガイド - Qiita
                                                      • ❓コンテンツスタイルガイドとは? | contents style guide

                                                        コンテンツスタイルガイドとは、ブランドが公開するコンテンツの作成基準を、ライティングチームや同僚が理解できるようにするためのものです。特に、あなたの会社に複数のライターが在籍している場合、文法や表記ルール、文章のスタイルを定めておくことは、次の3つの点で役に立ちます。 1.ブランドの「らしさ」に一貫性が生まれる 表現や言い回しに調和が取れていると、コンテンツはより研ぎ澄まされ、読者に信頼感を与えることができます。それはウェブページ、ソーシャルメディア、ニュースレター、ブログ記事に限りません。アプリのユーザーインターフェースに表示するマイクロコピーを書く場合においても、スタイルガイドがあれば、プロダクトの個性や「らしさ」に一貫性を与えることができます。 2.ライティングの上での誤りを防げる 使ってはいけないスラング、避けるべき専門用語、または日付の正しい表記方法まで、スタイルガイドではっきり

                                                          ❓コンテンツスタイルガイドとは? | contents style guide
                                                        • dbt 開発で使える SQL スタイルガイドを導入した話

                                                          風音屋では、データエンジニア、データアナリスト、データコンサルタントを募集しています。 書籍執筆者やOSSコントリビューターなど、業界を代表する20名以上のアドバイザーと一緒にベストプラクティスを追求できる環境です。 ぜひカジュアルトークをお申し込みください。 兼業データアナリストの星野(@mochigenmai)です。 この記事では dbt 開発で使える SQL スタイルガイドを導入した話について紹介します。 SQL スタイルガイドを導入した背景 現在 dbt を利用したデータパイプライン開発が活発になってきています。 データパイプラインは「信頼性の高い分析」を効率的かつ迅速に実現するために構築します。 そのため、データの信頼性を担保する仕組みは積極的に導入したほうが良いと考えられます。 今回は以下のような点でデータの信頼性を担保できると考え、 dbt 開発環境に SQLFluff (L

                                                            dbt 開発で使える SQL スタイルガイドを導入した話
                                                          • 小規模WEB制作のための簡易的なスタイルガイド

                                                            世間一般では「スタイルガイド」というと、大規模サイトや長期間運用するサービスのためのものが多いようです。私が作っているのはそこまで本格的ではないので、社内では「パーツ集」と呼んでいます。 それまでの課題 パーツ集を作る前は、コーディング担当者とのすれ違いがありました。 アニメーションを作っても気付かれない ドロップダウンやボタンのアニメーションをプロトタイプで作っておいても、実装者に気づかれず「ここどうするの?」と聞かれることもありました。 ドキュメントアセットを見てね、は通じない XDのドキュメントアセットのカラーや文字スタイルに命名してテキストスタイルを登録しておいても、行間や書体が違ってしまうことも悩みでした。文字間(letter-spacing)などは特に空気! 自分の一貫性も揺らぐ 初案を作ってから次のデザイン時まで期間が空いたりすると、自分でもデザインの一貫性が保てないことも課

                                                              小規模WEB制作のための簡易的なスタイルガイド
                                                            • 週刊Railsウォッチ(20200908後編)Shopify版Rubyスタイルガイド、JavaScript Primerが2.0に、GitHub Container Registryほか|TechRacho by BPS株式会社

                                                              2020.09.08 週刊Railsウォッチ(20200908後編)Shopify版Rubyスタイルガイド、JavaScript Primerが2.0に、GitHub Container Registryほか こんにちは、hachi8833です。私も早速防災アプリを入れました。 最近の Yahoo の防災速報アプリ入れてるのだけど、ゲリラ豪雨の直前に「まもなく雨が降ります」って通知が来てくれるので洗濯物取り込むのに非常に役立ってる。 — mattn (@mattn_jp) September 1, 2020 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)社内有志でつっついたときの会話の再構成です👄 今回もつっつき成分が少なめとなります🙇。 ⚓Ruby ⚓Shopify版「R

                                                                週刊Railsウォッチ(20200908後編)Shopify版Rubyスタイルガイド、JavaScript Primerが2.0に、GitHub Container Registryほか|TechRacho by BPS株式会社
                                                              • UXを強化する「スタイルガイド」の作り方とは?

                                                                (原文) How to Create a Style Guide to Enhance your Brand’s UX? UXやUIの世界では、プロジェクトを始める時に頭に置いておきたいのが、スタイルガイド。今回はスタイルガイドのメリットと作成のヒント、サンプルを紹介します。 人間のオンライン行動の詳細を把握するための綿密な計画/調査/テストを含むUXプロセス全体は、企業がコンバージョンを得る一方、ユーザーがサイト検索の目的を果たすために行われます。双方にとってメリットのある状況です。しかし、それを実現するためには、再現性のある結果(成功)をもたらすプロセスが必要なのです。 スタイルガイドとは スタイルガイドとは、制作のデザインルールブックです。一貫したデザインシステムを構築、デザインや実装のアイデアを定義し、優れたコンテンツを生み出すことができます。デザイナーやエンジニアチームの生産性を

                                                                  UXを強化する「スタイルガイド」の作り方とは?
                                                                • Airbnb JavaScript スタイルガイドの eslint 未対応ルールまとめ - Qiita

                                                                  Airbnb JavaScript スタイルガイドのうち、eslint でカバーできないルールのみを集めました。 Types 1.1 1.2 References 2.3 Objects 3.2 3.5 3.8 Arrays 4.2 4.3 4.4 4.5 4.6 4.8 Destructuring 5.3 Strings 6.2 Functions 7.4 7.5 7.7 7.8 7.9 アロー関数(Arrow Functions) 8.3 Classes & Constructors 9.1 9.2 9.3 9.4 Modules 10.1 10.2 10.3 10.8 Iterators and Generators 11.2 Properties 12.2 Variables 13.3 13.4 Hoisting 14.1 14.2 14.3 14.4 Comparison Ope

                                                                    Airbnb JavaScript スタイルガイドの eslint 未対応ルールまとめ - Qiita
                                                                  • CSSアーキテクチャRSCSSの規格解説 - スタイルガイド - [SMART]

                                                                    RSCSSの概要 RSCSS(Reasonable System for CSS)は、厳選したルールセットのCSSアーキテクチャです。BEMのコンポーネントを参考にComponents、Elements、Variantsの分類が用意されていますが、BEMのとっつきにくいクラス名のルールは使っていません。 CSSアーキテクチャで個性がでるのがクラス名の定義です。RSCSSはすべてにおいてシンプルを目指しているので、クラス名もかなりシンプルなルールになっています。RSCSSのクラスはマルチクラス前提として、クラス名が長くなるのを避けるためにCSSのネストと子セレクタ(>)の利用を推奨しています。 RSCSSの公式ドキュメントにて、RSCSSはフレームワークではなく、保守性の高いCSSを構築するためのアイディアセットと紹介しているだけあって、規則はミニマムです。規定されていない部分を補う必要があ

                                                                      CSSアーキテクチャRSCSSの規格解説 - スタイルガイド - [SMART]
                                                                    • タイトルと見出し | IT英語スタイルガイド

                                                                      キャピタリゼーション​キャピタリゼーションとは、単語の最初の文字を大文字にするかどうかの規則です。センテンス・スタイルとタイトル・スタイルの2種類があります。 通常、タイトルと見出しでは「センテンス・スタイル」を用います。センテンスと呼ばれますが、文ではないので末尾にピリオドは付けません。 センテンス・スタイル​最初の単語だけ大文字を使い、残りの単語は小文字を使います。通常の文と同じ形となるので、センテンス・スタイルと呼ばれます。 例1 Develop high quality solutions with ease (引用元:Google Developers、2023-02-09閲覧) ただし、固有名詞(例:製品名、社名、国名)などで、大文字が正式な表記である場合は大文字とします。例2では「Flutter」です。 例2 Create and run a simple Flutter a

                                                                        タイトルと見出し | IT英語スタイルガイド
                                                                      • 毛量が多くて髪型がきまらない。美容師に聞く解決法とおすすめスタイルガイド|ホットペッパービューティーマガジン

                                                                        「自分の髪の毛の量がいまいちわからない」 「髪の毛の量が多いってどういうこと?」 このように、自分の髪の毛の量についていまいち良く分かっていないという方も多いはず。 ・髪全体にボリュームがある ・髪が乾燥していて髪が広がりやすい ・レイヤーを入れずに切ると重い印象になりやすい ・髪の太さが太い 一般的に、これらの特徴に当てはまる方は髪の毛が多い傾向にあります。

                                                                          毛量が多くて髪型がきまらない。美容師に聞く解決法とおすすめスタイルガイド|ホットペッパービューティーマガジン
                                                                        • Vue CLI と Storybookでスタイルガイドを作成しよう | Tips Note by TAM

                                                                          サイトの規模やスケジュールに応じてスタイルガイドを作成した方が効率良く進められるケースもあるかと思います。スタイルガイドを作成するメリットにはデザインの統一、テストや運用の効率化などが挙げられます。 とくにスタイルガイドを用いてプロジェクトに関わるメンバー(ディレクター、エンジニア、デザイナー)間の認識を共通化することはプロジェクト進行において非常に重要な意味を持ちます。 スタイルガイドとは、デザインする前の要素やグラフィック、デザイナーやエンジニアが従うべきルールなどを集めたものです。スタイルガイドがあれば、バラバラのWebサイトの部品に一貫性を持たせて、最終的に一体感のある体験を作り出すことができます。 引用:Webデザインのスタイルガイドの作り方 ただし、スタイルガイド導入にはメリット、デメリットがあります。導入するべきプロジェクトなのかは見極めが必要になります。 質の高いスタイルガ

                                                                            Vue CLI と Storybookでスタイルガイドを作成しよう | Tips Note by TAM
                                                                          • 1分でわかるStorybook for HTML(スタイルガイドツール)の使い方

                                                                            Storybookとは Storybookとは保守性の高いUIコンポーネント(スタイルガイド)を素速く簡単に構築するためのツール。 オープンソースなので商用でも無料で使用することが可能。 Storybook for HTMLといってもHTMLだけではなくCSSやJavaScriptのスタイルガイドも構築できる。 昔はFractal、sc5-styleguide、kss-nodeなどがよく使用されていたが、2020年現在では新規のプロジェクトの場合はStorybookが使用されることが多い。 React、Vue.js、Angular用などがあるが、この記事で説明するのは一番需要がありそうなHTML用のStorybook for HTMLのインストール手順と基本的な使い方。 Vue.jsなどの場合は公式サイトトップの右下のMADE FORのVueのリンク先にある説明手順に従ってインストールする

                                                                              1分でわかるStorybook for HTML(スタイルガイドツール)の使い方
                                                                            • Kotlin スタイルガイド  |  Android Developers

                                                                              最新の Android UI に対する最新の宣言型アプローチと手軽な Kotlin を使って、少ないコードでアプリをすぐに動かすことができます。

                                                                                Kotlin スタイルガイド  |  Android Developers
                                                                              1

                                                                              新着記事