The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
北海道 (7) 青森 (4) 秋田 (3) 岩手 (1) 山形 (6) 宮城 (5) 福島 (5) 茨城 (1) 群馬 (4) 栃木 (2) 埼玉 (9) 東京 (50) 千葉 (10) 神奈川 (26) 山梨 (4) 長野 (3) 静岡 (7) 新潟 (1) 富山 (3) 石川 (5) 福井 (4) 愛知 (9) 岐阜 (5) 三重 (4) 滋賀 (4) 京都 (8) 大阪 (24) 奈良 (2) 和歌山 (3) 兵庫 (15) 徳島 (3) 香川 (2) 愛媛 (7) 高知 (1) 岡山 (3) 広島 (4) 鳥取 (1) 島根 (1) 山口 (2) 福岡 (19) 長崎 (5) 佐賀 (1) 大分 (2) 熊本 (2) 宮崎 (1) 鹿児島 (3) 沖縄 (5)
:nth-*擬似クラスの引数の理解がいまいちだったのでおさらい。 構文について。 ここでのINTEGERは[0-9]+である。 nth : S* [ ['-'|'+']? INTEGER? {N} [ S* ['-'|'+'] S* INTEGER ]? | ['-'|'+']? INTEGER | {O}{D}{D} | {E}{V}{E}{N} ] S* ;nは0もしくは正の整数であるので、それを元に考えると分かりやすい。 たとえば:nth-child(n+1)の場合…… 0 + 1 = 1 1 + 1 = 2 2 + 1 = 3 ...となる。 偶数番目の子を指定する場合には:nth-child(even)または:nth-child(2n)となるが、これも同様に 2 * 0 = 0 2 * 1 = 2 2 * 2 = 4 ...となる。 奇数番目:nth-child(odd), :n
つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、Adobe製品に比べたら圧倒的に情報量が少ないSketch。Adobe製品と同じような機能やショートカットも多いですが、使いこなせるようになるまでは少し時間が掛かりそうです。Goodpatchでもマニュアルや記事を読みながら、隙間時間にSketchを触ってその機能を確かめています。というわけで今回は、Sketchの基本的な機能や、発見した小技、ショートカットなどをまとめてみました。 先日アップした「
画像から類似画像や名前を調べる方法を紹介します。 1.はじめに ネットで何かを調べるときに、調べたい単語や固有名詞が分かっていればある程度の情報が得られると思いますが、単語や固有名詞が分からない、あるいは名称そのものを調べたい場合、目的の情報にたどりつくことが難しいケースがあります。 が、調べたい対象の元情報として画像が手元にあれば、ある程度調べることが可能です。 ということで、近所で撮影した花の名前が実際何か分からなかったので、この写真だけを元情報として、ネットで花の名前を調べてみました。 2.類似画像を検索する まず、この花と同じ画像がどこかのウェブサイトにアップロードされていないか検索します。Googleの画像検索ページにアクセス。 Google画像検索 カメラアイコンをクリック。 ネット上の画像で検索する場合、テキストフィールドに画像のURLを貼り付けます。 (クリックで拡大) ロ
ご存知の方も多いと思いますが、YouTube動画にテキストを表示させる方法を紹介します。 練習で作った動画として、Movable Typeプラグインのデモ動画をおいておきますのでよければご覧ください。タイトルやふきだしなどが表示されます。 1.アノテーション YouTubeでは自分のアップロードした動画に、タイトルやコメント、ふきだしなどのテキストや動画へのリンクを表示させることができます。 この機能は「アノテーション(annotation:あるデータに関連する情報(メタデータ)を注釈として付与すること)」と呼ばれるものです。 アノテーションでは次の5種類のオブジェクトを設定できます。 吹き出し メモ タイトル YouTube MUSIC WEEK ラベル 2.アノテーションの設定(吹き出し) ここではアノテーションを設定する簡単な例として、吹き出しを追加してみます。 まず、動画の管理画面
jQuery Navobile by Made by Made レスポンシブに加えスマホ用のメニュー実装もできるjQueryプラグイン「Navobile」 レスポンシブ関連のライブラリは色々でてますが、これは便利かも、と思ったプラグイン。 通常のPCモード 幅を狭くするとナビゲーションメニューが現れます クリックでアプリ風のメニューに変身 必要最低限さっくりと入れておくと便利そうなプラグインですね 関連エントリ PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」 スマホ関連のリモートホストのまとめ スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」 スマホ・タブレットの判別ができるPHPクラスライブラリ「PHP Mobile Detect」
JDIはHTML5/JavaScript製のタスクアプリです。 HTML5で何ができるのか、そんなコンセプトで行われたコンテストがHTML5 is Ready Contestです。そして見事優勝を勝ち取ったのがJDIになります。 ログイン画面です。ユーザがいない場合はまず登録を行います。 ログイン後に表示される情報です。 サンプルデータを登録しました。 左側にタスクが並んで表示されています。 タスクをクリックすると詳細が出ます。 編集もできます。 タスク詳細にある円をドラッグすると、時間の入力ができます。 タスクの追加画面です。 JDIはHTML5でできたTodoアプリです。Webブラウザベースなのでデスクトップはもちろん、スマートフォンやタブレットでも使えます。そして現在作業可能な時間を入力すると作業可能なタスクをピックアップしてすべき作業をリストアップしてくれる面白い仕組みがあります。
まいど。するぷ( @isloop )です。 みなさんはアクセス解析をちゃんと見てますか? 結構、毎日解析している人は少ないんじゃないかと思います。それはたぶん、アクセス解析にアクセスするのがおっくうになってるのが一番の原因じゃないかなと。 ってか僕がそうでした。 とくに僕が使っているアクセス解析サービス「Google Analytics」はクリックする数も多いし、多機能な分見にくいし、それが原因かなんなのかブックマークをクリックすることすら面倒になり、チェックすることが大変おっくうになっていました。 しかし、あることをしてから毎日チェックするようになったんです・・・! Google Chromeの拡張機能「Keyconfig」を使うことによって速攻でアクセス解析を見られるようにしておく。 やることは単純明快です。アクセス解析を見ることをおっくうにさせなければいいのです。 つまりショートカッ
The Polaris Dawn crew is back on Earth after a historic mission
Stereomoodはあなたの気分に応じた音楽を提供してくれるサービスです。 いま「幸せ」な気分だったら、幸せを感じるようなメロディを、 いま「眠たい」という気分だったら、心地良い穏やかな音楽を提供してくれます。 ムードにあわせて最適な音楽が探せますよ。 以下に使ってみた様子を載せておきます。 まず「Stereomood」にアクセスしましょう。 いまの自分の気持ち、ムードで検索します。 「sleepy」で検索してみました。 このように音楽プレーヤーが表示され、音楽が流れます。 よくある気持ち(ムード)のキーワードがずらりと並んでいるので、 いろいろ検索してみてためしてみると楽しいですよ。 ぜひご活用ください!
ポートフォリオを作成出来る、というWebサービス・Dunkedのご紹介です。レスポンシブWebデザインにも対応していますので、出先からスマフォやタブレット等で自分の作品を相手に見せることも出来ますね。 ポートフォリオ用のWebサイトを作れるサービス。この手のは他にもありますがシンプルで見やすかったので備忘録的に。 ポートフォリオ作成サービス。無料で利用できて、スマフォやタブレットでもレイアウトを崩すことなく表示可能です。また、Retinaディスプレイにも最適化されるそうです。 アップロードやスタイルの変更も簡単に出来そうです。 手軽で必要最低限の機能も備わってる印象でした。結構いいかもしれない。 Dunked
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる!」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス&タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが!フォトショでもFW並か、それ以上に楽ができると思います。 そ
こんにちは、うららです。 Twitter、楽しいですよね! 取り留めもないことをつぶやいたり、自分がたまにつぶやくとてもおもしろいジョークにもなんの反応もなく、世間の厳しさを簡単に体験できたりと、とても充実しています! プロフィール写真も自分の可愛い写真を設定したり、友達に見つけてもらえるように紹介文にも特徴を詳しく書いたりと……。 LIGのサイトへ訪れてくれる方の中でも、そういったTwitterライフを満喫している人、多いのではないでしょうか? 今回はTwitterやFacebook、そしてLINEやInstagramにもオススメのアイコン作成サイト6選をまとめてみました! すべて無料です! Webデザイナーを目指しませんか? クリエイターに興味があるけどなり方がわからない、Web業界への転職を目指している……という方は、「スクールでの勉強」もおすすめです。将来について悩んでいる方はぜひ
久々になんか思った事を適当に書いてみる考察系記事でも書くかぁくらいのノリで思い出したんですが、僕はだいたい2ヶ月に一回くらいのペースで、日本からカナダに来た将来フリーランス志望なクリエイターへの簡単な講習(ていうか雑談会?)とかしています。 僕自身がカナダで5年間WEB屋として経験してきたことの共有を主としており、まぁ微力なりともカナダという国でWEB屋になるぞという人の後押しでも出来ればと思って始めたのですが、先日参加者の一人から出た『支払いのタイミング』についての質問をきっかけに「なぜ前払いさせるのか?」という内容の激論を繰り広げ、答えるのに頭を抱えまくってしまったので、良い機会だから僕なりの『前払い』に対する若干気持ち悪い熱意の話でもまとめさせてもらおうかなと思います! 少々白熱し過ぎてその時のテンションのまま書いてしまってますので、少し書き方が雑というか、言いすぎじゃね?って所も多
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! It would be pretty cool if we could do this someday in CSS. The best idea for it that I’ve come across is to define it in a <meta> tag in the <head>. That way (perhaps) CSS could use it and JS could use it. Like window.matchMedia(nameOfMyMediaQuery) or @media (nameOfMyMediaQuery) { }. But si
多階層をもったサイトでは、パンくずも長くなりがちです。 テキストベースで実装した長い一行のパンくずを表示幅に合わせて最適化するjQueryのプラグインを紹介します。 jQuery rCrumbs -GitHub rCrumbsのデモ rCrumbsの使い方 rCrumbsのデモ 一行で長いパンくずは表示幅を変更すると、最適化されて表示されます。 主要なモダンブラウザをはじめ、IE8+でご覧ください。 デモページ:幅1200, 780, 480pxで表示 幅1200pxで表示 先頭のHomeから、長いページタイトルまで全部が表示 幅780pxで表示 先頭のHome側からはみ出るアイテムを省略 幅480pxで表示 長いページタイトルもはみ出る場合は省略 ※省力無しの固定表示することもできます。 rCrumbsの使い方 実装は簡単で、パンくずはリスト要素で実装されています。 Step 1: 外部
ブログなどでショートカットを単にテキストで記述するのではなく、ちょっと洒落た感じに、Apple Keyboard風に実装するスタイルシートを紹介します。 デモページ:拡大 実装はシンプルで、HTMLはclass(mac-key)を付与するだけ、CSSも10行ちょいです。 HTML <p>New Tab <span class="mac-key">⌘</span> + <span class="mac-key">t</span> </p> <p>New Window <span class="mac-key">⌘</span> + <span class="mac-key">n</span> </p> <p>New Incognito Window <span class="mac-key">⇧</span> + <span class="mac-k
デモページ:一番下までスクロール 「Hachi, stay!」ボタンをクリックすると、復活します。 ハチ公の使い方 実装は非常に簡単で、複数の要素にハチ公を適用することもできます。 Step 1: 外部ファイル 「jqeury.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.hachiko.1.0.0.min.js"></script> Step 2: HTML HTMLは通常通りに実装し、ハチ公を適用するエレメントがスクリプトで指定できるようにidなどを付与します。 例:id=sticky <div id="sticky">Click me to see how the state i
BatteryInfoはiPhoneのバッテリー情報を表示するアプリです。 iPhoneのバッテリーのもちが悪くなってきたかな、そう感じたら使ってみて欲しいのがBatteryInfoです。iPhoneに使われているバッテリーの状態を一覧表示してくれます。 起動するとバッテリーの情報が出ます。 充電回数も表示されます。 Androidとは異なりバッテリー交換の仕組みが用意されていないiPhoneにとって、電池のもちはとても重要です。BatteryInfoを使えばキャパシティが変化しているのが数値で分かるので、交換すべきかどうかも分かるようになるでしょう。 BatteryInfoはiOS用のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 MOONGIFTはこう見る バッテリー情報はMacBookなどでは有名でしたが、まさかiOSでも取れるとは思いませんでし
ティラノ・スクリプトはWebベースで動作するノベルゲームを開発するフレームワークです。 Webブラウザベースでノベルゲームを提供したいと思ったらその基盤にぜひティラノ・スクリプトを使ってください。HTML5ベースのノベルゲームを作成できるでしょう。 まさにノベルゲームそのままな画面です。 メニューです。 タイトルも表示されます。 読みながらティラノ・スクリプトの使い方が勉強できます。 ティラノ・スクリプトはKAG3/吉里吉里と高い互換性を持っています。そのため既存のWindows用ゲームからティラノ・スクリプトに対応したゲームを簡単に作成できます。つまり既に既存の作成ツールは多数ある訳で、そのデータを使ってWebベースのノベルゲームが作れるわけです。さらにPhoneGapでラッピングしてアプリ化もできます。 ティラノ・スクリプトはJavaScript製、MIT Licenseのオープンソー
OctosplitはGitHub上の差分表示をスプリットビューで提供するGoogle Chrome機能拡張です。 GitHubではWeb上でコミットの差分表示が出来て便利です。表示は一つのソース中に差分が出る形になっていますが、人によっては左右にファイルを分けて表示する方が見やすいという意見もあるでしょう。そこで使ってみたいのがOctosplitです。 インストールします。 差分を表示している時にUse side by side viewというチェックボックスが表示されるようになります。 こんな感じで二つのファイルを並べて表示する形に変わります。 長い場合も見やすくなります。 全てを表示しようと思うと結構画面幅を広げないといけないのが欠点かも…。 Octosplitでは縦方向に並んでいるソースをそのまま水平にしたような形で、本来同一行に表示されるべき内容が段差がついて表示されてしまいます。
こんにちは。マラガの海の贈り物、ディレクターのセコです。 今回は最近ハマっている世界最大級の講演会TEDのすごいプレゼンをご紹介いたします。 通勤途中等のちょっとした合間でプレゼンの勉強にもなり、さらに字幕付きで英語の勉強にもなります。 TEDとは アメリカのカリフォルニア州モントレーで年一回、講演会を主催しているグループのこと。またはTEDが開催している講演会(TEDカンファレンス)のことである。 「Ideas worth spreading(広める価値のあるアイデア)」を活動目標としている。「TED」の文字は、テクノロジー、エンターテインメント、デザインの頭文字を表している。 世界の先頭を行く思想家や実行家たちが、自分の人生・体験についての講演を5~18分で行い、その後は講演の内容が公式サイトにて無料で公開される。 TEDのプレゼンはスピーカーのレベルもさることながら、その質が高いこと
HTML5で誰でもゲームが作れる!? 最近webで何かを作るためのフレームワークというものがどんどん出てきており、ゲームにしろwebサイトにしろ、さわりを学べばそれを作る組み合わせだけなら抑えることが可能になってきています。 それを実際に使いこなし、またそれで作るものの内容がしっかりしていなければ何人もの人が使ったり遊んでくれるものにはならないわけですが…。優れた構想を持ったクリエイターが自力でゲームを作る、ということは実際に出来るようになっていると言えます。 今回は、それを実現するフレームワークやゲームエンジンと言われているものをまとめて紹介します。プログラミングやCanvasについてはちょっと知識が浅いので、調べたことをまとめるに留めています。今後の勉強課題ということで…。 ゲームエンジンまとめ よくHTML5でゲームが作れる、JavaScriptゲームエンジンというように紹介されるも
はじめに iPhoneアプリは、Macが1台あれば作ることができます。 (OSのバージョンは10.7.4以降である必要があります) 「とりあえず動くものを作ってみよう!」といった感じで簡単なアプリを作ってみたいと思います。 「アプリの画面」や「画面の遷移」を視覚的に作成できる「Storyboard」を使いながら、 コードを書かずにできるとこまでを今回はやってみます。 Storyboardとは Xcode4.2から導入されました。iOS5以降を対象としたアプリの開発で使用出来ます。 下の画像のような画面で「画面内のUIパーツのレイアウト」や、「画面から画面への遷移」を視覚的に作成出来ます。 開発の準備 用意するものは以下の通りです。 OS X 10.7.4以降がインストールされたMac 開発ツール「Xcode」 Xcodeは無料でインストールできます。最新版のバージョンは4.6.2です。 X
京都造形芸術大学 / 京都造形芸術大学 芸術学部 通信教育部 / インターネットだけで卒業できる新学科|京都造形芸...他...全17件
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
モノ、活動、状態が提供される対価として金銭の授受が発生する。このモノ、活動、状態ということについて、人間中心設計がどう取り組むべきかを考えてみたい。 黒須教授 2013年5月9日 提供する人と受容する人がいて、その間に提供されるものの対価として金銭の授受が発生する。提供されるものは、モノであったり、活動であったり、状態であったりする。対応する英語は、goods、activity、stateということになるだろう。今回は、このモノ、活動、状態ということについて、人間中心設計がどう取り組むべきかを考えてみたい。 モノの人間中心設計 モノは、それを提供する人によって作られ、受容する人(ユーザ)によって使われることで価値を持つ。そのモノによって何らかが可能になり、ユーザはそのモノの持つ機能を実行し、それによって何らかの変化が生じ、モノの代金は、変化のなかった状態と変化した状態の差分に対して支払われ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く