Google スプレッドシートの関数でWebからデータを取得する - プログラマでありたい
Excel買うのはちょっと高いなぁと思っている時に重宝するのが、Google スプレッドシートです。ブラウザがあればどこでも使えて嬉しく、あのデータあのパソコンに入ってるのにとか、そういったことから開放されます。さらに他の人との共有も簡単なので、使い所沢山あります。 そんなGoogle スプレッドシートですが、Googleならではというような機能もあります。その1つがImport系のセル関数です。幾つかあるのですが、Webからデータを収拾できるものが幾つかあります。地味だけど便利なので、簡単に紹介してみます。 Import関数 関数名 概要 IMPORTXML XML, HTML, CSV, TSV,RSS/Atom XMLフィードなど、構造化データからデータをインポート IMPORTHTML HTML ページ内の表やリストからデータをインポート IMPORTFEED RSS, Atom
『CSS3でつくるキャラアニメーション』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！ アメーバゲーム部門でディベロッパーをしております、なるげと申します。 現在、私は「ガールフレンド（仮）」チームに属していますが、前は「フレンダリアと魔法の指輪」というファンタジーRPGで、モンスターのアニメーションを担当していました。 ガールフレンド（仮）でも一部CSSアニメを使用してキャラクターを動かしています。 今回は、ガールフレンド（仮）に登場するガールを例に、キャラアニメの制作をご紹介したいと思います。 ガールフレンド（仮）とは 「ガールフレンド（仮）」とは、ユーザーが主人公となり、様々な女の子と出会っていく学園恋愛カードゲー
WordPressをカスタマイズするなら覚えておきたいアクションフックとフィルターフック
WordPressのカスタマイズコードでよく見かける add_filter、add_action という関数。これは WordPressのプラグイン API という仕組みを利用したもの。プラグイン API - アクションフックやフィルターフックについて、大雑把ですがまとめてみました。 WordPress を使ってWebサイトを作る時、デフォルトの WordPress の動きを変更したいなーという時が多々あります。WordPress のデフォルトの動き（WordPress Codexでは振る舞いという言い方がされています。）でよく知られてるのは、記事を書くと自動的に <p> タグが入る … とかでしょうか。とにかくそういう WordPress の振る舞いを、何とかしたい場合ってありますよね。 こういった WordPress 独特の振る舞いは、WordPress のコアファイルと呼ばれてるとこ
WordPress 3のサイドバーにウィジェットを表示するカスタマイズ
WordPress 3のサイドバーにウィジェットを表示するカスタマイズです。ネタ的にはかなり出遅れてる感じですが、なかなか仕組みが理解できなかったので、WordPressテーマを変更したときの備忘録として残しておきます。 ここでは、ウィジェットが適用されていない2つのサイドバー（sidebar.php/sidebar2.php）にウィジェットを表示する例を説明します。カスタマイズしたいテーマにサイドバーが1つしかない場合、あるいは3つ以上ある場合でも手順はたいして変わりません。 １．sidebar.phpの変更 まず、サイドバー用のテーマファイルsidebar.phpがあるとします。 <ul> <li><h2>Search this site</h2><?php include (TEMPLATEPATH . '/searchform.php'); ?></li> <li><h2>Arch
実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプチャが古いままとかになったりしちゃいますよね＞＜ とか思って探してみたらこちらの Intro.js が便利だったので紹介してみます。 さて、この Intro.js を使うとですね、サイト上で動作するチュートリアルを簡単に作れるんですよ。使い方も簡単で、動作させたい要素に対して data-intro (表示する説明文) と data-step (チュートリアルの何番目に表示するか) を指定します。チ
Adobe Fireworks | EntheosWeb
In this tutorial we are going to learn how trace and draw an image using Fireworks. You will learn how to draw a Panda in Fireworks by tracing an image. The source .png file can be downloaded at the end of the tutorial. Read More In this tutorial, we are going to learn how to create a simple typography illustration in Adobe Fireworks. We will use the transformation tool and paste inside property o
Sass - チュートリアル
この文書は古いSassウェブサイトに載っていたチュートリアルの訳で、2013年12月現在もう新しいウェブサイトには存在しません。新しいウェブサイトでのチュートリアルにあたるSassの基本の日本語訳を参照してください。 Translation of: Sass - Tutorial Ruby と Sass のインストール まず、Sass がちゃんと動作するようにします。OS X を使用しているのなら、既に Ruby がインストールされているでしょう。Windows ユーザーならば Ruby のWindows インストーラーで、Linux ユーザーならパッケージ・マネージャーでそれぞれ Ruby をインストールすることが出来ます。 Ruby のインストールが完了したら、以下のようにして Sass のインストールを行います: gem install sass 最初の Sass スタイルシート 非
ゆっくりMovieMaker3
後継となるゆっくりMovieMaker4が正式リリースされました。 今後、YMM3の更新及びサポートは行われないため、YMM4への移行をご検討ください。 「ゆっくり実況プレイ動画」用の動画編集支援ソフトです。 セリフ追加のほか、簡単な編集機能を搭載しています。 動作環境Windows XP 以上.NET Framework 4 以上DirectX9.0c 以上PixelShader2.0 / 3.0対応ファイル形式動画ファイル.avi .mp4 .wmv .mpg .mpeg画像ファイル.bmp .jpg .jpeg .png音声ファイル.wav .mp3カスタムボイス.wav .mp3キャラ素材キャラ素材スクリプト Ver4c に対応したキャラ素材※キャラ素材スクリプトVer5以降専用のキャラ素材は動作しませんダウンロード本ソフトを使用して実況動画を作成し、ニコニコ動画で動画を公開する場
How to Create a CSS3 Dropdown Menu - Designmodo
Step 1 – HTML Markup of CSS3 Dropdown Menu We will create an unordered list with a list item and an anchor tag for each menu link. To create the sub menu add another unordered list inside of the list. <ul class="menu"> <li><a href="#">My dashboard</a></li> <li><a href="#">Likes</a></li> <li><a href="#">Views</a> <ul> <li><a href="#" class="documents">Documents</a></li> <li><a href="#" class="messa
Photoshoopでの作業時間を短縮するのに役立つ10のテクニック
10 Photoshop Quick Tips to Improve Your Workflow 下記は各ポイントを意訳したものです。 1. レイヤースタイル パネルでの操作 2. 空の選択範囲の変形 3. 斜めの画像を水平にする 4. 画像に磨りガラスのようなパネルを設置 5. キレイな切り抜きを素早く 6. 瞳のカラーを変更 7. 画質に影響を与えないで照明のエフェクト 8. 作業確認用の新規ウインドウ 9. 画像からカラースウォッチを作成 10. レイヤースタイルをレイヤーの一部に適用 1. レイヤースタイル パネルでの操作 レイヤーパレットの下の「fx」ボタンをクリックすると開くレイヤースタイル パネルで、レイヤースタイルのアクティブ時に直接微調整ができます。 操作可能なスタイルは、4つです。 ドロップシャドウ グラデーションオーバーレイ サテン パターンオーバーレイ 4つのスタイ
Learn HTML5, CSS3, Javascript - video style tutorials
Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch
コンテンツに応じた修復とパペットワープ | Photoshop CS5 の新機能 | Shuffle by COMMERCIAL PHOTO
Adobeが「コンテンツに応じて」という言い方で新機能を盛り込んできたのはCS4からだ。CS5ではさらに拡張されて、「コンテンツに応じて」という言葉はあたかも魔法の呪文のようでもある。また、全くの新機能とも言えるのがパペットワープである。Adobeのデモでは、あっと驚く魔法のような機能として紹介されたが、実際にはどうなんだろう。 コンテンツに応じた「スポット修復ブラシ」と「塗りつぶし」 ごみ取りなどに便利なスポット修復ブラシツールに「コンテンツに応じる」というオプションが追加された。 「コンテンツに応じて」という言葉には、Photoshopが自動的に絵柄を判断して、という意味合いが含まれているのだろう。背景が単純な写真の中でのごみ取りや電線消しなどだったら従来のツールでも充分だったが、背景が複雑になってくるとそうはいかなかった。ところが今度は、多少背景が複雑でも、うまく絵柄を判断してくれた
Photoshopでぼんやりと輝くネオンスタイルロゴをデザインする方法
↑ クリックすると参照元サイトに移動します。 海外デザインブログAbduzeedoで、全米で新しく発売されたゲームL.A. Noireのロゴをモチーフにデザインされたぼんやりと輝くネオンスタイルをデザインしたチュートリアル「L.A. Noire Neon Style in Photoshop」が公開されていたので、今回はご紹介します。 レイヤースタイルを適用するだけの比較的Photoshop初心者の人にオススメな簡単チュートリアルとなっています。 エントリーの最後では無料でダウンロード可能なサンプル用PSDファイルも公開されていますので、実際のデザインサンプルを利用することでより分かりやすいかもしれません。 詳細は以下から。 チュートリアル情報 [note_box] プログラム : Photoshop バージョン : CS5で作成 （古いバージョンでも可能 難易度 : 初級者から上級者まで
【ダメデザイナー救済！】 Fwで作る、コーダー＆プログラマさんに嫌われない素材 – 宇都宮ウエブ制作所
机の上が散らかっている人は、頭の中も散らかっている。— 佐藤可士和 談 机の上も絶賛散乱中、典型的ダメなデザイナーの宇都宮頼子です。 今回から始まった【ダメデザイナー救済！】は、基本ズボラな私が、いつかみんなに「こいつデキる・・・！」と言わせたい、そんな思いを胸にコツコツ溜まってきた小技をご紹介していくコーナーです。 twitterのタイムラインで流れてくる「ココとココの頭位置が微妙に違うのは意図的！？」「この端数は何だ？？」などなど、コーダー＆プログラマさん達の深夜のつぶやきは耳が痛い、耳が痛いよぅ。 今回はFireworksのシンボルをつかって、コーダー＆プログラマさんもニッコリ間違いなしのステキな素材作りを学びましょう！ ●汎用性の高いブロックを作る よく使うサイズのブロックを作ります。重ねても使えるので最低限でOK こんな感じで汎用性の高そうなサイズのシンボルを作っておきます。（※
WordPressのテーマを自作したいと考えているのですが、初めてのテーマ作成に参考になるサイトを教えてください。
WordPressのテーマを自作したいと考えているのですが、初めてのテーマ作成に参考になるサイトを教えてください。
YUKI HARUYAMA Portfolio Site | 春山 有由希
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
Fireworks コレ、5分で作ります。その１ : RedLine Magazine
Fireworks コレ、5分で作ります。その１ ※このエントリはFireworks CS4を元に書いています。 Fireworks の日本語チュートリアル少ないなーという話を先日Twitterでしていたので、なんか作ってみます。あまり超大作のチュートリアルは手順を書く気力が途中でなくなりそうだったので、今日は5分くらいでコレ作る方法を書きます。 今回の完成形 見出しの背景画像によくありそうなこういう画像をパパっと作ります。 今回は素材集等、Fireworks の機能以外のものは使いません。 土台を用意 まずは一番下の土台を作ります。よくあるアクア風のやつにしますね。矩形で適当なサイズで長方形作って、塗りを線形のグラデーションに。４色決めてスライダーを調節。外側には1pxの線も加えます。 ここでのサンプルのサイズはW 470 * H 40 としました。 こういう見出し用の背景画像でよく左側
新人デザイナーのためのillustrator+αショートカットキー一覧のまとめ
ショートカットキーを使えば、すぐできること、改善できることというのが沢山あります。しかしなかなか慣れてくるまではどうしてもUIに頼って、ショートカットキーを使わないなんて人も多いかと思います。そこで今回は操作に慣れていない人向けにillustoratorのショットカットキーを覚えるために役立つWEBサイトを紹介したいと思います。 photo by laffy4k 探してみるとものすごい数のチートシートがありますが、今日は使えそうなものをいくつかピックアップして紹介したいと思います。 詳しくは以下 ■デザインの裏技blog Illustratorショートカット一覧 ツールバー選択のショートカットキーを一枚の画像にまとめたもの、一回一回マウスを動かしている人は必見です。 ■Illustrator CS3 キーボードショートカット 50 一覧性の高いショートカットキーリスト。机の片隅に置いておく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://www.xn--vps-073b3a72a.com/