ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict
ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何？ ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「作ってはみたが使いにくい」や「いまさら後戻りできない」という問題が発生する。UIや手触りが重要なモバイル系のアプリにおいて、これは致命的な問題になる。ペーパープロトタイピングはこの問題を低コストで解決する。 紙とペンで動作モックを作成することで、本実装を行う前に、素早く手戻なく検証を行うことができる。これにより、仕様書策定や実装前にPDCAのサイクルを実現できる。作業負荷の高い本実装を行う前に軽く
ナチュラルキーとサロゲートキーについての議論
とあるブログエントリで「ナチュラルキーを主キーにしてはいけない」という主張を見かけたのでこれに反論しておく。これはリレーショナルモデル的には明らかに間違った考えだからだ。 リレーショナルモデルにあるのはナチュラルキーだけリレーショナルモデルには「サロゲートキー（代理キー）」という概念はない。まずこの点に注意して頂きたい。サロゲートキーとは、データベースアプリケーション開発において実用上必要とされる機能であって、本質的には不要のものである。リレーショナルモデルでは、いわゆるナチュラルキーというものがあれば機能的には十分だからだ。 そのためにはまず「キー」という概念が何を指し示すかということについて正しく理解しなければならない。リレーショナルモデルではキーと呼ばれるものは候補キーとスーパーキーという2つの概念だけである。「タプル（≒行）の値を一意に決定することができる属性（≒カラム）の集合」の
SNSチームでのドメイン駆動設計の実践 | GREE Engineering
こんにちは！グリープラットフォームでSNSの開発をしています、うきょーです！ GREE Advent Calendar 2013 6日目です、よろしくお願いします！ 今回は僕が所属するチームでの、ドメイン駆動設計を実践してきた過程をお話したいと思います。ドメイン駆動設計とは何か、については簡単に要所要所で説明していきますが、詳しくは本で！また、ドメイン駆動設計そのものについての話ではなく、実践の一例となります。 スマートUIパターンからのスタート 今回僕のチームが扱っていたものはJavaScript製のクライアントアプリケーションで、APIから取得した情報を表示し、ユーザーの操作によってAPIを呼び出す、というごく一般的なものです。 ドメイン駆動設計にはアンチパターンとして、スマートUIパターンと呼ばれるものが存在します。簡単に言えば「見た目都合から設計やモデルを考えてしまった」という状況
今どきのGruntを使ったフロントエンド開発（HTML/CSS編） - MOL
SassなどのCSSプリプロセッサを使うWebデザイナが増えてきました。Sassをコンパイルするだけなら黒い画面（ターミナル）を使わずともGUIアプリからの利用で問題ありません。が、ここは一歩踏み込んでGrunt（JavaScript製のタスクランナー）を使って、Sass以外のコンパイルやライブリロード、画像最適化、CSSのリントやスタイルガイド生成など、あらゆる作業をGruntに任せてより効率的な開発環境を手に入れてみませんか。 ども、Front-end Developerをしております@t32kです。今日はがんばります。 Frontrendというコミュニティ活動をしています。通常は東京で3~4ヶ月の周期でフロントエンドをテーマにした勉強会を開催しています。良かったらみなさんもご参加くださいませ。 Agenda 今日の話す内容は以下のとおりです。 なぜGruntを使うの？ Gruntの使
JavaScript+DDD実践編？
ϨΠϠʔԽ ɹΞʔΩςΫνϟ ΤϯςΟςΟ όϦϡʔ ɹΦϒδΣΫτ ϦϙδτϦ ϢϏΩλεݴޠ େنઃܭ ϦϑΝΫλϦϯά ΞάϦήʔτ ࠓ ͢ Δ ͓ ࠓ ͠ ͳ ͍ ͓
CakePHPはなぜ普及しない
う～ん・・・私が思うに、普及していないのではなく、お手軽という点で普及はしてるが、評価が低いというか、評価が両極端なんだと思います。 でも、私が知る限りでは、PHPではCake案件が一番多いんですけどね・・・ 他と比べてCakePHPが「万能」でも「特に素晴らしい」わけでもありませんし、 そもそもビジネスにおいて、それぞれのフレームワークの利点は、 プロジェクトの目的や開発チームの状況、立ち位置によっても変わってくるのではないでしょうか？ Cakeに限りませんが、例えばプロジェクトごとにメンバーを入れ替えたり、有用なプロパーを採用しきれなかったり、要するに外部スタッフを多用してるようなところや、独自でフレームワークを開発している時間がないところでは、一般的に普及しているオープンソースなフレームワークの方が、チーム全体としての学習コストや開発コストが有利という理由で導入してる場合も多いようで
Backbone.jsでつくるMVPなUIパターン【リスト】 | DevelopersIO
今回はBackbone.jsを使ってフォームから追加し、削除できるリストを作ってみたいと思います。デザインは前回同様Twitter Bootstrapで作成しました。 htmlはこちら！ <div id="ui-list"> <div class="list-controls"> <form> <div class="input-append"> <input type="text" placeholder="Please type something" /> <input type="submit" class="btn" value="Add" /> </div> </form> </div> <div class="list-items"> <ul> <li class="list-item" data-cid="c1"> <a href="#" class="close">×</a
MVCとObserverパターン - いつもあさって
MVCとは Model ビジネスロジックを表現する要素．状態を持っている．Controllerから要求を処理し，状態の変更をViewに通知する．ViewやControllerに依存しない． SQLや一時保存したデータを書き換えたりする． View UIを担当する．Modelの状態をユーザーに表示し，ユーザーから入力があった場合Controllerに通知する．Modelに依存し，Controllerに依存しない． コマンドラインかもしれないしGUIかも知れない． Controller ユーザーの応答に対して処理する要素．Viewから通知を受け取り，Modelに変更の要求する．ModelとViewをもっている． 直接に描画を行ったり、modelの内部データを直接操作したりはしない。 一般的な制御フローは以下のようになる． ユーザがユーザインタフェースを通してviewに入力する ViewがCon
Grailsベストプラクティス(和訳) - sudo -u grails
This article is Japanese translation of http://groovy.dzone.com/articles/grails-best-practices . DZoneで公開されている Nitin Kumar 氏の記事を和訳したものです。また、「要約」の節を冒頭に移動しています。大元の記事はおそらくこちら。 類似の記事として、Amit Jain 氏がInfoQで公開している記事を uehaj さんが和訳したものもあります。 Grails Best Practices Grailsは、アジャイルに基づいた迅速でインタラクティブな開発フレームワークです。 "設定いらずの規約" convention not configuration を支持しています。 この記事では、Grailsの使いかたと、Grailsを取り巻くベストプラクティスを説明します。 ■要約 G
ページングされた一覧ページと詳細・編集ページの行き来 - miso_soup3 Blog
ASP.NET MVC で、ページングに対応した一覧ページから、 編集（詳細）ページへ遷移した後、もう一度一覧ページに戻るとき、 表示していた○ページ目へ戻るようにしたい、といった時の 実装方法について書きます。 図で表すとこんな感じです。 QueryString や セッションデータを使わなくても、 ActionLinkは、現在のルートデータを参照してくれる この機能を使えば、 僅かなコードで実装できます。 最初に QueryString での実装方法を紹介した後、ルートデータを使った実装方法を書きます。 QueryString で実装する場合 もし QueryString でページ番号の受け渡しを行う場合は、 まず一覧ページにて、編集（詳細）リンクを表示するときに、 現在のページ番号をパラメータとして渡します。 ルーティングを特に変更していない場合は、 『~/Person/Edit/1
Visual Studio Express 2012 for Web でいってみる ７.Bundling and Minification - 喜帳面の日記
asp.net MVC４の「Bundling and Minification」にチャレンジしてみます。 「Bundling 」は、JavaScriptファイルやCSSファイルを1つのファイルにまとめ上げる機能で、「Minification」は改行や空白をカットしスクリプトサイズを圧縮する機能のようです。その結果、データ容量やクライアントからのリクエスト回数を最小化することができる。らしい。 参考資料は ・Bundling and Minification http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification と、以下の書籍の付録 A.2.8 を参考にしました。 プログラミング MICROSOFT ASP.NET4 (Microsoft Press) 作者: ディノエスポシト,クイープ出版社/メーカー: 日経BP社
ガントチャート上でドラッグ＆ドロップでタスクの並び替えられるようにしてほしい – Customer Feedback for Backlog
ベトナムにおけるBacklog活用のリアル ベトナムにおけるBacklog活用のリアル backlog Backlog の Amazon EKS クラスターを Blue-Green アップデートするためにやっていること Backlog の Amazon EKS クラスターを Blue-Green アップデートするためにやっていること backlog 2023年最も素晴らしいプロジェクトを表彰！Good Project Awardを開催しました 2023年最も素晴らしいプロジェクトを表彰！Good Project Awardを開催しました backlog Backlog開発者が夫婦の不和をなくす家庭管理アプリを作ってみた話 Backlog開発者が夫婦の不和をなくす家庭管理アプリを作ってみた話 backlog 創業からもうすぐ80年の老舗企業！ミートボールでおなじみの石井食品様で、プロジェクト
中規模開発のためのBackbone.js - webネタ
はじめに Backbone.jsを使って、管理画面を作ったときのことを備忘録も兼ねてまとめて記事にします。 Backboneは入門やHelloWorldはたくさん情報があるんですが、実際使うとなると色々と考えることが多くて大変です。少しでも役に立てればと思います。(･ω･ ) 開発メンバー 5人。JavaScript経験者2人。Backbone経験者0人。(･ω･`;).. 全員JavaやScalaの経験がそれなりにある。 まずはじめに 今回は、全員3日程度ですがBackbone.jsを勉強する時間がありました。 その間に自分がBackboneで一部分実装し、ベースを作成することに。 勉強に使ったのは、主に Backbone.jsガイドブック。 学習のとっかかりとしては、ドットインストールがいいんじゃないかと思います。 ベースの作成 コーディング規約 まずはJavaScriptのコーディン
JSのMVCフレームワークbackbone.jsやってみた
Posted: 2013.08.21 / Category: javascript 最近 JavaScript のMVCフレームワークが増えてきていますが、WordPress にも採用されてちょっと気になっていた backbone.js を使ってみました。 ダウンロード Backbone.js を下記URLからダウンロードします。 また Backbone.js は Underscore.js, jQuery に依存しますので合わせてダウンロードしましょう。 Backbone.js Underscore.js Backbone.js 1.0.0 Underscore.js 1.5.1 jQuery 1.8.2 を使用します。 ダウンロードしたら読み込みます。 html <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2
Microsoft – クラウド、コンピューター、アプリ & ゲーム
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W
MVVM in iOS
Slides from the talk I gave at CocoaHeads Moscow 29.11.13.
ドメイン駆動設計の意義～MVCモデルの後継、パターン言語で語られる、ソフトウェアプロダクトラインの再構築 - プログラマの思索
ドメイン駆動設計の意義～MVCモデルの後継、パターン言語で語られる、ソフトウェアプロダクトラインの再構築 @digitalsoul0124さんのBlogを読んで、自分は「ドメイン駆動設計」を完全に理解していないことに気づいた。 ラフなメモ書き。 論理的な文章でないので後で直す。 【元ネタ】 ドメイン駆動設計入門 - Digital Romanticism モデルが息づく場所 - Digital Romanticism 戦略的デザインに関する意思決定のための６つのエッセンス - Digital Romanticism ドメイン駆動設計はソフトウェアプロダクトラインとオブジェクト指向分析のミッシングリング: プログラマの思索 ドメイン駆動設計は設計のアジャイル化～オブジェクト指向設計の先祖返り: プログラマの思索 ドメイン駆動設計の感想～OOAは過ぎ去りDOAはもう一度舞台に上がるのか: プロ
AngularJSを使ったWebアプリのアーキテクチャ設計 - Qiita
AngularJSは公式で分かりやすいチュートリアルが用意されているし、日本語の記事も増えてきたし、けっこう簡単に使い始めることができるんじゃないかと思います。 でも、チュートリアルやサンプルはクライアントサイドオンリーなことが多くて、サーバーサイドも含めたWebアプリを作ろうと思うと、どういう構成にすればいいのか迷うのではないでしょうか？（僕がそうでした） 最初は試行錯誤していたのですが、書籍やネットの記事を読んだりGitHubで見つけたアプリを真似たりしているうちに、どういう構成にすればいいのかだんだん見えてきたので、解説してみたいと思います。 SPA 最近、SPA（Single Page Applicationまたは Single Page Web Application）という言葉をよく耳にするようになりました。 SPAとは、最初のページだけ通常のWebアプリと同じようにサーバーか
これは効果絶大！ 初対面の人ばかりのパーティーで楽しく会話する超簡単なコツ | ライフハッカー・ジャパン
Inc.：知らない人ばかりのパーティーに参加して、初対面の相手と仲良くなってコネを作ることが、私はずっと苦手でした。でも、そんな私でも、ちょっとしたコツを試したら、知り合いがゼロに近いパーティーに参加して、2時間近く、まわりの人と楽しく会話することができました！知らない人ばかりのパーティーに参加する...。私にとって、このシチュエーションは、考えるだけで身がすくむものでした。でも、ライターやレポーターの仕事をしていると、こういった類の招待をわりと多く受けてしまい、招待状を読んで「ああ、行かなければ。でも、知り合いがいないな...」と思うこともしばしば。招待状を読み、考えた末に、行くこともあれば、行かないこともありました。でも、楽しめたことはほぼ皆無でした。 私の転機 最近では、たとえ知り合いが少なくても、交流会に参加するのがとても楽しみになりました。こういう集まりは、大きなゲームのようなも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モデリングをはじめよう
最近のJavaScript開発まとめ