YWTという振り返り手法について | ナカシマガジン
YWTという振り返り手法について 今回はYWTという振り返りの手法についてご紹介してみたいと思います。前、メール版で書いてた記事ですが、ブログでもアップしときます。 さて。 振り返り、その手法はいくつかあるのですが、大御所の手法はやはりKPT（ケプト）と言われる手法でしょう。 KPTとは、その名の通り K：Keep P：Problem T：Try の頭文字を取った手法のことで、（やってみて）Keepしたいこと、Problemだと思うこと、次にTryしてみたいことを、分野別にまとめることができます。 KPTはシンプルながらかなり使える方法でして、以前僕もこんな記事をまとめていました。 YWTとは何か？ KPTは最近知っている方も多くなってきたのですが、YWTという手法はまだあまり知られていないようです。 かくいう僕も、昨年くらいにどっかで見かけて、「これ面白いなー」と教えてもらった手法です。
【SpringBoot】 RestAPI チュートリアル -
業務で急遽SpringBootを使うようになったので簡単に実装方法を纏めるため、 今回は簡単な書籍管理用のRestApiを作成してみます。 事前準備 Eclipse プラグインの導入 EclipseMarketPlaceで以下のプラグインを追加しましょう。 Spring Tool Suite marketplace.eclipse.org Gradle IDE marketplace.eclipse.org MySQLでテーブル作成 アプリケーションで利用するデータベースを作成します。 今回はspringというdatabaseを作成していきます。 $ CREATE DATABASE spring $ USE spring データベースの作成が出来たらBookテーブルを作成します。 $ CREATE TABLE `Book` ( `id` int(20) NOT NULL AUTO_INCR
Twitter Bootstrapのさまざまなテーマをダウンロードできる『Bootswatch』 | 100SHIKI
個人的にいじっていて便利そうだったのでご紹介。 Bootswatchは、Twitter社が提供するTwitter Bootstrapのさまざまなテーマをダウンロードできるサイトだ。 Twitter Bootstrapといえば簡単に今風デザインのサイトを作れるCSSフレームワークだが、それで作ると「あー、黒いトップバーだし、Twitter Bootstrapね」的になってしまうのが難点だった。 最新版ではテーマをカスタマイズできるツールもついているが、配色などを考えるのが面倒な人もいるだろう。そういう方はBootswatchを利用してみてほしい。 それにしてもどんどんウェブ作りが簡単になっていきますな・・・。
WordPressテーマ開発者向けの、様々な機能を兼ね備えたフレームワーク・WordPress Bootstrap
少し気になってたテーマにようやく触れて みたのでついでにご紹介。WordPressテーマ デベロッパー向けに作られたフレームワーク WordPress Bootstrapです。様々な用途に 応用しやすいように作られていますよ。 ベースにBonesが使われています。 テーマ開発者と言ってもかなり幅が広いんですが、こちらはそれなりに触りなれてる方でないと使うのは少し難しいかもしれません。プログラマーさん向けかもですね。 例えばテーマ独自のオプションや、カスタム投稿タイプを応用したシステムなど、割と高性能なテーマのスタートラインとして作ったみたいです。HTML5製でレスポンシブWebデザインにも対応しています。 高性能なテーマ開発にも柔軟に対応できるフレームワークです。今までのWordPressフレームワークの大半は普通のテーマが目的でしたが、こちらは少しシステムよりなイメージです。 レスポンシ
Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime
結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るようになっています。 そういった仕様にする事で、シンプルで綺麗で可読性の高いソースを保てるように設計されていたりと、結構参考になるスターターキットですよ。フレームワークは自作してるので良い部分を組み込んでみようかなと思いました。 タブやドロップダウン、スライドショーなどを備えているだけでなく、class名1つで実装出来るようになっているので、綺麗なソースを保持する事が出来るようになっています。 いろいろ
ど素人のCSSのみで行うブログデザイン構築編 ① 〜 Live CSS Editor を使おう！〜 | なまら春友流
CSSど素人の春友です、こんにちは。 先日こんな記事を書きました。 ブログテーマをWordPressフレームワーク「Thematic」に変更しました | なまら春友流 このテーマにしてからCSSにものすごく興味を持ち始めています。 ってことで自分の備忘録としてデザインを変更してゆく様をブログに書いていこうと思いました。 あくまでも自分で実践してみたことを記載してゆくつもりです。 ど素人なので間違っていたり、美しくないCSSの書き方をしていることも多々あると思いますので、その際はご指導ご指摘いただけると幸いです。 自分ルールとしてphpファイルを直接弄ることはせず、CSSのみでのサイトデザイン変更を目的としています。 理由は上の記事でも述べていますが、子テーマのCSSを編集することでシンプルなブログ管理をするためです。 今回はこの不定期連載の第1回目、どのような方法でCSSを弄っていくか、と
FoundationをベースとしたHTML5製のレスポンシブ対応WordPressテーマフレームワーク・Reverie
以前ご紹介したレスポンシブWeb デザイン対応のFoundationをベース としたHTML5製のWordPressテーマ フレームワーク・Reverieのご紹介 です。どんどん出てきますね。 Foundationってのは以前ご紹介したように、zurbっていう、jsライブラリ等を一杯配布してくれてるサイトのプロダクトで、WPテーマ化も済んでるんですが、またFoundationベースでリリースされたようです。 Foundationベースで、テーマ構造はRootsを参考にしたそうです。レスポンシブ対応には例によってMediaQueriesが使われています。bbPressとの互換性もあり、ウィジェットや画像のキャプションにもしっかりHTML5タグが出力されるようになっているみたいです。 スクリーンショット スクリーンショットです。iPadとiPhoneのスクショはシミュレーターのElectric
Foundation for Sites | The most advanced responsive front-end frameworks in the world.
Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. We’re constantly adding new resources and code snippets, includi
レスポンシブなWebサイト構築向けのフレームワーク・FoundationのWordPressテーマ版
以前ご紹介した、zurb提供の レスポンシブWebデザイン対応 サイト向けのフレームワーク、 FoundationにWordPressテーマ 版が追加されていましたので ちょっとメモです。 休日ですし、少し軽めの話題・・・以前ご紹介しつつ、まださほど使ってないうちにテーマ化されてしまったので少し触れてみました。 Foundation for WordPress 詳細は以前の記事を見ていただくとして・・・あれ？もう話すこと無い。まぁWPのテーマ化しましたよ、って話でした。 以前もチラッと書きましたけど、Foundationはほぼまっさらな状態なので既存サイトに組み込みにくいMediaQueriesを使ったレスポンシブWebデザイン対応にはそこそこ向いてるんじゃないかなと思ってはいます。とは言いつつも、昨日は問題点のディスカッションもしていました。レスポンシブWebデザインはまだまだテストとエ
レスポンシブデザインのためのCSSフレームワーク１５:phpspot開発日誌
15 Responsive CSS Frameworks Worth Considering レスポンシブデザインのためのCSSフレームワーク１５ スマホやデバイスが多様化するに伴って今後必須化すると思われるレスポンシブデザイン作成のためのCSSフレームワークがまとまっています 沢山あるので自分にあったものが選べるかもしれません。この分野でのデファクトが決まると１スキルとしてアピールできるような日が来るのかも LESS Framework 4 Foundation MQ Framework columnal など全１５種類が紹介されています 関連エントリ Facebookのページを作る際に便利そうなHTML/CSSフレームワーク「520 Grid System」 ログイン/ユーザ登録といったフォーム実装用のフレームワーク「jFormer」
レスポンシブWebデザイン対応のHTML5製ギャラリーサイト用WordPressテーマ・Shotoku(β版)を公開しました
iPhoneやiPadにもレイアウトを調整する レスポンシブWebデザイン対応でHTML5製 のギャラリー用WordPressテーマを作成 しましたので無償公開します。と言っても 実は未完成なのでベータ版として。作り はシンプルなのでフレームワーク的に ご利用下さい。 まったり開発してたんですけど諸事情で時間が無くなりそうで、かなり遅れそうなのでベータ版としてひとまず公開することにしました。レスポンシブWebデザイン対応のギャラリー向けWordPressテーマです。 出来る限りミニマルなデザインを意識したつもりです。尚、ミニマルデザインに関してはこちらが参考になります。 jQuery MasonryとMedia Queriesを使ってレイアウトを調整します。練習用に作ってたんですが、途中から公開してみようという気になってさきほど一旦挫折しとこうと思って本日公開に至りました。 未完成といいま
様々なデバイスにレイアウトを最適化するレスポンシブWebデザイン対応でタブやフォームなどのリッチUIもセットにしたフレームワーク・Foundation（と、サーバー移転のお知らせ）
iPadやiPhoneなど、様々なデバイスにもレイアウトを最適化するレスポンシブWebデザイン対応で、タブやグリッド、フォームデザインなど、UIをリッチなデザインに変更可能なマルチフレームワーク・Foundationのご紹介。 ご紹介の前に、サーバー移転のお知らせです。 今月(10月)頭より、当サイトを置かせて頂いていたヘテムルさんからの退去勧告を受けてサーバーを移転する事になりました。 ヘテムルさんでは1日の転送量の目安が20GBなのですが、9月はほぼ毎日20GBを超えており、日によっては30GB、40GBまで転送していて、同じサーバーの他の方に大変ご迷惑をお掛けしてしまいました。この場をもって深くお詫び申し上げます・・・申し訳ありません。10月中に移転を、とのご警告を頂いて、先日から今日にかけて移転作業を行いました。 移転先ですが、ありがたい事にお声をかけて頂けて、VPSを借りさせて頂
CakePHP 2.0 のリリース（訳） - ２４時間CakePHP
訳 CakePHPコアチームはメジャーなバージョン番号のジャンプをアナウンスすることに興奮を覚えています。 CakePHP 2.0 安定版が出ました！ 私たちはこのリリースに永久の時を注ぎ込み、このバージョンのフレームワークに素晴らしいアイデアの数々を成すことができました。 これは2.0が意味するものの応急な概要です: PHP4のサポートを打ち切り、全てのコードをPHP5.2以上に厳密に尊守するように書き直しました。 例外、PDO、SPL、json_encodeなどなどのネイティブな機能の使用。 ファイル命名へPSR-0を取り入れました。あらゆるクラスは同じ名前を用いてファイルにマッピングされます。覚えることが少なくなりました！ 新しいエラーと例外のハンドラーは簡易な設定や、ページが見つからないエラー、承認エラーなどのエラーとの楽な協調、など数多くのものを提供します。 マルチリンガルな開発
iPhone, iPad, ブラウザなどクロスデバイス対応のCSSフレームワーク -Less Framework
iPhoneなどのモバイルデバイスには320px、iPadやネットブックには768px、デスクトップなどのブラウザには1280px、三種類のデバイスにあわせてレイアウトを切り替えるフレームワークを紹介します。 Less Framework 2 ベースとなるカラムは下記のようになります。 iPhoneなどのモバイルデバイス 320px、2カラム iPadやネットブック 768px、5カラム デスクトップなどのブラウザ 1280px、8カラム 三種類のレイアウトは同じグリッドを使用しており、カラム幅：120px、溝幅：24pxとなっています。 異なる点はカラムとマージンの量です。 レイアウトの変更にはCSS3のMedia Queriesが使用されています。 body {width: 696px;} @media only screen and (max-width: 767px) { body
著作権放棄・シンプル・軽量で、iPhoneなどにもレイアウトを調整できるレスポンシブWebデザイン対応のHTML5フレームワーク・Fluid Baseline Grid
なかなか凄いフレームワークがあったので 反射的にメモ。パブリックドメインという のが何より太っ腹ですねー。自由に使用で きて、シンプルで汎用的、しかも軽量で iPhoneやiPadにもレイアウトを自動調整 するレスポンシブWebデザイン対応のHTML5 フレームワークです。 これ、凄く良い感じです。いいもの全部詰め込んだ、みたいなソフトウェアですね・・・ちゃんと使いこなせるようになりたいかも。 Media Queriesを使ったレスポンシブWebデザイン対応のCSSフレームワークです。3カラム構成で組めるようにもしてあります。マークアップはHTML5+CSS3ですが、jsを使ってIEにも対応してくれています。 以下にざっと特徴を。 著作権放棄(パブリックドメイン)軽量(CSSは9kb)ベースライングリッドに揃済みグリッドレイアウト対応iPhoneやiPadなどにも自動でレイアウトを調整HT
タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS
たまたま見かけて便利そうだったので シェア。良く使われるドロップダウン メニューやページスクロール、タブや ツールチップなどを1つのjsファイルで 実装可能にする国産のjQueryプラグイン です。制作が楽になるのでLaquu、と いう名みたいです。 国産のプラグインなのでドキュメントも日本語です。英語が苦手な方でも手軽に使えるのではないかなと。また、無駄な装飾も無いので既存サイトに落とし込んだり、シンプルなフレームワークとしても良いかもしれません。 以前ご紹介したsimplelibと同様にパッケージ化されているので選択肢が増えた印象です。 シンプルで装飾も自由に出来るのでなかなか汎用的ではないかなと思います。ライセンスもMITなのはありがたいですね。 備わっている機能 機能はこんな感じ。どれも良く探している機能じゃないかなと思いますが、これらの機能を1つのjsファイルで使うことが出来る、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper
http://www.designwalker.com/2010/06/html5-template.html
IDEA * IDEA
jQuery Mobile 1.1.0 日本語リファレンス