最終回である今回は、今までのコラムをおさらいしながら変化を生み出す方法について考えてみましょう。 変化を生み出す技術 「変化を生み出す技術」と副題に入った和書が2010年に出版されました。経営学者Otto Scharmer[1]の書いた「U理論」です[2]。 U理論は、130人の革新的なリーダーへのインタビューから見い出されたパターンです。エンジニアのみなさんには「デザインパターン」に例えるとわかりやすいでしょう。良いエンジニアの書いたコードから見出されるパターンに名前を付けて言及しやすくしたものがデザインパターン、革新的リーダーの行動に見出されるパターンに名前を付けて言及しやすくしたものがU理論です。 変化を妨げる3つの声 U理論では、変化に至るまでにはそれを妨げる3つの声があると考えています。変化を妨げる障壁が「声」なのがおもしろいです。我々は変化を妨げる原因を、たとえば社会が悪いと
株式会社エムディエヌコーポレーションは、使いやすく見やすいWebサイトの作り方を○×形式でわかりやすくまとめた書籍「だから、そのデザインはダメなんだ。 WebサイトのUI設計・情報デザイン 良い・悪いが比べてわかる」を4月22日に発売する。B5変型判/192ページ/オールカラー/2200円(税抜き)。 日々Webサイトを眺めていれば、クリックする気にならない同じようなメニュー、要点が伝わりにくい記事構成、操作の直前に切り替わるローテーションバナーなどなど、誰もが思い当たる不快な経験があるだろう。本書では基本的なレイアウトやコンテンツ、ユーザビリティなどの観点から、UI 設計や情報構造の設計についての考え方を解説している。では、「使いにくいWebサイトとはどういったものか?」 ということで、見開きでサンプルのWebページをもとに良い例・悪い例を○×形式で掲載。一見難しく思えるテーマでも、詳細
GitHub - smuuf/jquery-idlecat: Simple and lightweight jQuery plugin for user-presence detection. 離席時と復帰時にイベントを起こせるプラグイン「jquery-idlecat」 お好みの処理をそれぞれオプションとして渡せば、離席・復帰時に処理を簡単に呼び出せます 関連エントリ textareaに行番号を付けられるjQueryプラグイン 自動でCSS背景画像をスクロールさせるjQueryプラグイン「jQuery.BackgroundScroll.js」 テーブルのヘッダーを固定表示することが出来る「jQuery.floatThead」 美しいUIの月間イベントカレンダー実装jQueryプラグイン「Monthly.js」 モダンな年・月ピッカーjQueryプラグインを実装するチュートリアル
SpeedConnectインターネットアクセラレーター 分析・最適化はマウスクリックだけ。簡単に操作できるネット接続速度改善ソフト 高度な知識がなくても簡単に操作できるインターネット接続速度改善ソフト。上級者であれば、設定状況を確認の上、細かく調整することも可能。「SpeedConnectインターネットアクセラレーター」は、ハードウェアの構成と通信環境を分析し、Windowsの設定を最適化して、最大限の回線速度を実現するソフト。OSの種類やネットワーク接続の方法などのさまざまな条件から、自動的に最適な設定に調整してくれる。(1)現在の設定の分析から(2)最適化、(3)変更の適用まで、操作はマウスクリックだけで完了。パソコンの再起動で変更した設定が適用され、接続速度が改善される。米・CBS Software社製「SpeedConnect Internet Accelerator」の日本語版。
[レベル: 中級] Google検索でリッチスニペットを表示させるための構造化データとして、旧式の data-vocabulary.org を今でも利用することができます。 しかし、現在Googleが公開している仕様としての schema.org を利用することが推奨されます。 schema.org 対 data-vocabulary.org GoogleのJohn Mueller(ジョン・ミューラー)氏がTwitterでフォロワーから schema.org と data-vocabulary.org の利用について質問を受け、それに対してアドバイスしています。 @Ck_eMrkg I'd use the markup as in our docs: https://t.co/IUvzMZGv2W — John Mueller (@JohnMu) 2016年4月13日 @Ck_eMrkg
「物の写真より人間の写真の方がよい」や「笑顔の女性は他の何よりもよい」など、広告を出稿する際に気をつけるべきと言われるポイントは複数存在します。これらが本当に効果的なものかどうかが気になったというデザイン会社のSketchDeckは、48個もの異なるデザインの広告を出稿することで、特に有名な6つのルールが本当に効果的なものであるかどうかを検証しています。 We Tested 48 Facebook Ads To Bust 6 Marketing Myths http://www.sketchdeck.com/blog/we-tested-48-facebook-ads-to-bust-6-marketing-myths/ 大手SNSのひとつであるFacebookには「Facebook広告(Facebook Ads)」と呼ばれる広告ツールが存在します。世界で14億人以上が使用しているFace
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
本連載「こっそり始めるGit/GitHub超入門」では、バージョン管理システム「Git」とGitのホスティングサービスの一つ「GitHub」を使うために必要な知識を基礎から解説していきます。具体的な操作を交えながら解説していきますので、本連載を最後まで読み終えるころには、GitやGitHubの基本的な操作が身に付いた状態になっていると思います。 連載第2回目の本稿のテーマは「Gitの基本的な作業フローを学ぶ」です。 前回の「初心者でもWindowsやmacOSでできる、Gitのインストールと基本的な使い方」でも「Gitの基本的な作業フロー」を扱いましたが、かなり急ぎ足な解説となってしまいました。今回は、作業フローの各要素について、前回よりも詳しく解説していきます。 「Gitのインストール」や「初期設定」については、前回の記事で解説したので、そちらを参考にしてください。また「バージョン管理シ
去年くらいまでは、こういったレスポンシブ対応のMasonryレイアウトはJavaScriptで実装するのが主流でした。jQueryのプラグインも数多くリリースされています。 そんなレスポンシブ対応のMasonryレイアウトをスクリプト無し、CSSで簡単に実装できるdrivewayを紹介します。CSSアニメーションを使ったインタラクションにも注目です! 実装が簡単 インタラクティブ レスポンシブ対応 カスタマイズが簡単 拡張性も豊か 実装にはFlexboxが使用されており、2016年1月12日にIEの古いバージョンのサポートが終了し、実質IE11+となった現在、多くのプロジェクトで利用できるでしょう。 ちなみに、2017年4月11日にVistaのサポートも終了します。 参考: Windows 製品のサポート ライフサイクル について drivewayのデモ デモではdrivewayで実装され
MiniTemplator is a compact, optimized template engine for HTML files. Features Available for JavaScript, Java, PHP and Visual Basic (VB/VBA). Simple syntax for template variables and blocks. Blocks can be nested. A template can be parsed once and used many times. Open Source What is a Template Engine? A template engine is a software module which is used to generate HTML pages (or other text files)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く