タグ

gloomysmokerのブックマーク (3,817)

  • 【新人教育 資料】第5章 UMLまでの道 〜ユースケース図の説明&書いてみよう編〜 - Qiita

    システムまたはアプリケーションが人、組織、外部システム等と対話するシナリオを示したものです。ユースケース図でこれらの登場人物(システムも含む以降アクターと呼ぶ)が達成する目的やシステムの範囲を示すものです。システムの範囲というのが重要です。 ユースケース図も規模が大きくなってくると複雑になるので、ある特定のシーン(シナリオ)においてという前提をつけて書き出すと綺麗になっていきます。 ユースケース自体を書き始めると粒度が分からなくなってしまう事が多いので、ザクっとした「○○が✕✕する」という英語で習った主語+動詞というレベルだけに絞って書くなどのルールを決めると分かりやすくなります。 自分なんかは設計するときに口を酸っぱくして言うことの1つに「システムでやらないことを決めろ」といいますが、システムでやらないことを決めるのに、利用するのがユースケース図です。 いや逆でしょってツッコミ受けると思

    【新人教育 資料】第5章 UMLまでの道 〜ユースケース図の説明&書いてみよう編〜 - Qiita
  • 開発とテストが一体となったソフトウェア開発

    1. Copyright© 2017 Yahoo Japan Corporation. All Rights Reserved. 2017年8月30日 ヤフー株式会社 山口 鉄平 開発とテストが一体となった ソフトウェア開発

    開発とテストが一体となったソフトウェア開発
  • jQuery よく使うメソッドまとめ - Qiita

    <style> .color{ font-size: 30px; color: red; } </style> <p>こんにちは!</p> <script> $("p").addClass('color'); </script> <a href="http://www.google.com">google</a> <a href="http://www.bing.com/">bing</a> <script> // 要素を取得 console.log($('a[href*="google"]').attr("href")) // 要素を書き換え $('a[href*="bing"]').attr("href", "http://www.yahoo.com/") </script> <select> <option value='aaa'>aaa</option> <option value

    jQuery よく使うメソッドまとめ - Qiita
    gloomysmoker
    gloomysmoker 2017/08/31
    “ $("#show").click(function(){ $("div").show(); });”
  • 「現場で役立つシステム設計の原則」批判 (1) ~何のために、「データとロジックを一体に」するのか?~

    増田亨氏の「現場で役立つシステム設計の原則]」の評判が高いようです。 このが、オブジェクト指向の初級者に受け入れられ易いことはわかります。オブジェクト指向的なプログラミングが出来ていない現場で、明日からでも出来そうなことが平易に書かれているからです。オブジェクト指向の入り口を指し示しているように見える。 一方で、私としては、このが指し示す入り口は、入りやすいかもしれないけれど、結局はどこにも通じていないのではないかと疑っています。 稿では、そのように私が考える理由について、3つの切り口からご説明したいと考えています: 何のために、「データとロジックを一体に」するのか?ポリモーフィズムは何のために?「ドメインモデル」とは何か?長くなるので、今回は、一番目の「何のために、『データとロジックを一体に』するのか?」について。 批判 (1) 何のために、「データとロジックを一体に」するのか?

    「現場で役立つシステム設計の原則」批判 (1) ~何のために、「データとロジックを一体に」するのか?~
  • BackstopJSではじめるビジュアルリグレッションテスト - astamuse Lab

    こんにちは。デザイン部でフロントエンドエンジニアをしているkitoです。 今回は、BackstopJSを使ったビジュアルリグレッションテストについて書きたいと思います。 ビジュアルリグレッションテストとは視覚的な回帰テストのことで、具体的にはスクリーンショットを撮影して差分抽出して行うテストです。 近年のWebフロントエンド開発では、SassやWebpackのような開発環境が整うに従ってスタイルシートをモジュール化することが増えています。 それはスタイルの汎用性を高めることに大きく貢献していますが、一方で、あるパーツのスタイル修正が想定外の場所で悪影響を及ぼしてしまう可能性をもつようになりました。 この問題に対処するために、Enduring CSSのような新しいタイプの設計手法も考えられてはいますが、既存のサービスに導入するにはかなり敷居が高いでしょう。 そこで注目したいのが、ビジュアルリ

    BackstopJSではじめるビジュアルリグレッションテスト - astamuse Lab
  • テスタビリティについての雑感|Tsuyoshi Yumoto

    まず、タイトルと全く関係ないですが。。。 祝Twitterフォロワー数1000達成! フォロワーが増えれば良いって訳ではないですが、それだけの数の人に伝えたいことが届くようになるってことは、素直に嬉しいです。 めでたい!ってことで、今日は、もう一書いておきます。テスタビリティ(テスト容易性、試験性と訳されることもあります)についてです。 とツイートしたとおり、なるほどなとおもったので、一つ一つの特性について自分の解釈をツイートしようと思ったのですが、途中で時間切れでできていませんでしたので残りを書いてしまおうと思います。 実行円滑性(Operability) 分解容易性(Decomposability) テストの対象範囲を小さくできるよう作られていると、手際よくテストができます。単体テストをするときにメソッド単体、クラス単体というサイズでテストをできるように作ってあれば自動テストもしやす

    テスタビリティについての雑感|Tsuyoshi Yumoto
  • 無料で30枚!スマホ対応HTMLテンプレート 初心者に優しいシングルページばかりを集めました

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる これっ! 太っ腹すぎて降参です。 こんなにクオリティの高いHTMLテンプレートを無料で放出するなんて。僕にはできん! と感嘆の声をあげながら、レスポンンシブでスマホ対応可能なシングルページばかりを集めました。 一枚のhtmlファイルをメインに構成されてるので、初心者でもソースを理解しやすく、Web系じゃないフリーランスやクリエイターのヒトもポートフォリオやプロフィールページの作成に活用できると思います。 ランディングページとして新商品やアプリのキャンペーンに利用してもいいかも。 ちなみにHTMLテンプ

    無料で30枚!スマホ対応HTMLテンプレート 初心者に優しいシングルページばかりを集めました
  • スマレジ・ヘルプ

  • テストアーキテクチャについて考えてみる

    TestArchetectureStudy.md 5W1Hで考えるテストアーキテクチャ Why:テストアーキテクチャはなぜ必要か テスト全体を俯瞰する コミュニケーションを円滑にする What:テストアーキテクチャとは何か テストアーキテクチャの要素 テストアーキテクチャメタモデル テストアーキテクチャ:テスト対象・テスト条件と最低限1つ以上のテストフレームを含む概念。 テスト観点:テストの関心事。テスト目的・テスト対象を抽象化した概念。 テスト目的:バグを見つける観点。 テスト対象:バグが入っているもの・ところ。 テストフレーム:テスト目的とテスト対象の組合せ。テスト詳細設計ではテストフレームからテストケースを導出する。 テストバスケット:テスト目的・テスト対象・テストフレームをグルーピングしたもの。 テストアーキテクチャの例 Who:テストアーキテクチャを誰が作るか・使うか Where

    テストアーキテクチャについて考えてみる
  • テスト仕様書の作り方大公開:テスト設計の手順とセオリー - ソフトウェアテスト.com

    みなさん、こんにちは。 以前の記事「テスト仕様書サンプルあり。高品質なテストを実現する方法」では、ソフトウェアテストを行う上で必要な基礎知識をコンパクトにまとめた『テスト入門ハンドブック』をご紹介するとともに、テスト仕様書のテンプレートを提供しました。 以前の記事はこちら 先の記事でも述べましたように、フォーマットは道具であって目的ではありませんから、ただ記入欄を埋めただけでは意味をなさないことは言うまでもありません。大事なのは「何をどのように検証するのか」を正しく誰にでもわかるように記述することです。 「テスト仕様書を作れと言われたけれど何をどう書いたらいいのかわからない」「テストケースに抜け漏れがあり、テストをしてもバグが残ってしまう」といった悩みをお持ちの方に向けて、今回から『テスト仕様書の作り方大公開』と題して7回にわたって連載いたします。 まず初回は、フォーマット記入に先立って「

  • エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ! - エンジニアHub|Webエンジニアのキャリアを考える!

    エンジニアが知っておくべきデザインの基。「デザインガイドライン」と「コンポーネント」を学ぶ! Appleをはじめとする多くの成功企業がデザイナを役員に据えるなど、デザインに対する重要度が年々上がっているこの時代、若手のうちにUIデザインに関する基的な考えを身につけ、より良いプロダクトを制作できるエンジニアを目指しましょう。 こんにちは。 グロースデザイナ/フロントエンジニアとしてWebサービス開発に携わっている右寺(@migi)と申します。最近は複数の企業で、数値解析から企画提案、開発も含めてサービスを成長させるためのお手伝いをしています。 現在はフリーランスとして活動していますが、直近では株式会社グッドパッチというUI(ユーザインターフェイス)デザインに特化した会社に勤めており、そこではデザインとの距離がとても近いところで開発をしていました。 そんな私の経験から、この記事では「エンジ

    エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ! - エンジニアHub|Webエンジニアのキャリアを考える!
  • DeNAの取り組むテストエンジニアリング

    DeNA TechCon 2017 https://techcon.dena.com/

    DeNAの取り組むテストエンジニアリング
  • CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)

    こんにちわ。WP-Eイクラこと@ampersand_xyzです。 CSS3のセレクタ、ちゃんと覚えてる? 普段使わなかったりするようなセレクタって、すっかり脳みそから抜け落ちてしまい、適用されているスタイルを確認したときに あれ?コレなんだったっけ? というセリフを何度心のなかでつぶやいたか分かりません。 また、場面によって必要に応じたセレクタを使えてるかどうかというところも気になるところ。どんなセレクタがあるのかを覚えておけば、たとえばDOMの動的生成をするときに無駄な分岐処理をしてstyle適用とか、JSでゴリゴリスタイル付与とかしなくてよくなるはずです。 おさらい用チートシート作成を兼ねて、Selector Level3 のSelectorsについて、セレクタの記法と使い方のgistつけてまとめていきたいと思います。 なお、仕様書の日語訳は以下のページをご参照ください http:/

    CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)
  • regex101: build, test, and debug regex

    An explanation of your regex will be automatically generated as you type.

    regex101: build, test, and debug regex
  • 開発者視点のテストとユーザ視点のテストの違いについて|Tsuyoshi Yumoto

    この原稿は、2009年6月に発売された、システム開発ジャーナルvol10の特集「特集1 困ったら読む! 困る前に読む! 今すぐ使える エンジニアのためのソフトウェアテスト術」の総論(最初のまえがきみたいなもの)の後半部分として執筆したものです。この特集は私が豆蔵に在籍していたころに、大西さんと私で企画したもので、多くのイケてる技術者の方々にお願いして各パートを執筆してもらったものです。以下が目次です。 総論 ソフトウェアテストの現状と知っておくべきこと Part1 独立したテストチームとしてのテスト計画・テスト設計仕様 テストをスムーズに行う?管理者のための“段取り”術 品質を向上させるためのインシデントレポートの書き方 テストツールの活用 自動化できる/できないの判断のコツ Part2 開発者による開発者のためのDeveloper Testing OSSのツールを使って静的テストを自動化

    開発者視点のテストとユーザ視点のテストの違いについて|Tsuyoshi Yumoto
  • RDRA DDD Agile

    11. サービスの会社が 業務システムに取り組む話 • アソビュー • 全国のレジャー・遊び・体験が探せる日最大 級の検索・予約サイト • バックオフィス業務は必要最小限、かつ人間系 でがんばっているが… • 事業のさらなら発展のためには • バックオフィスのシステム充実が必須 • ただし、 • ビジネスモデルや業務フローは変わり続ける 12. 電子チケットサービス • ネット上で電子チケットの購入 • 入場時に、電子チケットの提示と「もぎり」 • 挑戦 – 金流の変更 • before : 主催会社にお金が入り、手数料を請求 • after: アソビューにお金が入り、主催会社に支払い – バックオフィス業務の複雑化 – 確実性や迅速性の要求 – バックオフィスシステムの開発経験不足

    RDRA DDD Agile
  • 母ちゃんがプログラミングでプラレールを操作できるようになったとき - Mana Blog Next

    こんばんは。2人の子供を育てながら電子工作を頑張っている母ちゃんです。 昨年の9月からスタートさせて9ヶ月が経ちました。今年4月から会社員になったので平日は時間が取れず、週末に電子工作をしながらプラレールをプログラミングで操作できないか試行錯誤をしていました。 これまでの経緯は以下のエントリーをご覧ください。 目次 ついに完成 無事、完成しましたよ! 4歳の長男は母ちゃんの宣言を忘れずに覚えていて、「ねえ、まだ完成しないの?」とたまに催促してきますので、母ちゃんは諦めずに頑張れました。 ちなみに「プログラミングでプラレール…」だと長いので、 家庭では試作機を「IoTプラレール」と呼ぶようになりました。長男もIoTの意味を理解してしまいました。 失敗ばかりで諦めたくなった とにかく、はんだ付け失敗を頻発するので、秋月とスイッチサイエンスさんに課金を続けました。はんだ吸い取り「ハッコースッポン

    母ちゃんがプログラミングでプラレールを操作できるようになったとき - Mana Blog Next
  • スマホでプラレールやミニ四駆を操作できる!スゴイIoT乾電池「MaBeee」

    スマホと繋がる乾電池型IoT「MaBeee(マビー)」をご紹介します。 MaBeeeはおもちゃや自分で作った工作、電動歯ブラシなど乾電池で動く製品をスマホでコントロールできる乾電池型IoT製品です。 市販の単4電池をMaBeeeに入れたら、単3電池を入れる要領でおもちゃの中にMaBeeeを入れてアプリと接続します。電池を複数個使う製品でもMaBeeeを1つだけ入れれば使用できます。 接続が完了したらスマートフォンのアプリで乾電池の出力をコントロールしましょう。 スマートフォンを振ったり、傾けたり、大きな声で話しかけることで操作可能です。おもちゃと組み合わせて遊んだり、お子様の知育に活用したりとさまざまな用途で活用できます。アプリは最大10台のMaBeeeと同時に接続できるのでたくさんのおもちゃなどを一度に動かすことができます。

    スマホでプラレールやミニ四駆を操作できる!スゴイIoT乾電池「MaBeee」
  • Electronを使って音声認識でプラレールを操作しよう - Qiita

    やりたいこと MabeeeというスマホからBluetoothで操作できるIoT乾電池があります。標準で提供されるスマホアプリからは、声の大きさやスマホの加速度に乾電池を反応させることができます。また、正式サポート対象外ではありますが、MabeeeをMacから操作可能にするアプリ「MaBeeeMacApp」も提供してくれています。せっかくなので、このアプリをつかって、標準のスマホアプリにはついていなかった「音声認識で乾電池を操作」というのをやってみたいと思います。これができれば、声でプラレールを操作することもできるようになるはず。 Bing Speechの利用 音声認識にはBing Speechを利用します。音声認識ならばWatsonがイイよ!と聞いたはずなのですが、うっかりBing Speechを使ってしまいました。WebSocketとか対応しておらず応用は限られるかと思いますが、短いセン

    Electronを使って音声認識でプラレールを操作しよう - Qiita
  • 家庭内感染が一番こわい!?手足口病は“大人”が気をつけるべき理由

    昨年のシルバーウィーク前に子どもが手足口病に感染。まさか私に感染するとは…!甘く見ていた手足口病…かかるとものすごく大変でした。 喉が痛む病気&ヘルパンギーナや手足口病などに備えて 「カロリーメイト缶」はオススメです。 ココア味やコーンスープ味などがあり、子どもたちも飲みやすそうでした。 下記は手足口病に苦しんでいた私のTwitterのつぶやきです(笑) ご参考までに。 なかなか事もとれず、弱っているところに 栄養価が高そうな豆乳&豆腐は魅力的ですよね。 やわらかい、優しい味…元気になれそう!!と思い、べると… 恐ろしく口内が痛かった!!! また、ヨーグルトにきな粉を入れて「栄養UP!」も大変危険です。 私は、非常に痛い目にあいました! 何故かわかりませんが、私の場合大豆系は口内炎に攻撃しかしてきませんでした。

    家庭内感染が一番こわい!?手足口病は“大人”が気をつけるべき理由