グランゼーラは12月24日、ゲーム「絶体絶命都市」シリーズの版権をアイレムソフトウェアエンジニアリングから取得したことを発表しました。さらに、発売中止になっていた「絶体絶命都市4 -Summer Memories-」についても、2015年秋ごろに何らかの新情報を発表するとしています。 「絶体絶命都市」は、大地震などの災害を題材とするサバイバルアクションアドベンチャーゲーム。これまでに「絶体絶命都市」「絶体絶命都市2 -凍てついた記憶たち-」「絶体絶命都市3 -壊れゆく街と彼女の歌-」の3作品がリリースされていましたが、プレイステーション 3で開発が進められていた最新作「絶体絶命都市4 -Summer Memories-」は、東日本大震災への配慮から土壇場で発売中止に。その後新作について特にアナウンスはなく、続編の開発が絶望視されていたシリーズでした。 今回版権を取得したグランゼーラは、元ア

戦国時代に突入したECサイト。 近年、ECサイトはサイト内のコンテンツを充実させた「ECサイトのメディア化」が大きく注目され、ただモノを売るためだけのサイトではなくなっています。 この「メディア化」では、サイト内のコンテンツを充実させることで商品やサイト自体に興味を持ってもらい、自分からまた来たいと思ってもらえるECサイト作りが重要になっています。 しかし、話を聞いたことはあっても、具体的にどのようなことが行われているのか分からないという方も多いのではないでしょうか？ 今回は、ECサイトにおける独自コンテンツの実践事例を紹介するとともに、メディア化のメリットについて説明いたします。 1. ライフスタイルが見えるコンテンツの事例商品の魅力を最大限伝えるには、ライフスタイルを見せることが重要です。その生活のファンになってもらうことができれば、そこで紹介されている商品も自然と買いたくなります。

北朝鮮のネットが9時間半ダウン。北朝鮮犯行説には疑問の声も2014.12.24 12:30 satomi 攻撃主は不明。 ソニー・ピクチャーズのハックの首謀が北朝鮮と米国が発表し、オバマ大統領が中国に封じ込めを要請して2日後、北朝鮮のインターネットが延々9時間31分ダウンする異常事態となりました。 接続障害かサイバー攻撃かよくわからないところも最初ありましたけど、専門家は｢いつものシステム障害とは違う｣と言っています。 米国で最初に異常に気づいたのは、この画像をツイートしたDyn Research社のDoug Madory氏です。氏は｢北朝鮮のルーティングが不安定な状態と接続障害がここまで間断なく続くのは見たことがない。単発で途絶えることはあるが、接続トラブルが続くというのはない｣とNorth Korea Techに語り、｢北朝鮮のネットワークは監禁状態だ。ルーターがDDoS攻撃に晒されて

大人の男性なら誰しも1人でこっそり楽しみたい隠し事があるもの。それを一番見られたくない相手といえば母親でしょう。そんな最悪の事態の一部始終を収めたVine動画が人気になっています。 ファイナルファンタジーVIIの人気キャラ「セフィロス」の人形を使っておもしろ動画を撮影しようと考えたTwitterユーザーのやしろあずきさん（@yashi09）。「私はセフィロスだ！　ピシューピシューン！」と超ノリノリでカメラを振ったところ、そこにはいてはならないはずの母親が呆然と立ちつくして息子を見つめていました。「あ、お母さん」と一瞬で25歳の自分を取り戻した撮影者。「何やってんのあんた」と声をかけられ「すいませんちょっと遊んでただけです……」と消え入りそうな声でつぶやいています。 私はセフィロスだ！　ピシューピシューン！ あ、お母さん あまりに鮮やかな大事故っぷりに投稿されたVine動画は人気が爆発。一時

米Sony Pictures Entertainment（SPE）が、上映中止としていた映画「The Interview」を一転して上映することに決定した。 同作は北朝鮮の金正恩第1書記の暗殺計画を描いたコメディー映画で、12月25日に公開予定だった。SPEが11月にサイバー攻撃を受けて従業員の情報などを盗まれ、さらにネット上にテロをほのめかすメッセージが掲載されたことから、大手興行チェーンが同作の上映をとりやめ、SPEも公開中止を決めた。米当局はSPEへの攻撃は北朝鮮によるものとみなし、オバマ米大統領は対抗措置を講じる考えを表明している。 SPEは12月23日、公開中止の決定を覆し、一部劇場での公開を決定した。「The Interview」のTwitterアカウントは「言論の自由が勝利した」として上映を告知している。 上映館をFacebookで告知 北朝鮮はサイバー攻撃への関与を否定して

キャラアニが予約受付中の「閃乱カグラ 新乳素材使用 雲雀 お尻生フィギュア」（1万1046円）があまりに紳士的だったのでご紹介します。おっぱいゲームとしておなじみの「閃乱カグラ」シリーズですが、今回のフィギュアは「お尻」が注目ポイント。商品画像を見てみると……！ 雲雀は、やればできる子！！！！！ なんということでしょう！　プリッとしたフィギュアのお尻にいろんな小物を挟めるようになっているではありませんか！！　鉛筆やSDカードなど、好きなモノを挟んで保管できて、実用的だなぁ～。ちなみにこのお尻はシリコンを使った「新乳（にゅうにゅう）素材」を採用していて、柔らかく仕上がっているんだとか。実用的だなぁ（意味深）。 アーッ！ アーッ！！ アーッ！！！！ もちろん、重力に逆らえない豊かなバストも健在。ちなみにキャラアニは過去にも、おっぱいにものを挟める「閃乱カグラ 新乳素材使用 飛鳥 生フィギュア」

2014年5月にGoogleは「ハンドルやペダルがない自動運転車」を公開しました。一般人を乗せた走行テストで性能の高さを見せつけた自動運転車は、2015年1月についに公道での走行試験を開始します。 Today we’re unwrapping the best holiday gift we could’ve imagined: the first… https://plus.google.com/+GoogleSelfDrivingCars/posts/9WBWP2E4GDu これは2014年5月に公開された自動運転車。丸みを帯びたフォルムで非常にかわいいデザインの乗り物です。 そして、今回、Googleからの"クリスマスプレゼント"として公開された、路上走行テストが決定した最新版・自動運転車の写真がこれ。ルーフの「LIDAR」と呼ばれるレーザーセンサーはパトライトのようなコンパクトタイ

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

『デビル メイ クライ 4　スペシャルエディション』がPS4、Xbox One用ソフトとして2015年夏に発売決定！【動画あり】

当時のアプリゲームを忠実に再現！ ハムスターは、PlayStation Mobile“アプリアーカイブス”シリーズを、本日2014年12月17日より配信開始した。 アプリアーカイブスとは、携帯電話（フィーチャーフォン）向けのアプリゲームをPlayStation Mobileで復刻していくプロジェクト。プレイステーション Vitaとプレイステーション Vita TVで楽しむことができる。 ＜以下、リリースより＞ 携帯電話向けのアプリゲームは、2001年に登場して以来、非常に多くの方々に愛され遊ばれてきました。しかし、スマートフォンの台頭により遊べる環境は少なくなり、また配信タイトルも減少しております。そのため、アプリアーカイブスでは、そのような名作アプリゲームを復刻してまいります。 携帯電話で遊んでいたアプリゲームでも、プレイステーション Vita、プレイステーション Vita TVなら、ス

SNKプレイモアは、2014年12月17日、プレイステーション3向け配信サービス“PlayStation2 アーカイブス”への参入第2弾タイトルとして、『THE KING OF FIGHTERS XI』の配信を開始した。価格は1000円（税込）。 SNKプレイモアは、今後も“PlayStation2 アーカイブス”にて続々と人気タイトルの配信を予定しているとのこと。引き続き期待しておこう。 【SNKプレイモア“PlayStation 2 アーカイブス”第2弾タイトル】 ◆THE KING OF FIGHTERS XI アーケード版40体（ボスキャラ&EX キャラ含む）に加え、PS2オリジナルキャラ7体が登場！　エンドレスモード、チャレンジモードで特定条件をクリアすれば、総勢47体のキャラクターによる白熱バトルが可能に。さらに、遊びやすく調整したアレンジモードやギャラリーモード、追加ステージ

年末なのでお金の話シリーズ。 移住して売上がアップしました キリがいい数字です。2014年は年商1000万円を突破しました。2011年から独立して、綺麗に売上が増えています（600万→700万→800万→1000万）。 といってもですね、念のため説明しておくと、あくまで年商（売上）なので、一般的なサラリーマンの年収1000万円よりは儲かってないので、その点ご留意ください。今年はメルマガやインタビューの制作などで外注コストを割と払うことができたので、利益率は落ちています。いくら儲かったのかは確定申告の時期までわからない仕様となっております…レシート整理しなきゃなぁ。 ざっくり整理すると、ブログ関連で600万円、印税で150万円、講演・ワークショップで150万円、コンサルで50万円、メディア出演で50万円、、なんて内訳です。われながらうまく収入源を分散できている気がしています。今の感じならブロ

DAY ONEという日記アプリをふとアイデアノート用に使いはじめたのですが、使っているうちにやっぱり日記っぽすぎてアイデアノートには扱いづらいなぁと思うことが多かったので、アイデアノートに適したメモアプリを求めていくつか試してみた。 Macアプリがある iOSアプリがある マークダウンが使える デザインがシンプル デザインが美しい .txtで保存される を満たすようなメモアプリを探したい。今回触ってみたのはSimplenote、Write、DAYONE、Evernote、iA Writer、Notesmartly、Lenote、Byword。 Simplenote デザインや使い勝手はとても良い感じ。iOSアプリもあるし早々にこれだろ感があったのですが、マークダウンを利用するにはプレミアムユーザーになる必要があり、現在プレミアムユーザーの登録を停止中とのことでもうなんだよって感じでした。惜

まもなく2014年も終わりに近づいてきています(一年めっちゃ早いんですけど(半ギレ))が、かれこれ学生フリーランスの時代から4,5年フリーランスをやってきて、これまでの振り返りの意味も込めてぼくがいままで考えてきたフリーランスとしてのWeb戦略をまとめてみました。 ポートフォリオではなくブログで攻めた ぼくは基本的にデザインの作品集みたいなポートフォリオをもたず、ほとんどブログのみであとは略歴の紹介がてらの実績だけを公開していました。というのも、ぼくがやりたかったサービスデザイン的な、俗にいう「UXデザイン」みたいな仕事の依頼を得るには作品ポートフォリオでは不適切だと思ったため。 ポートフォリオ(作品集)のいいところとよくないところ ポートフォリオ(作品集)のいいところ どういうものを作ったのか、どういう思いで作ったのかを説明できたり、とてもグラフィカルに伝えられるので好印象を与えられる。

Webサイトにドロップダウンメニューを作る際、親メニューの横に三角(▼)アイコンなどを表示して、 サブメニューがあることがひと目で分かると便利ですよね。 さらに、そのサブメニューを表示している時は、アイコンの向きを上向き(▲)に変えたほうが矛盾がないので、 今回はそれをCSS3のアニメーションと回転を使ってクルッとさせる方法を試してみましたφ(*’д’* )ﾒﾓﾒﾓ。 矢印の向きが切り替わるドロップダウンメニューの作り方 まずはデモ画面です。こんな感じになりました。地味だし今更だけど、このクルンとした動きがやりたかったんです。 今回は勉強がてらアイコンをSVGコードで表示してみましたが、ふつうの画像でもOKです。 記述法 html <ul class="dropdown"><li>DropDown <svg id="arrow" width="16" height="16" viewBox

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近流行のシングルページアプリケーション。プロジェクトの紹介サイトやランディングページなどでよく使われています。通常は静的ページで作り上げることが多いようです。 しかしそのコンテンツのメンテナンスを考えるとCMSの方が良いでしょう。ということで使いたいのがシングルページアプリケーション用のCMS、Cosmoです。 Cosmoの使い方 Cosmoの主な機能はコンテンツ管理、メニュー管理、ブロック、テーマ、ユーザ管理、モジュールとなっています。今後テーマや対応モジュールが増えると多彩なページが生まれてきそうです。 縦長でスタイリッシュなシングルページアプリケーションを素早く構築していくためにもCosmoのような仕組みでテーマを使えば自在にページを制作できるようになるでしょう。何かに特化

Web上に置いたCSVファイルやGoogleスプレッドシートに記録したデータを手軽にグラフ化したいと思ったことはないでしょうか。Googleスプレッドシートでもできますが、設定が多くて面倒に感じてしまいます。 そこで使ってみたいのがChartedです。外部サイトにあるCSVファイルやGoogleスプレッドシートのデータを使って綺麗なグラフを描きます。 Chartedの使い方 データの表示例です。 オンマウスで数値が表示されます。 元データはこのようなCSVになります。 塗りつぶしの解除もできます。 背景色の変更。 Googleスプレッドシートを元に単純なグラフを描いてみました。 棒グラフに展開。 ChartedはGoogleスプレッドシート（公開設定にしている必要があります）やCSVファイルを指定して綺麗なグラフにします。折れ線グラフのみですが、大きく表示されるのは格好良いです。システムが

Bootstrapの登場によってフロントエンドの開発がとても簡単にできるようになっています。Bootstrap以外でもたくさんのフレームワークがあります。それらを使いこなすことでUIの組み立てが高速化しています。 Schema UI Frontend Frameworkもその一つです。Webアプリケーションのプロトタイプはもちろん、そのままプロダクションにするまで一気通貫に高速化してくれるUIフレームワークです。 Schema UI Frontend Frameworkの使い方 スクリーンショット多めで紹介します。 グリッド。オフセット対応です。 グリッドのネストも可能。 リンク、水平線、リスト。 ヘッダー。 カラーリング。 ページネーション。 枠のないページネーション。 ナビゲーション。 リストグループ。 ヘッダーつけたり枠線を消したり。 テーブル。 ストライプ。 フォーム。 アラート系

さまざまなデザインフォントを今年も紹介してきましたが、非常に数が多く、どれを選んで良いのか迷ってしまうという方も多いのではないでしょうか？そんな中今回紹介するのは、2014年の最新フリーフォントを厳選したまとめ記事「Best Free Fonts of 2014」です。 Typography: Asgalt Free Font on Behance 参照元サイトにて、2014年に紹介したフォントの中でベストなものがまとめて紹介されています。 詳しくは以下 Intro Condensed Free | Fontfabric™ 細身のシンプルかつ洗練されたフォント。デザインにおしゃれな雰囲気を演出したい時に利用したいですね。 Pretender Font | dafont.com 太めのレトロな質感が特徴のフォントは、アンティークテイストのデザインにぴったりとマッチしてくれるのではないでしょう

普段からEmmetを多用している方ならご存知の方が多いと思いますが、Sublime Text使用時にEmmetを使って簡単にダミーテキストを出力させる方法です。 また、Emmetのスニペット登録を使ってオリジナルの日本語版ダミーテキストを作成・出力できるようにする方法を紹介します。 紹介している内容はSublime Text 3とEmmetを使用した結果を元に書いています。 エントリー内で「展開」としているのは、TabもしくはCtrl + Eを使用時を指しています。 Lorem Ipsum（ダミーテキスト）を表示する ダミーテキストとして有名なLorem ipsumですが、Emmetにはこれを簡単に出力してくれる機能がついています。 出力方法はloremとlipsumで2パターンあり、どちらかを記述して展開すると「Lorem ipsum dolor sit amet, consectetu

最近、ブログの更新ペースが落ちていたわけですが、何となくWebギャラリーサイトを作っていたからでした。競合も多いので今さらと思いましたが、ついつい作っちゃいました。 ということで、ぜひ一度お立ち寄りいただければ幸いです。登録サイトはまだまだ少ないですが、ぼちぼち更新していきますので、今後も期待もこめてSNS等への登録をしてもらえればうれしいです。 ここからはこだわったところを簡単に解説しますので何かの参考になればと思います。 使っている色に注目してみる 単にサイトを載せるだけだと他にもたくさんあるので、そのサイトで使われている色を載せることにしました。 PCサイトの場合は画像にマウスを乗せたときに、タブレット等のタッチデバイスの場合は最初から使われている色が最大5つ表示されます。色選びの参考になればと思います。 簡易な投票ボタンを設置してみる 世の中には様々なSNSボタンがありますが、それ

デザインをする際に使用する素材の中でも、特に活躍の場が多いアイコン。種類豊富に持っていると、非常に便利なもの。そんな中今回紹介するのは、多くのデザインシーンで活躍してくれるフリーフォントまとめ「20 Awesome Free Icon Fonts to Use in Your Designs」です。 Dribbble – Icons V.3 – Free Download by Hüseyin Yilmaz いろいろなテーマのアイコンセットが20種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Infinity Space Icons on Behance 宇宙の惑星をテーマにした珍しいテーマのアイコンセット。衛星や宇宙ステーション、彗星などのアイコンもセットになっています。 Peax Webdesign Free Icons Font |

今回紹介するのは、年賀状テンプレートを無料で配布しているサイト「子ども年賀状」です。迷路や間違い探しにパズルなど、楽しく遊べるイラストが揃ってますよ。イラストも可愛いし、お正月から子供と一緒になって遊べるのがいいですね。 サイトはこちら 子ども年賀状無料素材集 こんな年賀状がありました。 年賀状イラストは、「めいろ」や「間違い探し」など遊び方別ののカテゴリーで探せます。いくつかピックアップしてみました。 めいろ年賀状　ひつじのめいろ-【1】

クリスマスデザインに使える無料のベクターパターン素材のまとめです。サンタクロースやトナカイにプレゼント箱など、いろんなアイテムが楽しいイラストになっています。背景に使えばそれだけでクリスマスデザインが作れちゃうので、とっても便利ですよ。

WordPressの子テーマを使用中に、エックスサーバーの「mod_pagespeed」を有効にするとテーマカスタマイザーページでCSSがうまく読み込めない WordPress4.1のアップグレードに合わせて「Twenty fifteen」というテーマが使えるようになったので、「東十条にある居酒屋のたぬきでよく料理の写真を撮るんで、ギャラリーサイトを作ってみようかな～」と思って、「Twenty fifteen」を親テーマとして子テーマを作って適用したのですが・・・ WordPressの管理画面からテーマカスタマイザー（「外観」→「カスタマイズ」をクリックして開くページ）を見ると、CSSの読み込みができず、表示が崩れていました。 「外観」→「カスタマイズ」をクリックしてテーマカスタマイザーを開く 「Twenty fifteen」を適用した場合通常はこうなる。 「Twenty fifteen」

Bootstrapの登場以降、管理画面テンプレートと言った類のものが数多く登場しています。Bootstrapをサービスにそのまま組み込むのには躊躇してしまっても、運営者側の管理画面であれば十分すぎる品質と言えます。 今回紹介するFlakesもその一つですが、管理画面のUIに特化したテンプレートであるというのが特徴的です。 Flakesの使い方 Flakesは管理画面特化型とあって、管理画面上で必要そうな機能が揃っています。 Flakesはダッシュボード的な機能からデータメンテナンスまで幅広い管理画面テンプレートとなっています。カラーリングも最近のフラット系にあるほどカラフルではなく落ち着いた雰囲気なのが良いですね。 FlakesはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 Flakes • An Admin UI & Template

Dribbbleで見かけたのを中心に、全体的なデザインや各要素の配置レイアウトなど参考にさせてもらおうと思いメモしていた管理画面・ダッシュボードのデザインが溜まってきたので、自分の整理も兼ねてまとめました。 管理画面やダッシュボードで重要なのは見易さや操作性の高さだと思いますが、デザインにもこだわりたいという場合にいろいろ参考になります。 紹介している中にはデザインをPSDなどの形式でデザイン素材としてダウンロードすることができるものもいくつかあり、ただデザインを見るだけでなく実際にどのようなレイヤースタイルで作成されているかを見たり、それらをベースに自分好みの見栄えに変更することも可能です。 紹介しているデザインでダウンロードできるものを使用する際は、ライセンス等は各自で再度確認してください。

Dribbbleで見かけたのを中心に、全体的なデザインや各要素の配置レイアウトなど参考にさせてもらおうと思いメモしていた管理画面・ダッシュボードのデザインが溜まってきたので、自分の整理も兼ねてまとめました。 管理画面やダッシュボードで重要なのは見易さや操作性の高さだと思いますが、デザインにもこだわりたいという場合にいろいろ参考になります。 紹介している中にはデザインをPSDなどの形式でデザイン素材としてダウンロードすることができるものもいくつかあり、ただデザインを見るだけでなく実際にどのようなレイヤースタイルで作成されているかを見たり、それらをベースに自分好みの見栄えに変更することも可能です。 紹介しているデザインでダウンロードできるものを使用する際は、ライセンス等は各自で再度確認してください。

アイコンは、サイトのユーザビリティを向上させてくれる重要な存在。定番として使えるものを常備していると非常に便利だと思います。今回はそんな定番アイコンが揃ったフリーアイコンセット「250+ Free Vector Icons for Designers」を紹介したいと思います。 ベーシックな種類のアイコンが250種、カテゴリ毎に分類されダウンロードできるようになっています。 詳しくは以下 定番中の定番のベーシックアイコンを始め、さまざまなデバイスやマルチメディア機器がアイコン化されたもの、人のさまざまな表情、矢印、カートやカードなどECサイト作成に便利なアイコン、そして晴れや曇などのウェザーアイコンといったように、持っていると便利な種類のアイコンばかり。250種という豊富な種類、また、ラインタイプと塗りタイプの2種が用意されているのも嬉しいですね。 アイデア次第でいろいろなシーンで活用できる

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

見つけてはメモしていたものがかなり増えてきて自分用に整理したのでシェアします。 ベクター・ラスター・テクスチャ・パターン・アイコン・フォント・モックアップなど、デザイン制作をする際に便利な素材を配布しているサイトの一覧です。 中には条件付きで使用可能とか商用利用時は有償という素材が中心に配布されているところもありはしますが、紹介しているのは基本的にフリーで使用できるものが中心または多く配布されているサイトになります。 以下はいずれも五十音 → アルファベット → 数字の順で紹介しています。 また、下記目次に属する国内の素材サイトについては多くが「禁止事項を守れば個人・商用問わず利用可能で、クレジット表記や報告等も不要」になるので、基本的にそのようなライセンスに関する情報は別途記載しているもの以外は省略しています。 国内 - 全般・ベクター・ラスター 国内 - テクスチャ・パターン 国内 -

iOS 8ではアイコンがさらにフラットなデザインに刷新され、それに伴ってサードパーティーのアプリもフラットに変わってきています。すっきりとしたデザインは目的が分かりやすく、ユーザビリティが高いのが利点です（ただしデザイン力は求められますが）。 そんなiOS 8らしいデザインをMac OSXでも実現しようというのがYoiosです。Yosemiteでの利用を想定したシンプルなデザインのアイコン集です。 Yoiosの使い方 主なアイコンを紹介します。 丸いアイコンなのが特徴です。 Sublime TextやPhotoshopなどのアプリケーションアイコンも作られています。 GitHubやSlackといったWebサービス系もいくつかあります。 同じコンセプトで複数の人たちがアイコンを作成しています。 このアイコン群はかなり実用的ですね。 Eclipseもフラットに。 Testflightもあります

ドットインストール代表のライフハックブログ

タグにまつわるさまざまな問題いまやインターネットは広く普及し、通信速度も安定・向上しています。通信環境が安定した結果、「WebサイトのHTMLにタグを記述して、インターネットを通じて処理を行うツール」はどんどんその数を増やしています。 例えば、アクセス解析の「Googleアナリティクス」や広告配信の「Google AdWords」「Yahoo!プロモーション広告」などが代表的です。いずれも有名で普及率の高いツールなので、名前を聞いたことがあったり、実際に利用していたりする人も多いのではないでしょうか？ 少なくともビジネス用途のWebサイト運用では、今ではこれらのツールなしでは成り立たないといっても過言ではありません。ただ、その種類が増えてきた結果、いくつか問題も出てきました。ひと言でいうと「管理が大変」ということです。 ●代表的な問題埋め込まれているタグの状況を把握しきれないWebページに

汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。

何これすごい！ マジックアイはおそらく皆さん知っているかと思います。より目にしたり、遠くを見るような感じにすると絵が浮かび上がってくる仕組みです。視力を回復させる（？）といったような噂もあります。 そんなマジックアイを任意の図形でできるようにするのがMagicEye.jsです。ぜひ試してみてください！ MagicEye.jsの使い方 例えばこんな感じ。どんな図形か分かりますか？画像だけでは浮かび上がっては見えないですね。 答えはこちら。 自分で図形を書くこともできます。 これはMが浮かび上がって見えるはず。 マジックアイ自体が図形を一定のアルゴリズムでずらして書くことで、目の焦点をずらすと浮かび上がるというのは分かるのですが、それをJavaScriptで実現してしまうと言うのがすごいですね。こだわった作品などをぜひ見てみたいですね。 MagicEye.jsはJavaScript製、MIT

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

Distill Distillで配布されている動画のライセンスは「CC0」で、著作権による制限は一切ありません。最初ライセンスが分からなかったので、管理者に聞いたところ「under the CC0 license」と教えてもらいました。 動画のダウンロードには登録など面倒なことは一切ありません。各動画にあるダウンロードアイコンをクリックするだけです。

個人や商用で利用できる、無料の日本語フォント164種類を紹介します。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。同人誌や印刷物などでの利用も明記しました。 毎年まとめていますが、初紹介のものから既存のものまでダウンロード・ライセンスを改めて確認しています（※情報はこの記事の執筆時のもの）。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 では、多彩なデザインが揃った「FGシリーズ」からご紹介。 FGゼロ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 零式艦上戦闘機に使用されていた文字を現代風にアレンジしたフォント。レトロでシャープな字形

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ページナビゲーションプラグイン 10 Best Free Wordpress Pagination Plugin - Smashfreakzをご紹介。SSは元記事だとどんなものか全くわからなかったので、あとで自分でパッと見てわかるように撮り直しました。 ちなみにページネーションをプラグインで実装する方法もありますが、 WordPress：プラグインを使わずにページネーションを実装する方法のように、プラグインを使わない方法もあります。お好きな方を。 WP-PageNavi おそらく相当数の日本人が利用しているページングナビゲーション。日本語対応してますし。 WP-PAGINATE 各種設定項目も少なく、シンプルで人気。 SIMPLE PAGINATION この質感が好きっていう人もいるかもしれませんが、これならWP-PageNaviは日本語ですし、英語を見るのも嫌だという人はそっちがいいかも

div, section要素で配置したパネルをブラウザいっぱいに表示にし、スクロールするとカーテンを上げるようにパネルを次々に表示させるスクリプトを使ったテンプレートを紹介します。 キーボード操作、タッチ・スワイプ操作対応、ナビゲーション装備、コードが非常にシンプルなので縦長ページのテンプレートとして活躍する優れ物です。 デモページ：スマホで表示 OnePageRの使い方 Step 1: 外部ファイル 当スタイルシート・スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/main.css"/> </head> <body> ... コンテンツ ... <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js

作成：2014/12/22 Web制作 > 2014年、WPテーマやコーポレートサイト作成時にお世話になったツールと2015年に使いたいツール。素早くコーディングを行うために知っておきたいツールをメモ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ CSS ツール １．CSS スニペット ２．CSSアニメーションサンプル ３．背景を様々な形に切り抜く ジェネレーター ４．SCSS/CSSに変換するツール ５．CSS フレームワークとチートシート ６．CSS3 アイコン ７．CSS / JS / HTML コード整形 ８．レスポンシブ モックアップ作成 ９．ブラウザ対応表 SVG / ロングシャドー / ポリゴン作成 １０．SVG ブラウザサポート状況確認表 １１．SVG ローディングアニメ作成 １２．SVG 背景作成ジェネレーター １３．SVG パターン背景

さまざまなバリエーションが揃っており、デザインのクオリティも素晴らしく、商用サイトにもそのまますぐに利用できるUIエレメントが揃ったPhotoshopのPSD素材を紹介します。 単に使用するだけでなく、レイアウトのバリエーション、エレメントの展開など、デザインの勉強にも役立ちます。 Elixir -PSD UI Kit デモ版と有料版があり、デモ版でもその充実度はかなりのものです。 ダウンロードできる素材は幅1920pxの高解像度で、UIエレメントのセットが一つ、さまざまなコンポーネントを使ったページのテンプレートが10種類揃っています。 まずは、UIエレメントのセット。

これからのプロジェクトに使ってみたくなるような素敵なアイデア満載のクリエイティブなスタイルシートのテクニックを紹介します。 今年もCSSの進化がすごかったですね。

モバイルアプリの為の参考になるアイデア集 40 Settings Page Interfaces for Mobile App UI Design - DzineBlog.com 様々な設定画面のインターフェイスのアイデアが集められた逸品。 制作前の参考に覗いてみてはいかがでしょうか。 Facebookの設定 スライディング設定 Doリスト設定 フォントの設定 今週のjQueryプラグインベスト Best jQuery Plugins of the Week [14th December – 20th December] jQuery YoutubeBackgroundやParallax-Scrollなど。 jQuery YoutubeBackgroundは手軽にフルスクリーン動画にYoutubeの動画を埋め込むためのプラグイン。Parallax-Scrollはこちらも手軽にパララクス効果

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

2014年12月24日 Webサイト制作, 便利ツール みなさん、タスクランナーを使っていますか？タスクランナーとはファイルの圧縮やSassのコンパイルなんかを、ファイルを保存したと同時に自動で行なってくれる素敵ツールです。制作のスピードアップも間違いなし！今回はそんなタスク自動化ツールのひとつ、gulpを紹介します。 ↑私が10年以上利用している会計ソフト！ gulpとは gulpとは、Node.jsを使ったタスク自動化ツールです。CSSやJavaScriptファイルの圧縮や結合、Sassのコンパイルなんかも自動化できるので、「フロントエンドしかいじらないよ！」というWebデザイナーさんでも、使えるようになると作業がかなりはかどりますよ。一度gulpでプロジェクトファイルを作成しておくと、自動化の手順を他の人と共有できるので、チームで開発する時にも力を発揮してくれます！ Gruntとの違

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ClucklesはOSSとして公開されているTwitter Bootstrap用のライブエディタです。ファイルを読み込んだり全体やコンポーネントのスタイルを変更したり、CSSのカスタマイズ等が可能で、変更後即反映されます。試しに触ってみましたがなかなか使い勝手もよさ気。細かいカスタマイズは出来ませんので現状はざっくりベースを作る用になりそうですね。ライセンスはMITです。 Cluckles

インフォグラフィックスで学ぶ、あらゆるモノの動く仕組み2014.12.21 20:005,838 たもり わかりやすいって大事。 コレってどんな仕組みで動いているの？ そんな疑問を解決してくれるインフォグラフィックスがコチラ。Jacob O'NealさんのサイトAnimagraffsでは、インフォグラフィックスを使って銃やスピーカーなどのあらゆるモノの内部構造やその中で使われている技術、仕組みを解説しています。アニメーションの特性を生かした説明はわかりやすいだけでなくなんだかカッコいい！ 思わず読みふけってしまいますね。 拳銃についての解説ページはコチラ。 スピーカーについての解説はコチラ。 ジェット機のエンジンについての解説はコチラ。 クルマのエンジンについての解説はコチラ。 Jacob O'Nealさんはポートランドを拠点として活躍するグラフィック・デザイナーです。ご紹介したメカニック

肌の上のタブレット。Cicretがプロトタイプの段階に（追記あり）2014.12.22 07:005,411 ディスプレイ終了のお知らせ…か？ 人間の肌に、アンドロイドタブレットのディスプレイを投影する近未来なウェアラブルデヴァイス｢Cicret｣がプロトタイプの段階に入っています。スマートウォッチでもない、スマートフォンでもタブレットでもない未来のピコプロジェクタ。アンドロイドアプリと連携して動くそうですよ。さっそく動画をどうぞ。 まだプロトタイプなので、動画のものはモックアップのものだそうですが…これ本当に実現するのかな。最近のプロジェクションマッピングなんかを見ていると、すごくありえそう、でもどこか現実味が沸かない不思議な印象です。 （※編集部追記：既に各所でご指摘を頂いているように、動画のような明るい場所での投影は不可能です。実現化に向けては、何らかの仕様変更なり、コンセプトの見直

どうもハンサムクロジです。 iPhoneの操作を自動化してくれるiPhoneアプリ『Workflow』をご存知でしょうか。 撮影した写真をTwitterとFacebookに一気にシェアしたり、開いているページの画像を一括でダウンロードしたり……。そういった複雑な操作を自動化してワンタップで実行できるアプリということで、ちまたで話題になっております！ 今回は、そんな『Workflow』の基本的な使い方と、同アプリで使える便利な自動化”レシピ”をいくつかご紹介したいと思います！！ 『Workflow』の基本的な使い方 アプリを起動してチュートリアルが終了すると、以下のようなメイン画面が表示されます。ここで”レシピ”と呼ばれる、「自動化された一連の流れ」を設定していきますよ。 まずは右上の「＋」をタップしてレシピを作成してみましょう。 次の画面で下部にある「Action」をタップすると、様々な操

街づくりがトコトン楽しめるシミュレーションゲーム、SimCity BuildIt を紹介します。 プレイヤーは市長として街づくりを進めます。街に住む市民が増えれば、電力や水道などのインフラ整備はもちろん、消防署・警察署・学校も必要です。山積みの問題をクリアしながら、自分のこだわりを詰め込んだ街をつくっていきましょう！ シムシティといえば長い歴史を持つゲームですが、本作はその最新作に当たります。 スマートフォンとタブレット専用のゲームとして開発されており、グラフィックにも力が入っています。とくに昼夜の移り変わりは必見！ 街路灯や建物に明かりが点っていく様子はなんともリアルですよ。 SimCity BuildItを動画でチェック！ 市民の息吹を感じさせる街並み 箱庭ゲームで重要な点の1つが、さまざまな方向から街並みが眺められること。SimCity BuildIt は画面を左右にスワイプしたり、

※本記事はアフィリエイトプログラムによる収益を得ています 「『楽園追放』って……ケツの話しか聞かないんだけど」こんな声をネット上でよく聞きます。それもそのはず。だって、ネタバレなしでアニメ映画「楽園追放」の話をするとしたら、釘宮理恵さんの演技とケツの話しかできないんだもの。 ケツケツ言われているのはヒロインのアンジェラ・バルザック。けれど、実は映画の中でそんなにケツ出ません。それでも、彼女の魅力を最大限に説明するなら「ケツ」と言わざるをえない（参考：なぜケツばかりが話題なのか。大ヒットアニメ「楽園追放」の謎を追う）。 アンジェラのボディはずるい 映画「楽園追放」は、水島精二監督・虚淵玄脚本のアニメ映画。一部の人間がデータ化され、電子世界「ディーヴァ」で暮らす世界が最初の舞台です。ある日その安住の地ディーヴァをハッキングする相手が現れ、エリートエージェントのアンジェラは捜査に出かけます。 デ

ホーム フォーラム ニュース ストア フォーラム ニュース ストア iOS Android Amazon iOS Android Amazon 新ウェブストア - デイリーギフトを受け取ろう 市民の活気あふれる、美しく賑やかな都市を建設しましょう。 当選者を確認 自分だけの都市をカスタマイズ モバイルで一番人気の都市建設ゲームで、摩天楼、公園、橋などでいっぱいの美しく賑やかな大都市を設計・建設して、自分の都市のヒーローになりましょう！デザインチャレンジに挑戦して、あなたの創造力を磨きましょう。 戦略的な計画と資源管理 戦略的に建物を配置して税金を回し、都市を成長させましょう。交通や公害などの難題を解決しましょう。発電所や警察署などのサービスを提供しましょう。路面電車や大きな道路を作って交通を整備しましょう。 スペシャルイベントに参加しよう エッフェル塔や自由の女神のような限定のランドマーク

フォーカルポイントは、iPhoneやAndroidスマートフォンの画面をモニターとして利用できるワイヤレス魚群探知機「Deeper」を12月下旬より発売します。 DeeperはリトアニアのFriday Lab社による製品で、耐衝撃性ポリカーボネートシェルに包まれた、直径65ミリとテニスボールサイズのコンパクトなソナーです。 ラインにDeeperを結び、魚がいそうなポイントにロッドで投下すると水上で動作。Bluetoothによって魚の位置や水深、地形、水温などの情報を送信し、専用アプリを介してスマホの画面上に表示できます。 内蔵センサーは、ワイドビームの90kHz（55度）とナロービームの290kHz（15度）の周波数に対応し、前者は広範囲に後者は高精細に魚影などをサーチすることができます。 スマホへは専用アプリ「Deeper」が無料提供され、ソナーの感度調整や周波数の選択、魚影アラームの設

2013年にピザを出力できる3Dプリンターを製造する企業に出資し宇宙でピザを焼くことを検討するなど、宇宙空間における3Dプリンターの導入に前向きな姿勢を見せているNASAが、地球から3Dプリンターの出力データを送信し、そのデータを用いて宇宙で出力することに成功しました。 “Emailing” Hardware To Space — Backchannel — Medium https://medium.com/backchannel/how-we-email-hardware-to-space-7d46eed00c98 ある日のこと、NASAは国際宇宙ステーション(通称：ISS)の艦長であるBarry Wilmore氏が「作業にラチェット式ソケットレンチが必要だな」と話しているのを無線機越しに聞き、地球からISSにソケットレンチを送り届けることになりますが、わざわざロケットで送るには膨大な

腕を失ってしまった人が「こう動かしたい」と考えるだけで指先まで動かせる義手がジョンズ・ホプキンス大学で開発されているのですが、2014年12月17日に、初めて肩から先がない男性が義手をつけて腕を上下させたりコップを持ったりすることに成功しました。 Amputee becomes first to simultaneously use two APL Modular Prosthetic Limbs | Hub http://hub.jhu.edu/2014/12/17/amputee-makes-history 実際にロボット義手が動かされる様子は以下のムービーから確認可能です。 Amputee Makes History with APL’s Modular Prosthetic Limb - YouTube Les Baughさんは40年前に機械に巻き込まれて肩から先を失ってしまったと

AppleのEFIにThunderboltポート経由でブートキットに感染する脆弱性が発見されました。ブートキットがインストールされてしまったデバイスからはエア・ギャップを通じてウイルスが拡散されることが報告されています。 EFI - Trammell Hudson's Projects https://trmm.net/EFI AppleのEFIに関する脆弱性を報告しているのはエンジニアのトラメル・ハドソン氏で、2014年12月27日から行われるエンジニア・カンファレンス31C3でEFIをブートしているMacbookを使ってこの脆弱性を実証するデモンストレーションを予定しています。 ハドソン氏によると、EFIの脆弱性によってThunderboltで接続するストレージなどのデバイスからブートキットに感染させられる恐れがあり、一度PCにインストールされたブートキットはセキュリティソフトによる検

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

iPadやiPodにはメッセージを刻印できるサービスがありますが、プレゼントを贈る相手の「名前」や「愛のメッセージ」などを録音してアップロードすると、ファイルの「波形」をそのまま3Dプリントで出力してネックレスやイヤリングにしてくれるユニークなサービスが登場しています。 bza.biz | david bizer's online platform http://www.bza.biz/ トップページにアクセサリーの一覧が並んでいます。好きなデザインを見つけたらクリック。 これは50cmのチェーンに波形のペンダントトップがついたデザイン。プレゼントを贈る相手の「名前」や相手に対する「メッセージ」などを録音した音楽ファイルをアップロードすると、データの波形を3Dプリントで出力してネックレストップやイヤリングなどのアクセサリーを作ってくれるというサービスです。「ファイルを選択」から200MBま

How to watch NASA's first Boeing Starliner crewed flight launch today

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

LINEは公式のファミリーアプリとして、ユーザーとスタンプの新たな出会いの場を創出する「LINE スタンプス」のベータ版（iPhone版）をテスト公開しています。 現在、LINEクリエイターズマーケットでスタンプを販売する多くのクリエイターが、「ランキング上位にならないと多くのユーザーに知ってもらえない」という課題を抱えています。LINEアプリのスタンプショップには、クリエイターズスタンプの新着表示やカテゴリ分けもないため、ほとんどユーザーの目に触れることなくショップの彼方に消えていくスタンプが少なくありません。 そんな中でリリースされた「LINE スタンプス」は、スタンプにオリジナルの一言フレーズ（タグ）を付けてユーザー間で共有できるアプリです。投稿されたスタンプは、同アプリのユーザーなら誰でも閲覧できる「ホーム」に共有され、多くの“いいね”が付けば「人気のタグ」ページに並びます。また、

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

引っ越しなどでは本や荷物をヒモで縛ることが多くなりますが、いざ、荷ほどきをしようと思った時に「ハサミがどこにあるかわからない……」といった状況は誰でも一度は思い当たる節があるはず。そんなヒモを切る道具がない緊急事態でも簡単にヒモをカットできる方法や、ヒモを使ってお気に入りのビール瓶をおしゃれなオリジナルグラスに変える方法など、3本のDIYムービーを集めてみました。 How to Cut Rope in an Emergency - YouTube 細めのよりヒモが登場。 腕力だけでちぎるのはアーノルド・シュワルツェネッガーでもない限り難しそうです。 このヒモをハサミなしでカットするには、まず切断したい位置にマーカーで印をぬりぬり。 次に印を付けた位置が真ん中に来るようにして両足で固定します。 余った部分のヒモを印に交差させて、ヒモを持った両手をひたすら上下させてゴシゴシとこすりまくります。

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger