エンジニアにもわかる「ユーザーインターフェース設計」
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
脱Excel！ Redmineでアジャイル開発を楽々管理
ソフトウェア開発のタスクをチケットに登録すると、作業を始めるチケット管理をメインに、進ちょく管理、問題管理などができる。 バグ管理システムだけでなく課題管理システム（ITS：Issue Tracking System）で運用する開発プロセスは、チケット駆動開発（TiDD：Ticket Driven Development）と呼ばれ、最近注目されている。 Ruby1.9の開発はRedmineで管理されているように、近ごろは事例も増えている。 Redmine運用前の問題点 筆者がRedmine運用前に持っていたプロジェクト管理の問題点は下記2点だった。 1．Excelでのタスク管理の限界 従来からプロジェクトマネージャやプロジェクトリーダーの多くは、進ちょく管理やタスク管理をExcelで行ってきた。 プロジェクト管理では顧客へ進ちょく報告するために、残工数と残タスク数を計算する必要がある。だが
【公開】脱Excel！ Redmineでアジャイル開発を楽々管理 - プログラマの思索
下記の記事を公開した。 脱Excel！ Redmineでアジャイル開発を楽々管理 － ＠IT自分戦略研究所 上記の記事では、僕が過去1年間、Redmineを運用して経験したこと、考えたこと、そして確信したことについて書いた。 一番言いたかった事は、Redmineによるチケット駆動開発が、XPのプラクティスの一つである小規模リリースを実現するプロジェクト管理のインフラになることだ。 その仕組みは、XPのタスクカードをBTSチケットとしてデジタル化することにある。 そのおかげで、チケットとソースのトレーサビリティによる変更管理、メインラインモデルによるSWプロダクトラインのような並行開発、チケットの自動集計によるメトリクス出力などの興味深い機能もある。 Redmineによるチケット駆動開発こそが、アジャイル開発を運用するハードルを下げてくれると確信している。 他に、東さんの記事 VMwareと
iPhone向けWebページで、アドレスバーを隠す - Sunflat のブログ
iPhone向けWebページで、自動的にスクロールさせてアドレスバーを隠したい場合、以下のようなコードを書くことが多い。 <script type="text/javascript"> window.onload = function() { setTimeout(scrollTo, 100, 0, 1); } </script> でもこれだと、Backボタンで戻った時にも強制スクロールされてしまい、見づらいサイトになってしまう。 初回表示時（手動でスクロールさせていない状態の時）のみスクロールさせたい場合は、以下のようにすれば良いらしい： <script type="text/javascript"> function doScroll() { if (window.pageYOffset === 0) { window.scrollTo(0,1); } } window.onload
コードレビューWebシステムが必要な理由 - プログラマの思索
最近、コードレビューWebシステムに興味を持っている。 アイデアをメモ。 【元ネタ】 プログラマの思索: ソースインスペクションを真面目にやるGoogle、MS プログラマの思索: コードレビューはペアプログラミングの代替手段 プログラマの思索: レビューはペア作業であるべき 最近思うのは、SW開発でレビュー工程が最大のボトルネックになっていること。 レビューは、設計書を作成完了した後、設計書に従って実装完了した後に行われる。 レビューの目的は二つあると思う。 一つは品質チェック。 他方は、チーム全体で仕様や設計思想を情報共有すること。 しかし、レビューがうまく機能していない。 実際は、レビューが品質強化につながっておらず、むしろ、要件定義の代替プロセスになっていたり、ソースチェックで自動化できるぐらいのレベルでしか、情報共有できてない。 僕の考えでは、XPのペアプロのように、レビューは二
最小限のチケット駆動開発の運用方法 - プログラマの思索
営業の人がRedmineでチケット駆動開発を実践した記事があったのでメモ。 【元ネタ】 redMineで仕事のディレクション・進行管理 | 陽のあたらない美術館 -人間再生- 上記Blogを見ると、下記の内容のようだ。 ・Redmineのバージョンは、0.6.4。 ・Web制作のタスク管理にRedmineを運用している。 ・バージョンには、「受注フェーズ」「企画・仕様」「ベータ版公開」「正式公開」が登録されている。 つまり、マイルストーンを工程単位にしている。 ・チケットには「見積書提出」「契約」「企画書提出」「仕様詳細検討」「開発１」「動作確認１」「サーバ設定」「調整」などのタスクが登録されている。 これらのチケットを工程であるバージョン単位にまとめている。 ・ガントチャートやカレンダー、ロードマップでチケットの進捗を管理している。 ・ステータスは「新規→担当→解決→終了」のため、Red
常駐型サーバープログラムのデバッグ手法
BOOK: WEB+DB Press TITLE: 常駐型サーバーのデバッグ手法(ドラフト版) AUTHOR: (株)プリファードインフラストラクチャー 太田一樹 ＊注: この文章はWEB+DB PRESS Vol.48に掲載された記事のドラフト版です はじめに 今回はデバッグ関連特集ということで、常駐型サーバープログラムを作成する際のハマりどころやそれに対する解析方法・解析ツール・対策を、実際の経験を交えながら紹介したいと思います。 筆者は(株)プリファードインフラストラクチャーでインメモリ分散検索エンジン「Sedue (セデュー)」を開発しています。モバイル向け検索エンジン「エフルート」や、2008/11/6にリニューアルされました「はてなブックマーク2」などの検索バックエンドとして使われております。 この検索エンジンはいくつかの常駐型サーバープログラムから構成されており
Linux上で稼働するオープンソースの開発ツール--見過ごせないもの10選
文：Jack Wallen（Special to TechRepublic） 翻訳校正：村上雅章・野崎裕子 2009-03-31 08:00 Linux開発環境の利点を活かすには、適切なツールが必要となる。本記事では、優れたツールを選び、その概要や機能を紹介する。 Linuxは素晴らしい開発環境である。しかし、適切な開発ツールが無ければ、そのような開発環境も宝の持ち腐れとなる。幸いなことに、Linux上で稼働するオープンソース開発ツールは数多くあるのだ。あなたがLinuxに不慣れである場合、どういったツールが利用可能であるのか判らないかもしれない。だが、心配は無用だ。以下に、あなたの開発をぐっとレベルアップさせる素晴らしいツールを10個紹介するので参考にしてもらいたい。 ＃1：Bluefish 「Bluefish」は、Web開発を行うための統合開発環境（IDE）として最も人気の高いものの1
快適なWeb開発環境を構築する、Firefoxアドオン10選
快適なWeb開発環境を構築する、Firefoxアドオン10選：エンジニアがお薦めする 現場で使えるツール10選（2）（1/5 ページ） ITエンジニアの方であれば一度は使ってみたことがあるFirefoxだが、いまひとつ使いこなせていない人や標準のInternet Explorer（IE）に戻ってしまった人もたくさんいるだろう。 FirefoxといえばオープンソースのWebブラウザとしてIEをしのぐ勢いでWebブラウザのシェアを獲得してきている。2008年6月には「Firefox 3」になり、レンダリングエンジンも高速化されて注目を集めた。そんなFirefoxの最大の魅力は、何といっても拡張機能である豊富なアドオンが公開されていることだ。 アドオンを組み合わせて自分が使いやすいWebブラウザ環境をつくることができる。これがFirefoxの楽しみ方の1つでもある。しかし実際には、あまりにも多く
技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
MySQL管理ツールと開発ツールのまとめ | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing MagazineにおいてMySQL Admin and Development Tools Round UpのタイトルのもとMySQLの管理および開発に活用できるツールがまとめられている。MySQLを使った開発やデータベース管理を行っている場合には一度チェックしておきたい内容だ。紹介されているツールを抜粋すると次のとおり。 phpMyAdmin - MySQL管理Webアプリケーション SQL Buddy - MySQL管理Webアプリケーション Aqua Data Studio - MySQL管理アプリケーション(開発向け機能含む) (Win, OS X, Linux, Solari
【ハウツー】PHPExcelを使ってPHPでExcelファイルを出力する (1) PHPExcelとは | エンタープライズ | マイコミジャーナル
はじめに PHPExcelは、PHPでExcelファイルを生成できるライブラリです。Excel2007形式のファイルの読み書きができ、ワークシート、セル、罫線、図形、コメント等の操作ができます。 PHPExcelで生成したExcelのサンプル 入手方法 PHPExcelはCodePlexからダウンロードできます。ライセンスはLGPLで、執筆時点の最新バージョンは1.6.5です。ダウンロードページには「PHPExcel」と「PEAR PHPExcel」の2種類がありますが、ここでは「PHPExcel」を入手します。 実行環境 PHPExcelを利用するには以下の環境が必要になります。 ・PHPバージョン5.2以上 ・PHP拡張モジュール「php_zip」 本稿ではPHPのバージョン5.2.9を使って動作確認を行いました。また、php_zipを利用するため、php.iniの「extensi
web開発者なら知っておきたい HTTPステータスコード : LINE Corporation ディレクターブログ
こんにちは。ブログと検索を担当している河野です。 突然ですが、皆さんは404という数字を見て何を思い浮かべるでしょうか。 この数字からWebブラウザで時折見かける「404 Not Found」を思い出す人は多いのではないかと思います。ということで、ちょっと強引ですが、今回はこの404などのHTTPステータスコードについて、ディレクターの視点で知っていた方がいいことを書いてみたいと思います。 【１】HTTPステータスコードの定義と確認方法 まずはHTTPステータスコードについて一通り説明をしたいと思います。 HTTP ステータスコードとは、「HTTPにおいてWebサーバからのレスポンスの意味を表現する3桁の数字からなるコード」とWikipediaには定義されています。 冒頭であげた404は、このステータスコードの1つで、リクエストに対応するページやファイルを見つけられなかった時にサーバが返し
他の人が作成したプロジェクトがビルドできない場合の解決法 - mswar's はてなブログ
公式のサンプルとか、ネットに転がってるサンプルなど、 他で作られたプロジェクトファイルでビルドできない場合がある。 大概はこういった場合 １、xcode閉じた状態でbuildファイル、 buildフォルダを消去 （単なるクリーンじゃ駄目） ２、プロジェクト設定のコード署名に、自分のプロファイルを設定 ３、resourcesのplistで、BundleIdentifierに 自分のプロファイルで設定したものを設定 この３点を気をつけてれば、ビルド＆転送実行でつまづく事は無い。 この辺りに関しては、以前書いたエントリをどうぞ iPhone実機でアプリ動かない人向け情報 - mswar的電網日誌 で、それでもビルドに失敗する場合（「CodeSign Error〜〜〜」とか言われる） プロジェクトファイル自体に、以前作成した人間の情報が残っている事がある。 （ファイルを右クリックで、パッケージ内容
オンライフモバイルの開発で役立った情報源やライブラリのまとめ : akiyan.com
オンライフモバイルの開発で役立った情報源やライブラリのまとめ 2009-03-23 本日、株式会社ヨセミテにて提供中のみんなの闘病サイト オンライフのモバイル版がオープンしました。 日本初、携帯電話から闘病情報の共有ができる『オンライフ モバイル』を提供開始 (プレスリリース) 僕自身、ログインやフォーム送信などの機能を備えたモバイルサイトの本格的な開発は初めてだったので、多くの情報源やライブラリに助けられました。その中でも特に役立ったものを紹介します。 目次 モダンなモバイル開発のススメ (PHP編) ゆどうふ氏による最近のモバイル開発事情と利用ライブラリのまとめ。ライブラリはPHPですが事情説明は共通ですので、PHPな人もそうでない人もぜひ。 モダンなモバイル開発のススメ :: handsOut.jp PHP×携帯サイト デベロッパーズバイブル PHP×携帯サイト デベロッパーズバイブ
Webサイトを“速く”表示させる7つの計測ポイント（1/2） - ＠IT
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/3/24 FirefoxやYSlowを使ってWebサイトの問題点を探るには？ ライブドアブログを速くした著者が7つのポイントを伝授します（編集部） Webサイトは“見た目”が重要なのは当たり前だが…… 皆さんはWebサイトを作るときに、どのようなことを意識していますか？ デザイナや主にHTMLのコーダー／マークアップエンジニアと呼ばれる職種に就いている人は、やはり“見た目”を強く意識しているのではないでしょうか。 例えば、複数のWebブラウザで同じか近い表示になるようにとか、リリース後の更新業務によって表示崩れが起きないように、などです。もちろんそれは職種の適性として正しいものですが、実はほかにも意識した方がよい重要な要素があるのです。 良い印象を与えるには、“速度”も重要 Webサイトを見たユーザーが、良い印象を受けるのか
高品質なiPhone向けWebサイトを構築するフレームワーク·iWebKit MOONGIFT
iPhoneやiPod Touch向けのサービスを提供してみたいと思う人は多いはずだ。だが専用アプリケーションの開発はObjective-Cを習得する必要があったり（他の言語でもできるが）、App Storeへの申請が面倒に感じてしまうかも知れない。 iPhone/iPod Touch向けサイトを作るのに便利 その点、Webサイトであれば申請も不要ではじめられる。ネットワーク必須のサービスを作るならSafari経由でも十分かも知れない。そんな時に便利なフレームワークがiWebKitだ。 今回紹介するオープンソース・ソフトウェアはiWebKit、iPhone/iPod Touch向けのWebサイトを構築するフレームワークだ。 iWebKitを使うと、iPhoneやiPod Touchに適したWebサイトを簡単に構築できるようになる。左に移動していくナビゲーションや、テキストや画像を使ったリス
とても洗練されたＵＩの日付ピッカー＆カレンダー集:phpspot開発日誌
Beautiful datepickers and calendars for web developers とても洗練されたＵＩの日付ピッカー＆カレンダー集のエントリが紹介されていましたのでピックアップ。 日付入力も便利だけでなく、クールに行えます。 datepicker シンプルだけどクールなカレンダー jquery datepicker From〜Toが指定できるカレンダー Calendar 立体的でクールなＵＩ jPint iPhoneっぽいＵＩ 全部見る たくさんありすぎて迷いますが、サイトのＵＩや、用途に応じて使い分ければ便利そうですね。 関連エントリ 超クールなカレンダー型日付入力補助用JSライブラリ カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 日付入力を便利にするカレンダー/日付ピッカー集
iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ-
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら？」と思い立ったのですが、iPhoneのネイティブアプリを作るには、"Objective-C"と、"cocoa Touch"というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり（iPhoneエミュレータ上で動かす分には問題ないのですが…）と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識＋αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
プロジェクトの進め方と各フェーズでの成果物についてまとめ
こんばんは濱田です。 今日のBlogはデザインパターンはお休みしてプロジェクトの進め方と各フェーズでの成果物についてまとめてみます。 まだまだ新米プロジェクトマネージャーなのでこのフェーズではこんなドキュメントを作った方がいいなど、コメントにてご指導頂けるととてもうれしいです。 想定されるプロジェクトの規模 ５名ほどの製造要員がいて半年以上１年未満のプロジェクトを想定する。 システム概要 次期システム構築PJ 次期システムとは基幹システムの再構築であり、現行で基幹システムとサブシステムが稼働している、リリース後次期システムはサブシステムと連携して業務が行われる。 １.各フェーズとフェーズ単位に使用・作成する成果物一覧 ⅰ．要件定義 モックアップ 要件定義書（工数計算のために使用） 課題管理表 議事録（課題管理に使用） 画面設計書 ⅱ．詳細設計 ER図 詳細設計書 ⅲ．製造・単体テスト ER
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
