はてなブックマーク

前回、「【ディレクター向け】コーディングをお願いする前に共有・確認しておくこと一覧」という記事を投稿しましたが、今回は成果物に対しての確認項目を書いていきます。 基本的には、非エンジニアの方でも確認出来るような内容になっているかと思いますので、ぜひ参考にしてみてください。 ※大前提として、提供している仕様書やデザインの通りになっているかは確認してください HTMLバリデーターでエラーが出ていないか https://validator.w3.org/ エラーが出ている場合は、許容として良いものかを確認する CSSバリデーターでエラーが出ていないか https://jigsaw.w3.org/css-validator/ エラーが出ている場合は、許容として良いものかを確認する コンソールエラーが出ていないか ブラウザの開発者ツールを開き、コンソールタブを確認する 文書構造が正しいか https

筆者が以前の会社でテクニカルディレクターをしていた際に、非テクニカルなディレクター用にまとめたものです。 会社によって内容は異なるかと思いますので、参考程度に見ていただければと思います。 ドキュメント（共有） 開発仕様書 ファイルリスト テスト仕様書 画面設計書 デザイン WBS コーディングガイドライン Gitのフロー JS仕様書 開発サーバ情報 開発手法（確認） CSSフレームワークの使用（クライアントからの要求が無い限り使用しない） CSSプリプロセッサの使用 テンプレートエンジンの使用 タスクランナーの使用 ここで確認したいのは、その後の運用時にどのようになっているのがベストかがポイント。 よくある事例として、 クライアント側で運用を行う場合は、SassやGulpなどは触れないことが多いので、コンパイル後のファイルが編集可能な状態になっていると良い。 ファイル管理（共有） デザイン

結論から書いてしまいますが、 Remote-FTP のコンフィグ設定はフォルダに紐づいているので、 各プロジェクトフォルダに各プロジェクトごとの設定ファイルを置いてあげれば OK です。 というのは、知っている人からしたら何てこと無い話かと思いますが、 僕も使うまでは個別設定出来ないと思っていましたし、あまりそういう風に書いてる記事も少ないので、知らない人向けに書いてみました。 そして、今回はその設定方法と Remote-FTP を便利に使うための方法を書いていきます。 使用するパッケージ project-manager Remote-FTP tool-bar flex-tool-bar project-manager プロジェクト設定ができ、一発でフォルダを開くことが出来るパッケージです。 設定方法 ツールバーの「Packages」⇒「Project Manager」⇒「Edit Pro

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

概要 社内メンバーより、 「スプレッドシートでタスクの管理をしているけど、APIとか使ってもう少し楽にしたい！」 という要望を受けたので、四苦八苦しながらも頑張って作ってみました。 自分自身も今回、はじめてGASを触ったということあり、 非エンジニアの方にも使ってもらえるように、なるべく分かりやすく書いていこうと思います。 （この手の記事は非エンジニアに優しくないことが多いので…苦笑） ※ただし、「GAS（Google Apps Script）とは」みたいな話はすっ飛ばすので、その辺りはググっていただけるとm(__)m 更新履歴 共通部分の関数化 存在しない課題番号がある場合に処理が止まってしまう問題を解決 必要となるもの まずは、バックログから情報を取得するために、APIキーというものが必要になります。 APIキーの発行は以下の手順で行ってください。 バックログの「個人設定」を開く 「A

概要 主に「2016年 - 2017年」の記事から引っ張ってきて、ただただ羅列したものです。 なので、このまとめ自体の最適化が成されてないですが、そこはご容赦ください… ユーザビリティ・アクセシビリティ 分かりやすさ 入力項目は必要最低限にする 項目名は簡潔で短く分かりやすいものにする できる限り入力フィールドの数は最小限にする 一つの項目の入力フィールドを複数に分けない 例：姓名、電話番号、郵便番号など 必須項目は、「＊」ではなく「必須」と表示する ラベルやヒント（○文字以上必要です）をplaceholderに設定しない フォーカスした際に消えてしまうため、入力例を入れてあげる程度にする フォーカスした際の入力フィールドのデザインを変える 入力フィールドのサイズは、入力される値に合わせる リアルタイムでチェック出来るバリデーションを実装する エラーメッセージは、上部にすべて表示するのでは