セイント・ヴィンセントは次のように語っている。「『スケアリー・モンスターズ』に収録されている“It’s No Game (Part 1)”は私のお気に入り。深く親しみが持てて、それでいて陰のある曲を作る彼の才能を良く示していると思う。ロバート・フリップの、一筋縄ではいかないようなギターも大好き。気持ち悪いけど、大好きなのよね」 39位　“Wild Is The Wind”（1976） デヴィッド・ボウイはアルバム『ピンナップス』の中で、自分がひいきにしている前世代のバンドの楽曲をカヴァーし、彼らへの敬意を表している。その3年後に発表された“Wild Is The Wind”は元々、ジョニー・マティスとニーナ・シモンによって歌われていた曲だ。『ピンナップス』は、『ジギー・スターダスト』のイメージとの決別をした作品であった。デヴィッド・ボウイの手にかかれば、この魅力的で繊細な楽曲は1本の枝に絡

どうも、まさとらん（@0310lan）です。 今回は、JavaScriptを使って「グラフやチャートを描きたい！」とか、「さまざまなデータを可視化させたい！」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ＆レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基本の書き方 】 「chart.js」ファイルは、公式

フラットデザインをよく知る筆者が、グリッド、タイポグラフィ、予測の3つの観点からMS提供の「Windows 8.1ユーザー エクスペリエンスガイドライン」を読み解いていく。 フラットデザインの難しさ 筆者は以前、記事「5分で分かるフラットデザイン」で、フラットデザインとは何かを紹介しました。その中でも触れていますが、フラットデザインとは、Webページやアプリケーションのデザインパーツの影の装飾を極力減らしてフラットに見せる手法です。 スマートフォンの世界でもフラットデザインが広がり、iOSやAndroidもフラットデザインです。Windowsも8からフラットデザインを採用しています。 フラットデザインで難しいといわれる点は、フラットデザインが非常に単純・明快であるが故に、今まで凹凸を利用してユーザーに伝えていたことが伝えられないことです。 例えば、ボタンなどは立体的することで「ボタンだ」と

iOS 7やWindows 8も採用した「フラットデザイン」。実際にフラットデザインを実現するにはどうすればいいのだろうか。 1分－フラットデザインとは何なのか アップルの開発者向け年次イベント「Worldwide Developers Conference（WWDC）」が米国時間6月10日に開幕し、基調講演で同社モバイルOSの次期版「iOS 7」が発表された。見た目の印象が従来版からガラリと変わっている。これは「フラットデザイン」という手法を採用したからだ。 フラットデザインとは、簡単にいうと、グラデーションを利用しない非常にのっぺりとしたデザインのことだ。

（2015年10月追記）watchOS 2 正式リリースに伴い、各サンプルのスクショ付きで新たに紹介記事を公開しました： http://d.hatena.ne.jp/shu223/20150923/1442960805 以下はベータリリース時の古い記事になります。 先週の WWDC15 にて watchOS 2 が発表され、ついに待望のネイティブ動作する Apple Watch アプリがつくれるようになりました。それに伴い、WatchKit には多くの機能が追加され、ClockKit や WatchConnectivity 等の新しいフレームワークも登場しました。さらにいえば、従来フレームワークもウォッチ側で動作するようになったことから、これらもある意味新APIであるといえます。*1 そんなわけで、数が少なすぎてびっくりした 初代 watchOS の発表時とは打って変わって、今回は遥かに多

Feedly failed to loadPlease try to reload https://feedly.com/ in case this is due to a networking or caching issue. In some cases, some browser extensions can interfere with the loading of Feedly. If you have some browser extensions installed, try to load Feedly in an incognito window and see if that resolves the issue. If it does, you can try to disable extensions one by one to determine where th

大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後

約1年に1回、無料で利用できるクオリティの高いWordPressのテーマを紹介しています。4回目となった今回は2014年〜2015年に公開されたテーマを中心に、いつもより少し多い120テーマを集めてみました。新年となり、新規サイトを立ち上げる時やリニューアルする際の参考になれば嬉しいです。 Old Post 過去のWordPressテーマまとめです。 2013年 : 無料で使えるクオリティの高いWordPressテーマ 100 2012年 : 無料で使えるクオリティの高いWordPressテーマ 100 2011年 : 無料で使えるクオリティの高いWordPressテーマ 150 Category 01. Magazine 02. Blog 03. Portfolio 04. Corporate 05. Gallery 06. Minimal 07. E-Commerce Attentio

スマホ対応！高品質なワードプレステンプレートをまとめました！随時更新中！ 無料でしかもレスポンシブ対応で綺麗なテンプレートがほしい！！ そんなわがままな要望に応えるため、ひたすら探しました。 そして、ここに無料ダウンロードができるまとめが仕上がりましたｗ そのまま使ってもいけそうですし、さらにオリジナルの味を出したければ 画像やCSSを微調整すればできそうな感じですね。 制作者の方でも、どういうテンプレートになっているかファイルの中身を知るにもおすすめですね！ 特にレスポンシブ対応ともなると、対応させる画面幅に応じてメディアクエリを使うのでめんどくさそうですからね。 あらかじめ書かれたHTMLやCSSを微調整するだけなので便利です。 よかったらどうぞ！！ 【決定版】国産でレスポンシブ＆高品質な最強WPテンプレート46選！ いいねえww これ全部無料だよ～！！ BizVektor（ビズベクト

無料でダウンロードできて自由にカスタマイズすることができるEC-CUBE。どちらかと言えば法人向けのCMSっぽいですが、そもそもソフトウェアが無料なのでWordPressと同じような感じで個人でも気軽に使用できます。 やはりほかのASPやECサービスと大きく異なるのが、高額な月額手数料や使用の際の制限がなく、カスタマイズの自由度が高いところ。 ただ、本気でカスタマイズするにはPHPやSmartyの知識が必要でやっぱり難しそうな印象です。そこでこのページでは、そういった難しい処理を簡単に実装してくれるプラグインを紹介したいと思います。 EC-CUBEの無料プラグインまとめ EC-CUBEの決済用プラグイン EC-CUBEペイメント 定期購入プラグイン EC-CUBEの継続課金、定期購入機能を実装してくれるプラグイン。 ECキューブ　ペイジェント外貨建て決済プラグイン 海外のユーザーが自国通貨

フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。 全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのもいくつかあるので参考にしてみてください。 紹介している内容はブラウザ（特にIE9以下）によっては使用できないものや表示確認ができないものもいくつか含まれています。 各要素のデフォルトスタイルを削除 フォームで使用するinputやtextareaなどの要素はブラウザやデバイスによって見た目は異なりますが、予めボーダー・グラデーション・角丸といったスタイルが適用されています。 特にこだわりがなければこのまま使用したり、多少手を加えるだけということもありますが、異なるブラウ

ここでは、日本で最もデザインクオリティが高いと称されるWordPressのTCDテーマを、スリームデザイン独自の視点で紹介しています。新しくリリースされたテンプレート情報もいち早くお知らせ！ フェミニンで優しい雰囲気のWordPressテーマ「Bloom」には、ブログのPVを伸ばして収益性を高めるために最適化された「イメージ画像付きのメガメニュー」「人気記事ランキングウィジェット」「読者へのアピールとなるview数表示機能」「ページ分割＆続きを読むボタン表示」などの新機能が搭載された女性向けの進化系ブログテンプレートです。 デザイン性はもちろん、『view数』の表示や『フッターのCTA（行動喚起ボタン）』などの充実した機能を、デモサイトでチェックしてみてください↓ ブロガーのためのWordPressテーマ「Bloom」のデモサイトを確認する キュレーションサイトを運営して収益化を考える前に

2012年5月29日追記：jQueryベースのWYSIWYGエディタ「Redactor」 百式さんで「Redactor」というjQueryベースのWYSIWYGエディタが紹介されていました。細かな検証はしていませんが、jQueryを使用しているため、実装のハードルは低そうです。TinyMCEを「使わない理由」になるかどうか？ 現在のところ活発にアップデートされてるようですし、ざっくりとロードマップが示されていることにも期待がもてます。ちなみにIE6には非対応ですので、日本のビジネスユースではまだ厳しいかもしれません。 http://redactorjs.com/ この情報は2009年9月現在のものです。2011年9月追記 最近はもっぱらTinyMCEを使用。機能が豊富（不要な機能OFFも可）、新しめのニーズもキャッチアップしてくれそう、Webサイトも2年前からリニューアルされ気合が伝わって

WordPressを使用するとデザインの変更や機能のカスタマイズ、データの管理を手軽に行える多機能なブログサービスを作成することができます。実際、このTechAcademyマガジンもWordPressを使って作られたサイトです。 他にも企業のコーポレートサイトやブログサイトなどの多くはWordPressを使われているのです。サイト作成に便利なプラットフォームなので、ぜひ使えるように理解していきましょう。 そもそもWordPressとは何なのかよく分からない方は、今さら聞けない！WordPressとは【初心者向け】をご覧ください。 なお本記事は、TechAcademyのオンラインブートキャンプ、WordPress講座の内容をもとに紹介しています。 大石ゆかり 田島メンター！！WordPressのことはなんとかわかったんですけど、どうやって使うんですか〜？ 田島悠介 WordPressを使うに

bashに脆弱性が確認されたとして騒ぎになっています。ここではCVE-2014-6271に関する情報をまとめます。 #記載内容について、誤っている、追記した方がいい等情報がございましたら@piyokangoまでご連絡お願いします。 脆弱性情報 脆弱性の愛称 ShellShock Bashbug CVE番号 Bash周りで発行されているCVEは6つ。その内詳細が不明なのが2つ。(CVE-2014-6277,CVE-2014-6278) CVE 発見者 想定脅威 特記 CVE-2014-6271 Stephane Chazelas氏 任意のコード実行 ShellShockの発端となったバグ。 CVE-2014-7169 Tavis Ormandy氏 任意のコード実行 CVE-2014-6271修正漏れによる脆弱性 CVE-2014-7186 Redhat DoS メモリ破壊(Out-of-Bo