サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
blog.v-colors.com
WordPressを使っていても、 同一サーバー内に静的ファイルを置いてそれと共存させることができます。 たとえばこんな感じで静的ファイルを置けば、 http://wordpressをインストールしたURL/pamphlet/index.html にアクセスすれば、WordPressを介することなくこのディレクトリ内のindex.htmlが表示されます。 この場合はよいのです。 問題なのは以下のような場合。 まずWordPress側のパーマリンク設定をデフォルト以外にしていて、 abcdeというスラッグのページを http://wordpressをインストールしているURL/abcde/ というような感じでディレクトリにアクセスしているっぽいURLにしている場合で pamphletという部分はWordPress側でページを表示させて、その下にあるpageというページ(まぎらわしいですね…)
メインのお仕事がAndroid UI担当になって早1年。 今年は絶対に月に1回はブログを更新すると決めました。 こんにちは。YUKIです。 AndroidのUIデザイン関連でこまめにチェックしている資料をまとめてみました。 これからAndroidのUI関係の情報を集める方、Material Designのガイドラインが発表されてからどう変わったのか収集中の方の参考になれば幸いです! (2015/1/10 現在) ドキュメント関係 公式資料関係 Material Design ガイドライン http://www.google.com/design/spec/material-design/introduction.html まずは読み込んでMaterial Designの思想を理解 Google Developers Blog http://googledevelopers.blogspot
日曜×芸人を見ながらパソコンと戯れていたYUKIです。 こんばんは! 普段からgoogleカレンダーやらスマホのカレンダーやら 卓上カレンダーやらいろんなカレンダーを使っているのですが、 今日何曜日だっけ?(カレンダーによって月曜始まりだったり日曜始まりだったりして見間違う) その日祝日だっけ?(Googleカレンダーの祝日わかりにくい) 今日大安?仏滅?(意外と載ってるカレンダー少ない) 今年って平成何年だっけ…(おしゃれor海外カレンダーには西暦のみだったり) 来年の干支は…(そんな時期ですね) っていうときがちょいちょいあって、 すべてを満たしているカレンダーが手元になかったので (探せばきっとあると思うんだけど)これを見ればすぐわかる!っていうのが欲しくて、作ってみました。 Japanese Holiday Calendar 日本の祝日/祭日/六曜/干支/年号がひとめでわかるカレン
ひさしぶりにおもちゃ売り場を通りかかったら 「室内用お砂遊び キネティックサンド」 なるものを見つけました。 [tmkm-amazon]B00CO5AQ12[/tmkm-amazon] ぱっと見みると、まぁふつうの砂なんですが…。 なんかドロッとしているのです。 そして力を加えるとちゃんと固まるのです!!!! 水を入れたりする必要がなくて常に湿った状態を維持するとのこと。 一応動画もあったので貼っておきます。 調べてみると、98%の砂と2%のシリコン素材でできているらしい。 (シリコン素材も元は小麦でグルテンは入っていないとありました) 思いついた人すごい…!!! これがあれば間違いなくきれいな砂のお城が作れます…!!!!w 大人ですが、なんか久しぶりに砂遊びがしたくなりました(笑) 最近日本でも販売がはじまった商品らしいです。 文章と写真じゃほんとにあんまり伝わらないのですが、 さわって
WordBench福岡の勉強会、「偶数月は初心者向けのおそらく3.7 回目くらいのWordBench 福岡」で発表してきました! 当日のスライドです。 WordPressでサイト作成するときに知っておくといいことあれこれ from YUKI YAMAGUCHI 今回、先日ABC Words 2013で発表させていただいた内容を再編集して発表してきました。 具体的なやり方は調べてばいくらでも出てくるのですが、 なにができるのかわからなければ具体的なやり方も調べようがないので こういうことができる!というのを簡単にまとめて発表してみました。 機会があればまたなにかまとめて発表したいなと思います! 主催の@tekapoさんはじめ、みなさんありがとうございましたー! ↓当日のツイートなどはこちら http://togetter.com/li/578231
イラストフォント配布サイト作りました! Bootstrapを使って新しいサイトを作ってみました! 案件で検討する前に一度テストしておきたかったので 今回Bootstrapを使ってサイトを作成してみました。 スタンプフォント! -スタンプみたいに使えるかわいいイラストのフリーフォント- イラストをフォント化したTTFフォントの配布サイトです。 Windows、Mac OS X以降で使えます。 Webフォント用のファイルも準備予定です。 個人、商用ともにフリーです。 ご自由にお使いください^^ 自分で好きなものだけWebフォント化していただいても大丈夫◎ デザインの一部や、ワイヤーフレーム作成時などにお役立ていただけると嬉しいです。 こういうのがあると便利ー!などのご意見もお待ちしています!! Font用のSVGファイルはFireworksで ちなみにサイトのデザイン、アニメーションGIFの作
月曜から夜更かしのタイトルみたいにしてみましたw 株主優待券を使うことに命をかけている桐谷さんが大好きなYUKIです。こんにちは! 最近ものすごいペースで本を買っていて、デスクのまわりが本だらけになりつつあります…! かなり消化できたので「2013年上半期、読んでよかったデザイン本まとめ」を近日書くとして、 今日はとってもおもしろいフォントに関する雑誌をご紹介したいと思います! グラフィック社から発売されているTYPOGRAPHYという雑誌です。 ひたすらフォントの話 半年に1冊のペースで出ている雑誌で、先日03が出ました。 [tmkm-amazon]4766123727[/tmkm-amazon] [tmkm-amazon]4766124529[/tmkm-amazon] [tmkm-amazon]4766124758[/tmkm-amazon] ひたすら書体の話にフォーカスしていて、
今回は「名刺が急に必要/手元にプリンタがない/当日即必要/両面フルカラー/少数(100枚以下)/できるだけ安く/名刺のデータはあるor作れる」という状態で名刺を急ごしらえできたお話です。 とんでもない忘れ物した 先日、大変ありがたいことにCSS Nite Nagoyaでお話をさせていただきました。(その記事はこちら) その際…まさかまさかの大失態。 名刺を忘れたのであります。 嫌な予感はしていたんです。 なにかそわそわするというか…。 気がついたのは福岡空港。 はい、もう取りに帰っていてはフライト時間に間に合いません。 どうしよう…!!!!! 到着する前から名古屋の人に助けを求める迷惑な私 「名古屋駅周辺で”両面カラーで即日”名刺印刷できるところ知りませんか?」 とtwitterで投げかけたところ、さまざまな情報が寄せられました。 ありがとうございます;; キンコーズいってみたら?の声 教
G3株式会社さまのコーポレートサイトを制作させていただきました。 CSSプロパティパネルが便利すぎて… 今回、FireworksのCSSプロパティパネルが最高すぎることによってかなりの短時間でサイト制作できたので、それのご紹介がてら、どのようにサイトを作っていったかご紹介したいと思います。 すでにサイトがWordPressで動いていて、別のテーマで運用中だったので、 テキスト等もそのまま流用でき、私の作業としては純粋にWordPressテーマのデザインとコーディングの部分でしたので今回ご紹介するのはその部分の流れになります♪ まず、イメージを膨らませる イメージ固めから入りました。 会社のコンセプトが「毎日をワクワクさせちゃえ!」だったので、私の中でのワクワクのイメージを考えてみます。 google画像検索でワクワクを検索してみたり。 なんとなーくブルーが多い印象。 こういうものも参考にし
WordCamp東京、無事に終了しました! PHPカンファレンスと合同ということもあり、圧倒的なスケール感で 東京ってホントにすごいな…と思いましたw 今までお会いする機会のなかった方ともいろいろご挨拶ができて本当にうれしかったです! ありがとうございました! 取り急ぎ、本日の私のセッション資料を公開しました。 15分という短い時間だったのでかなり早口になってしまったので、 スライドの方で内容をご確認頂けると幸いです^^
5回にわたってデジハリ福岡校さんで開催させていただいた Fireworks講座が、先日無事に終了しました☆ 毎週水曜日に週に1回、2時間で全5回の講座でした。 授業はこんな感じで開催させていただきました。 全5回の概要 第1回 まずはテキストは使わず、オリジナルの実習ファイルで Fireworksの機能と特徴に慣れていただく回にしました。 自動シェイプの使い方 パターンの使い方 テクスチャの使い方 ツイストアンドフェードの使い方 などなど。 とりあえずこういうことができるんだ、というのを サンプルファイルでの実習をメインにひたすら2時間。 まずはFireworksはどういうことができて、 どういうことが得意なのかというのを知っていただくのが狙いです。 第2回 テキストPart2のポラロイド写真、およびそれを使ったバナー作成を行いました。 この部分はパターンやテクスチャの使い方、画像のマスク
先日発売になったFireworks CS6、みなさんお使いになられましたか?? カラーパネルまわりが一新されたり、 CSS3の書き出しが強化されたりとさらに使いやすくなったCS6なのですが、 この度、このCS6にデータの提供をさせていただきました。 Fireworks Interviewsというサイトでインタビューしていただいたことが きっかけで声をかけていただき実現しました。 β版のときだけかなー?なんて思っていたのですが、 製品版にもしっかり入っていました。 (同僚のマシンでも確認したので間違いない…はず…) Fireworks CS6を起動したら 自作の素材がプリインストールされていたときの感動といったら…;; はじめはテクスチャとパターンだけかと思っていたのですが、 使っているうちにほかにもいろいろと入っていることに気がついたので ご紹介させてください^^ 共有ライブラリ 共有ライ
第1回 Fukuoka.phpが開催! 2012年5月23日、第1回 Fukuoka.phpが開催されました! ↑写真はプリンさんのLT。安定の面白さでしたw 昔はPHP in Fukuokaっていうのがあったんだよ! 福岡でPHPの勉強会といえば、5年前にPHP in Fukuokaというのがあって、わたしもその勉強会に何度も参加したおかげでPHPが使えるようになりました。 そう!私のPHPerの原点といっても過言ではない…! が、そのPHP in Fukuokaも開催されなくなって久しく、長らく福岡のPHPコミュニティーは活動休止状態だったわけです。 そんな中、Fukuoka.phpが発足! 発足の経緯はこちらのようです→「Fukuoka.php」の立ち上げから開催直前までの流れ なぜかLTしてきた で、なぜこんなぺーぺーの私が参加してさらにLTまでしてきたかというと… 実は主催者の@
最近ものすごい勢いで本を読んでいるYUKIです。 こんにちは。 このブログをご覧頂ければわかるように(※3月一度も更新なし) 「あれ?3月ってあったっけ…???」 ってぐらい2月後半から猛烈な勢いでお仕事をしておりました。 そんな時期にあっても、 すばらしい本は世の中にどんどん出てくるわけで。 私の横にも、どんどん積本されていくわけで。 というわけで、お仕事が一段落したので 今、猛烈な勢いで本読んでます。 というわけで、 いい本にいっぱい出会ったので ちょっとずつ紹介していこうと思います☆ 今日はWordPress本2冊です。 まずは一冊目。 WordPress 3.x (速習デザイン) 著者の大曲さんに献本いただきました!感謝!!>< 実はこの本、私がFireworks本を書かせていただくことが決まった時、 編集者さんに「WordPress本の話もあるんですが…」とお話を伺っていた本で。
タネマキいってきたよ! 2月3日。 カヤックさんにお邪魔したあと、 東京に行く前にもう一カ所どうしてもいってみたいところがあって。 それが横浜にあるコワーキングスペース、タネマキ! ということでタネマキにいってきましたーー! 駅から徒歩8分。思ったよりすぐついちゃう。 横浜駅から8分のところにあります。駅の出口さえ間違わなければすぐつきます。 道もビックカメラのところを左にはいればあとは一本道で、思ってたより近かった!(私はビックカメラのとこで曲がりそこねてちょっと遠回りしましたがw) バーカウンター的なところもあり、机もゆったりとした広さがあって、電源もたくさんあって落ち着いて作業できそうな場所でした。 本棚もあっていろんな本も読み放題!!! (うっかり外観の写真を取るの忘れました…。) 結構長いこと「タマネギ」だと思っていた 私、結構長いこと「タネマキ」のことを 玉ねぎと空目していまし
先日、日本円も設定できる!Gumroadはじめました!という記事を書いたのですが、その続きです。 私も早速Fireworks Stroke 100という、Fireworksで使えるストロークセットを1ドルで販売してみました。 Gumroad結果レポート頼む!とのお声を頂いていたので、1週間たっての売上報告と感想、その後のGumroad関係の動きで気になったものなどまとめてみたいと思います! 売上報告 販売したのはFireworks Stroke 100という、Fireworksで使えるストロークセット。 $1で売り出しました。 結果、979アクセス、売上件数21件、売上金額$13.65となりました! うち一件は自分買いなので、20名もの方にお買い上げ頂いたことになります。 本当にありがとうございます…!!! 振込はまだあとみたいなので、PayPalに実際に振り込まれたらそのときもまたレポー
YUKIです。 今月はいつも以上におもしろいことやためになることが たーーーっくさんありました! ですが、いろいろありすぎてこのブログのネタがすでにもう 21個溜まって大渋滞しているという由々しき事態…! 全部書けるようにがんばる…! 面白法人に潜入した! さて、2月3日から6日、東京にいっていたわけですが。その初日。 3日に!なんと! あの面白法人カヤックに潜入してきてしまいました…………!!!!! ゆめのよう。 きっかけはブログの記事。 以前、知らないと人生損してる!デザイナーのための必見ブログまとめという記事でFireworksマニアを紹介していただき。 ↑ほら!ほら!(うれしい…) それがきっかけで中の人とコンタクトを取ることに成功っ! (※載せました!とご連絡を頂いて、それに喜び勇んで返事をかいたというのがことの真相。自分からは話しかけられないヘタレな私) 勇気を振り絞って遊びに
話題のgumroadを試してみたのでレポートします! gumroadって? gumroadはデジタルデータを自分で販売できるサービスです。 手数料は売上の5%+30セント。 これまでのいろんなサービスに比べて格段にお安い印象です。 販売の部分にのみ特化している 特徴として販売の部分にのみ特化している点があげられます。 最低限の簡単な説明分などは入れられますが、 プレビュー画像をたくさんあげたり…といったようなことはできません。 あくまで販売の部分のみをやってくれる感じ。 PRや商品の詳細については自分のブログ→販売の部分だけgumroad という使い方がよいのかな?と思います。 自分のところで決済の仕組みを持たなくてよい 自分のところで決済の仕組みを持たなくてよいので いろいろ楽です。 売上があがったらその分振り込んでもらってーという感じで アフィリエイト感覚で使える感じ。 デジタルデータ
12月7日発売予定です^^ 先日twitterなどで発売日が決まったことを告知させていただいたのですが、 何名か予約したよ!なんて声をかけていただいて本当にうれしい限りです;; 結構いい内容に仕上がっていると思うのですが、 また発売日前でなにも詳細が公開されていない状態なので 「予約して買ったけど求めていた内容と違ったーー」 ということがあっては、 予約までして買っていただくのに本っ当に申し訳ないので…。 今日は、ちょっとその本の中身を紹介させてください! Fireworksによる画像パーツのデザイン Part2です。 FIreworksの基本動作が一通りマスターできるように考えました。 基本の操作説明ってなんか退屈な説明になりがちなので、 いろいろ実際に作りながら覚えられるようになっています。 これらのレシピをこなしていくと、 終わる頃には「あー大体こんな感じでパーツ作るんだなー」と わ
国内最大のWordCamp 9月11日に開催された WordCamp Kobeに参加してきました!! なんと600人弱の参加があったとか!!! すごすぎる…!!! 国内No1記録を大幅に塗り替えちゃいました☆ 会場は神戸芸術工科大学 神戸には同僚の@ask4416といっていたのですが @ask4416は午後からの参加だったので、 午前中はWeb Attendで仲良くなった @hibiki443さんが同じ三宮にお泊まりだったので 一緒にお出かけしました! わーいわーい!!! 学校到着! 色々写真撮ったので貼っておきます♪ おっきなポスター! かわいいです…♪ 登ってゆきます。 学内の案内板がカラフルでかわいい! きれいな学校です…! なんかしてました。 キリン。蔦を絡ませるのかな? この案内板もきれい。 ここを進んで右に曲がったところから会場に入りました。 パンフレットはセルフサービス パン
この週末はStartup Weekend Fukuokaに参加しています♪ Startup Weekend Fukuoka http://fukuoka.startupweekend.org/ …簡単に言うと、エンジニアやデザイナーやマーケターなどなどいろんな人で集まって3日間でなんかおもしろいの作っちゃおうぜ!という感じのイベントです。(あってる?) 今日はその1日目。 今日のメインはアイデア出しとチーム決めです。 場所は九州大学箱崎キャンパスです。 初日の今日は19:00開始。 まずは集合して3日間の簡単な説明と 今日一日の流れの説明を受けました。 その後、ちょっとしたゲームを。 40人ほどの参加者をランダムに4人10チームに分けて行いました。 まず、みんなで単語を20個ほどあげます。 その中から各チーム早い者勝ちで2つ選び、それを組み合わせてサービス名とします。 そのサービス名から、
PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか?[2011年7月現在]のつづきです。 コメントやtwitterなどでいろいろ反応を頂きました。 ありがとうございました☆ 結構同じ使い分け方の方もいらっしゃってほっとしています…! 今日はこのあいだのつづきで、 自分の中でもやーっとしていた使い分けの部分を実際に比べてみました! 今回は、 透過を含まない大きな写真の書き出し 透過を含まない小さな写真の書き出し 透過を含み、且つCSS Spriteで使用するための画像の書き出し の3つをチェックしてみました! チェック1:透過を含まない写真の書き出し(大きいサイズ:1200px × 1600px)について最適な書き出し形式はどれ? FireworksとPhotoshopでそれぞれJPEGとPNGを書き出します。 PNGはPNG-24で書き出します。 (透過を含ま
先週、ついに念願だったiPadを買いました! 早速いろんなアプリを使ってみているのですが、 中でもものすごく感動した1本があったのでご紹介♪ それがprocreateいうアプリです。 私は風景画チックなものを描きたかったのですが、 私の用途にはこれが一番シンプルで使いやすかったです! 昨日一日でいろいろ描いてみました☆ サンプルが私の絵で申し訳ないのですが…。 こんな感じのものが指であっという間に描けます! ホントにものすごく簡単に描けるので、こんな感じの空をあっという間に描くステップをご紹介。 アプリですが、起動したらこんな感じ。 一番下のアイコンが新規作成ボタンです。 これを押してキャンバスを立ち上げます。 作業画面です。 かなり広い! ブラシのサイズや濃さの調整が常に表示されているのがすごくいいです。 右手は描いてるポジションを保ちながら左手で調整できます! ブラシも最初から12種類
一番古くからやっているビビッドカラーズ -0円の素材屋さん-なのですが、 気がつけば約1年一切更新していませんでした…。 なんということでしょう。 というわけで、久しぶりに更新しました! 今回は質感のあるチェックの素材です。 結構かわいく作れたのでよかったら使ってみてくださいね♪ チェックのフリー素材はこちらからどうぞ! このビビッドカラーズ -0円の素材屋さん-ですが、 去年リニューアルをして、 背景画像をクリックすると実際にサイトの背景として表示されたり、 Web Font使っていたりといろいろ工夫を凝らしてるのですが、 管理側もかなり更新しやすく工夫して WordPressで構築していたのですが… 一切活用されないまま…! 今年はもうちょっとマメに更新できるように頑張ります…! たまに素材作りするといいですね。 効率のよい作り方をしようとするので、Fireworksの使い方であたらし
現在、iPhoneでこのブログにアクセスすると、上記のようなスマートフォン用のテーマで表示されます。 (※4/21 1:30 Androidでもスマートフォンテーマで表示されるようにしました!) 今回、プラグイン(wp-touchなど)や既存のiPhone用のテーマを改良していく方法ではなくて、 今使っているPC用のテーマをベースに、テーマを作る方法にしてみました。 とりあえずカタチにがなったので、これからちょっとずつ見やすいテーマ目指して改良頑張ります☆ (あといろいろコード見直してもうちょいスムーズに表示されるようにします><たぶんいろいろと無駄なことしてるはず。) で、スマートフォン用デザイン。 やらなきゃやらなきゃと思いつつ、 なにを気にして作ったらいいか実はイマイチよくわかっていなかったのです。 スマートフォン用デザインの基本などに関しては、 今回以下のページがとっても参考になり
次のページ
このページを最初にブックマークしてみませんか?
『VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ- – すてきなWeb...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く