今までの常識を覆す!?レスポンシブかつ超軽量なCSSフレームワーク 2013.10.18 2020.03.13 レスポンシブWebデザイン cssフレームワーク, Responsive Grid System こんにちは、コーディング担当の岡本です。 レスポンシブWEBサイトを作成する際に便利なツールといえば、「Twitter Bootstrap」をはじめとする「CSSフレームワーク」が有名ですね。 特に「Twitter Bootstrap」や「Foundation」「Bourbon」などはナビゲーションやフォームなどのUIパーツまで用意されているので、モックアップ作成などに非常に重宝されています。 しかしいざ実際にECサイトをコーディングするとなると、この「UIパーツ」が厄介者になることもあります。 すでに作成されたパーツを組み合わせての構築が前提ですので、どうしても「オリジナルデザイン
Meteorとは？ Meteorは、2012年4月に彗星のように登場した、新たなアプリケーションプラットフォームです。この原稿の執筆時で、バージョンは0.3.6とされており、まだまだプレビュー版の域は超えていません。また、現状ではUNIX環境（MacOS Xを含む）でしかうまく動作しないようです。 しかし、Webアプリケーション開発をとことんまで素早く、楽に行えるようにするためのさまざまな仕組みが盛り込まれていることから、登場直後からかなりの注目を集めています（公式サイトには、「1日か2日でプロトタイプを、2～3週間で製品レベルのアプリを構築できるようにする」とあります）。 MeteorはMITライセンスに基づくオープンソースプロジェクトとして、Github上で公開されています。現在4人の開発者がフルタイムで開発に従事しており、1年以内に1.0をリリースする予定だとされています。 M
By: Rainer Stropek – CC BY 2.0 「形勢不利かもしれないけれど、どうしても相手に納得してもらいたい案件がある」 「一旦ダメって言われたけど、やっぱり、どうしてもあきらめきれない企画案がある」 「どうしても」という強い気持ちは、ときに空回りしがちです。 自分が熱く盛り上がっていると、つい、「きっと相手も盛り上がってくれているはずだ」と勘違いしてしまうんですよね。 でも悲しいことですが、他人は思ったほど、あなたに興味を持っていないことが多いのです。 あなたの企画がいくら素晴らしいものであって、世の中のためになるものだと信じていたとしても、それが独りよがりのものだと相手に最初に思われてしまったら、そもそも話を聞いてもらえません。 だから、燃えたぎる熱い気持ちを、そのままストレートに相手に伝えるのではなく、相手が分かってくれるように一歩引いて冷静に伝える必要があります。
例えば、Webサービスのフロントエンドのコードを書き始める時にまず何をするでしょうか？ デザインスケッチや画像を元にHTMLとCSSを記述していくことになると思います。 少なくとも僕はそうですね。 理論的にはHTMLだけでもWebサービスを作ることはもちろんできますが、 見た目を少しでも調整したいとなるとCSSが必要になります。 例えばCSSを使わないHTMLの場合、いくら単純なレイアウトだとしても、 デフォルトのリンクの色を変えたかったり、フォントを変更したかったり、 要素ごとの余白をどうにかしかったりと最低限の要望が出てきます。 こうした最低限のCSSに対するニーズは共通化して自分なりのCSS Frameworkとして持っておくとよいと思います。 近頃、一からCSSを記述しなくなったのもこうした考え方のおかげです。 今Web上で配布されて利用可能なCSS Framworkが非常に増えて
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 個人的なメモです。今まであまり使って いなかったので少し使っていこうと思い、 いくつか自分でも使えそうなフレーム ワークを探しました。表題の通り、PHP、 CSS、HTMLやJS等しか僕は能力が 無いのでこの辺のフレームワークの まとめになります。 使いやすそう、使いにくそうというのは個人差が出そうだなぁと触ってみて思ったのですが、それぞれ良し悪しな感じもしたのでとりあえず気になったものだけメモしておきます。おそらく有名所ばかりだと思いますが個人的なメモなのでご了承下さい。 順不同です。 Blueprint CSSのフレームワークです。シンプルな設計ながら素敵なレイアウトが組まれている印象でした。 Blueprint Sass まだ触っていませんが、好評っぽいのでメ
楽天の研究開発部門である楽天技術研究所とまつもとゆきひろ氏は，Rubyによる大規模分散処理フレームワークを開発する。共同研究として開発し，楽天内で実際の業務に使用する。 楽天ではRuby on Railsを実際に顧客が利用するアプリケーションで採用しており，まつもとゆきひろ氏を2007年6月に楽天技術研究所のフェローに招聘していた（関連記事）。これまで共同研究の方向性について議論を行ってきた。ディスカッションの結果，「エンタープライズ」と「スケーラビリティ」を主要なテーマとする方向性が固まり，間もなくプロトタイプの開発に着手する。まつもと氏が方向性やアイデア，アドバイスを出し，楽天技術研究所が実装を行う。 楽天技術研究所とまつもと氏は2つのタイプの分散処理フレームワークを開発する方針。 一つは，小さくは2～3台から手軽に分散処理が行えるような「簡単さ」を追求したフレームワーク。用途としては
誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の
Ext JS, The Ext teamは1日(米国時間)、Extの最新版となる「Ext 1.1」を公開した。ExtはJavaScriptで開発されたWebアプリケーションフレームワーク。スタンドアロンで提供されているフレームワークで、軽量HTMLエディタ、新しいExt.Ajaxユーティリティクラス、拡張されたDateFieldおよびDatePickerコンポーネント、整備されたドキュメントなどに特徴がある。以前のバージョンと比較してバグ修正も実施されている。 Ext 1.1では、とくに他のサードパーティライブラリへの依存がなくなった点が特徴的。このためExtを使ってWebアプリケーションを開発する場合にはExtだけを用意すればよくなった。ただし他のライブラリと共有するためのアダプタ機能は引き続き提供されるため、デベロッパのチョイスで複数のライブラリやフレームワークを組み合わせて使うことも
第1回 PHP開発でZend Frameworkを知らないだなんて嘘ですよね？：「Zend Framework」で加速するPHP開発（1/2 ページ） Zend Frameworkは、MVCアーキテクチャを構成し、各種コンポーネントを組み合わせることで効率的なPHPアプリケーションを構築できるフレームワークで、PHP用フレームワークの本命と呼ばれている。本稿では、Zend Frameworkについて、その機能と各種コンポーネントの使い方を解説する。 はじめに 2006年3月にイスラエルのZend Technologiesによって公開された「Zend Framework」はプレビュー版ながらも多くの機能が備わっています。Zend Frameworkは、MVCアーキテクチャを構成し、各種コンポーネントを組み合わせることで効率的なPHPアプリケーションを構築できるフレームワークで、PHP用フレー
先ほど「思考のフレームワーク」というエントリーでも触れましたが、思考の効率化や思考力をあげるためには既存のフレームワークを活用した上で、自分なりの考えを整理し、膨らましてみるのが良い方法だと思っています。 そこでちょっとWebブランディングの企画のためのフレームワークについて考えてみました。 まず最初に定義しておくと、このフレームワークはあくまでWebを活用した企業ブランド、製品ブランドそのもののブランディングの企画、戦略立案のためのフレームワークとして想定されています。世の中的にはWebブランディングと評して、企業や製品のブランディングではなく、Webサイトそのもののブランディングだったり、価値評価みたいなことをやってる会社なんかがありますが、それとはまったく別物です。 あくまで企業がWebを利用して、ブランディングを行なっていくためにはどうすればよいかという企画を作成するためのフレーム
the project management body of knowledge / ピムボック / ピンボック / プロジェクトマネジメント知識体系 米国プロジェクトマネジメント協会（PMI）が取りまとめたプロジェクトマネジメントに関する知識体系。各種プロジェクトを実施する際のフレームワーク――基本的な考え方、手順、ツールとして利用される。事実上の国際標準になっている。 以下の8つのマネジメント項目と、それを統合的に管理する“統合マネジメント”の9つの知識エリアで構成され、プロジェクトを統合的にマネージするためのガイドラインとして利用される。 スコープ（開発の目的とその範囲） タイムスケジュール コスト管理 品質管理 人的リソースの管理（顧客、開発サイド含む）（顧客、開発サイド含む） コミュニケーション（コミュニケーションの方法と適用シーンの決定） リスク管理 調達管理 PMBOKの特徴
典型的なマネジメントサイクルの1つで、計画（plan）、実行（do）、評価（check）、改善（act）のプロセスを順に実施する。最後のactではcheckの結果から、最初のplanの内容を継続（定着）・修正・破棄のいずれかにして、次回のplanに結び付ける。このらせん状のプロセスを繰り返すことによって、品質の維持・向上および継続的な業務改善活動を推進するマネジメント手法がPDCAサイクルである。 1950年代、品質管理の父といわれるW・エドワーズ・デミング（Dr. William Edwards Deming）博士が、生産プロセス（業務プロセス）の中で改良や改善を必要とする部分を特定・変更できるようプロセスを測定・分析し、それを継続的に行うために改善プロセスが連続的なフィードバックループとなるように提案した。このためデミングサイクル（Deming cycle）とも呼ばれる。ただし、オリジ
商品・企業の性格をはっきりさせ、次の一手を読む プロダクトコーン理論 (TM) 【要約のページ】 ひとりよがりだった企業の商品定義 企業がマーケティング活動を行う場合、まず商品の「性格」を定義する必要がある。商品の定義の方法は、試行錯誤を重ねながら時代とともに変遷してきた。まずは、どのように移り変わってきたのか、そして現在、商品はどのように定義されているかを説明しよう。 マーケティングという観念が日本に導入されたのは、昭和30年代初期である。 当時は、企業といえば大半が第二次産業だった。この時代の商品の定義は、おもに製造部門のためのものだった。すなわち「サイズは○○センチ」「重さは○○キロ」といった具合である。こうした定義は「規格」と呼ばれている。つまり規格とは、企業側の商品の定義である。当時は技術レベルも現在とは比較にならぬほど未熟で、企業も小所帯だった。そのため社員が各自の努力で商品知
製品やサービスを顧客に提供するという企業活動を、調達／開発／製造／販売／サービスといったそれぞれの業務が、一連の流れの中で順次、価値とコストを付加・蓄積していくものととらえ、この連鎖的活動によって顧客に向けた最終的な“価値”が生み出されるとする考え方。 もともとは、ハーバード・ビジネススクールのマイケル・E・ポーター（Michael E. Porter）が、著書「Competitive Advantage: Creating and Sustaining Superior Performance」（1985年）で示した言葉で、企業の競争優位の源泉を明らかにするために企業の内部環境を分析するフレームワークとして提唱した。 企業内で行われる業務は一連の活動に区分することができる。ポーターのバリューチェーン・モデルでは一般的な構造として企業の活動を、上流から下流に至る事業の流れに沿って「購買物流
新規参入の脅威 新規参入の脅威の大きさは、“参入障壁”の高さで決定される。参入障壁としては、「規模の経済性が発揮される業界」「製品の差別化がされている」「参入時投資が巨大」「仕入れ先の変更コスト（スイッチングコスト）が巨大」「流通チャネルの確保が困難」「既存企業に独自技術や仕入れ先、有利な立地、助成金、大きな経験曲線効果などがある」「政府の政策」「参入時の報復の大きさ」などが挙げられる。 業界内の競合企業との敵対関係 競合同士が激しく対立する業界では企業は超過利潤を得ることが難しくなり、業界の魅力は減ずる。企業の対立関係を決定する要因としては、「同業者の規模と数」「業界全体の成長性」「固定コスト、在庫コストの大きさ」「製品／サービス差別化の有無」「生産／供給の調整能力」「競合企業間の戦略的違いの有無」「戦略と成果の因果関係の大小」「撤退障壁の大小」などが挙げられる。 代替品の脅威 買い手の
このコーナーでは、企業でWebサイトの運営に携わっている方、マーケティング部門等でWebの活用法について考えておられる方向けに、Webマーケティングの実践のための手法やノウハウ、事例をご紹介していきます。市場に出回る書籍や雑誌では論じられることない、Webマーケティングの最前線に触れていただければと思います。 2006年10月16日 マーケティング･インテグレーションの再設計 マーケティングユニット 棚橋 先日、ネットイヤーグループとインプレスR＆D社の共催による「第4回インターネットマーケティング最新動向＆技術セミナー テレビCM崩壊を超えて～インターネットマーケティング2.0」にお邪魔させていただきました。 CNET Japanでブログも書いていらっしゃる渡辺聡さんの講演内容が興味深かったので、ここですこし取り上げさせていただきます。 マス広告の効果と役割の絶対性への疑問 内容としては
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
