タグ

2014年3月13日のブックマーク (53件)

  • テーマのカスタマイズのみでblog widgets blog_recent_entries でブログの投稿日時を表示させる。|フォーラム|baserCMSユーザーズ

    初めまして。kumatdsと申します。 最近PHPを触り始めたばかりで、PHP,CakePHP,BaserCMSの常識に疎いため 的外れな質問かもしれませんがよろしくお願いします。 blog_recent_entriesウィジェットにて最近のエントリーにブログの投稿日時を表示させるようにする ためには、テーマのカスタマイズに限定するとどのような修正が必要なのかご相談させていただきました。 テーマディレクトリの外までカスタマイズを行うのであれば、 /app/plugins/blog/controllers/blog_controller.phpを /baser/ディレクトリからコピーし、 function get_recent_entriesを $data['recentEntries'] = $this->BlogPost->find('all', array( 'fields' => a

  • ブログウィジェットでの日付表示(blog_recent_entries)|フォーラム|baserCMSユーザーズ

    お世話になっております @wakakameと申します ブログウィジェット「最近の投稿」に表示する日付の事で質問です 「テーマのカスタマイズのみでblog widgets blog_recent_entries でブログの投稿日時を表示させる。」 を参考にさせて頂き、最近の投稿一覧に記事作成日(管理画面で設定した日付)を表示することができました ただ、この設定だと日付の形式が「2013-01-01 20:10:37」となるのですが、これを年月日表記に変更するにはどうしたらいいでしょうか? 自分でソースを書き換えてみたのですが、記事作成日ではなく、実際の投稿日が表示されてしまいます 記事作成日のまま年月日表示にできないでしょうか 例) 管理画面で記事作成日を「2013-01-01 20:10:37」に設定 echo $blogData['BlogPost']['posts_date']; だと

  • wakagoto

    2013年3月2日(土)baserCMS勉強会@福岡vol.9に行ってきた 男性ばかり。。。(T T)女性がいない。。。(T T)寂しい。。。(T T) 人見知り大王なんで、数名のお知り合いがいてほっとする。。。 以前の勉強会は女性いたのになー、今回はなんでだろ? ほとんど初対面の方ばかりなので話しかけるきっかけもなく、名刺交換時間や自己紹介もない状態でスタート(懇親会まで行ったら名刺交換できたかも。。。) 各自の聞きたい事に対して、軸になってる方々が回答するって感じの流れで進んで行く たまに話を向けられた方がちょっと口を開くという感じで、積極的に皆が自主的に話をするって感じではなかったかなー 皆人見知りだったのか?!一人場を盛り上げられる人がいるといいのかも? でも、途中途中で実際にコード書いてくれたり、やり方を見せてくれたので面白かったし、理解しやすかった 以下はとってきたメモ 聞き逃

    wakagoto
  • Androidのブラウザでリンクをタップした時の枠線と背景色を消す方法

    Androidのブラウザでは、リンクをタップするとその瞬間から次のページに移るまでの間、リンク部分に緑色の枠線と薄い緑色の背景が表示される。 機種によってはオレンジ色の場合もあるらしい。 とにかく、この枠線と背景色がとても目障りになる場合がある。JavaScriptを使ったゲームなどを動かしている時は特にそうだ。 そこでこの枠線と背景色が表示されない様にする方法を調べてみた。 Android browser GREEN border on click... - Stack Overflow -webkit-tap-highlight-color: rgba(0, 0, 0, 0); というスタイルを該当のリンクに適用すればOKとの事。 実際に試した見たところ、これでバッチリだった。 良かった良かった。 .

    Androidのブラウザでリンクをタップした時の枠線と背景色を消す方法
  • より見やすく、使いやすくなるsublime textテーマ8つ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    どうもですはやちです(ノ)◜ω◝(ヾ) 最近『龍が如く維新』にどっぷりはまっております。畑仕事と釣りと別宅のローン返済が楽しくて編のストーリーが進みません。 龍が如くシリーズは毎回寄り道してしまいます( ˘ω˘) どうでもいいですねc⌒っ´ʘ‿ʘ`)っ 今回はLIGのデザイナーチームで半数以上のメンバーが使用している『sublime text』がより見やすく、使いやすくなるデザインテーマをご紹介いたします。 テーマを変えてみよう まずテーマの変更方法をご紹介します。 テーマをインストールする Control + Shift + pで呼び出して Package Control: Install Packageを選びます( ˘ω˘)☝ そのあとにパッケージ一覧が表示されますのでthemeで絞り込み、お好みのものを選びましょう( ˘ω˘)☝ これでインストールは完了です。 テーマを反映させる。

    より見やすく、使いやすくなるsublime textテーマ8つ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • サウザンドメモリーズUIの秘密 - Akatsuki Hackers Lab | 株式会社アカツキ(Akatsuki Inc.)

    皆様、初めまして。 アカツキの風紀委員長&デザイナーのはしもとです。 サウザンドメモリーズとテイルズオブリンクのデザインや演出を作っています。 今回はサウザンドメモリーズのUIに関してのKeynoteを作成したので公開したいと思います。 コンテンツは以下のようになっています 千メモUIの秘密 デザインの秘密 画像書き出しの秘密 UI統一の秘密 アニメーションの秘密 どのようにサウザンドメモリーズのデザインが出来上がったのか。 どんなツールで効率化をしているか。 SDキャラはどんな構成になっているか。 などなど コンテンツ満載となっておりますので参考にして頂ければと!

    サウザンドメモリーズUIの秘密 - Akatsuki Hackers Lab | 株式会社アカツキ(Akatsuki Inc.)
  • Gruntを使ってプロジェクトを自動化する、Myタスクメモ | tipsBear

    Gruntで出来ることはたくさんありますが、今回ご紹介するのは私がよく使うGruntの設定のメモになります。 ちなみに、Gruntの導入方法や基的な解説は下記の記事がとてもわかりやすく紹介してくれていますので、これから導入したいという方がいましたら是非参考にどうぞ。 Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 – Web Design KOJIKA17 コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順 – OZPAの表4 今更だけどやるgrunt入門編・インストールから基的な使い方 – WEB Drawer Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 – WWW WATCH また、この記事はSass/Compass、ブラウザのliveReloadを使用することを前提に書いてい

    Gruntを使ってプロジェクトを自動化する、Myタスクメモ | tipsBear
  • 最新Google検索結果タイトル表示ルール、押さえないとやばいよ

    最新のGoogle検索結果表示ルールで悩んでいます ※3月13日追記:私が見ている環境ではほぼ改善されているようです。 最近、Googleの検索結果表示の変更に悩まされています。 先日「何という改悪!Google結果表示変更によるタイトルの特徴」でも触れた通り、Googleの検索結果の表示がいくつか変更されました。そしてさまざまな影響が出てきています。 変更点おさらい 1.タイトル文字サイズが一回り大きくなった 2.タイトル下カテゴリ文字サイズが一回り小さくなった 3.タイトルリンクの下線がなくなった 4.詳細文の行高さが縮まった 5.表示されるタイトル文字数が変わった これは6と同様 6.表示されるタイトルの分かち部分にルールが追加された 検索時にクリックする判断基準は? ユーザーが検索した時に、何を基準にクリックしているかアンケートを取ってみました。 568人:56.74%「タイトルで

    最新Google検索結果タイトル表示ルール、押さえないとやばいよ
  • 物語の作り方/感動させる技術 - デマこい!

    誰もが「物語」を求めている。 スティーブ・ジョブズの魅力的なプレゼンには、「三幕構成」という作劇法が応用されていたという。iPhoneが一台あれば映画を作れる時代だ。今ほど「物語」が求められている時代はない。にもかかわらず、物語を作る「技術」の重要性に気づいている人はまれだ。物語作りに必要なのはセンスだけ──と、素朴に信じている人は多い。 物語作りにも、技術がある。 なかでもシド・フィールドが体系化したハリウッド式の「三幕構成」は、汎用性と自由度の高さが魅力だ。脚製作の現場だけでなく、商談につかうプレゼンや、WEBメディアの記事執筆(※ブログを含む!)、飲み会のときの「滑らない話」にいたるまで、およそ物語性を持つほとんどのものに応用できる。ジャンルを選ばず実用可能な、ほぼ唯一の技術といっていいだろう。 今回は「三幕構成」がどのようなものか、ざっくりと紹介したい。 三幕構成を説明する前に、

    物語の作り方/感動させる技術 - デマこい!
  • Google DocsやGoogle Spreadsheetを拡張できるadd-onを作ってみる (公式ドキュメントQuickstart日本語訳 + α) - Qiita

    Google DocsやGoogle Spreadsheetを拡張できるadd-onを作ってみる (公式ドキュメントQuickstart日語訳 + α)JavaScriptGoogleAppsScript 大橋です。 最近GASの記事ばかり書いていますね。 日(2014/03/12)GoogleよりGoogle DocsやSpreadsheetsを拡張でき、ユーザがStoreから好きにインストール可能な "add-ons"が公開されました。 Sheetsにアドオンメニューが追加されている Google DriveやChrome Web StoreのようなStoreから好きなadd-onsをインストールできる 一度別のSheetsなどでインストールしたadd-onsは別のSheetでも「アドオンを管理」メニューから利用可能状態にできる add-onsの開発にはGoogle Apps Sc

    Google DocsやGoogle Spreadsheetを拡張できるadd-onを作ってみる (公式ドキュメントQuickstart日本語訳 + α) - Qiita
  • 学費を学生ローン

    大学や専門学校に進学してからも、経済事情でなかなか思うようにご家庭でお金を捻出する事が難しい場合もあるかも知れません。そんな方のために、学生ローンを使用するという選択肢があります。学生ローンとは、18歳以上の短大生や大学生、専門学生を対象にローンを組むことができるシステムです。 学生証と健康保険所や免許書などの提出で人確認を行い、貸付限度額を小額におさえたローンです。 また、学割の利率で融資している業者や短時間の審査で融資をうけられる業者もあります。 学費や一時的な教材等を学生ローンで賄っていく事は重要な事となるのです。充実した学生生活を送っていくには、精神面や金銭面でも安定していることで、余裕を持つことができます。学費を賄うことに時間をとられ、勉強する時間をとれなくなり、日々追われた生活になってしまっては意味がありません。 それを防ぐためにも、様々なことを想定して学生ローンを組み、準備

  • 【保存版】日本酒の名店@東京 - Retty

    Retty運営事務局が厳選! 【保存版】日酒の名店@東京 今、大人気の日酒!ますます日酒に注目が集まる中、都内では人気の日酒を呑める居酒屋やBarが増えてきました。今回は日酒好きのために、美味しい日酒が呑めるお店を紹介致します。日酒初心者から玄人まで楽しめるお店を中心に集めました。

    【保存版】日本酒の名店@東京 - Retty
  • 「Objective-C」「iPhoneアプリ開発」が学べるYouTube動画を探してまとめてみた(全9種23動画+α)

    「そういえば最近iPhoneアプリ開発について何もやってないなー」と思いつつ「ほとんど忘れてしまったから改めて基から学びたいなー」とか思いつつ「そうだ、最近は良い動画とかあるんじゃないかな」とか思ったので、YouTubeでObjective-Cを勉強できる入門動画を探してみました。 iPhoneアプリ開発動画の目次 1. iOSアプリ開発講座 2. Objective-C入門 3. iPhoneアプリ開発Objective-C+Xcode入門講座 4. なんとなく分かった気になるiPhoneアプリ制作 5. 誰でもできるiPhoneアプリの作り方 6. 小学生から始めるiPhoneアプリ開発 7. iPhoneカウンターアプリの作り方 8. ドットインストール「iPhoneアプリ開発入門」 9. iphoneアプリ開発 1. iOSアプリ開発講座 iOSアプリ開発講座 第1回 – You

    「Objective-C」「iPhoneアプリ開発」が学べるYouTube動画を探してまとめてみた(全9種23動画+α)
  • ウェブ制作者はチェックしておきたい、面白いアイデアを使った最近のウェブサイトのまとめ

    デザインの細かいところまでこだわりが! こんな発想はどこから生まれるの? そんな次のプロジェクトのヒントになるような面白いアイデア満載のウェブサイトを紹介します。 時間のある時にじっくり楽しんでください!

  • Git作業スタイル: リモートレポジトリに保存しつつキリのいいところで変更をまとめる - Qiita

    あらまし 大きな作業をする場合、こまめにローカルレポジトリのブランチにコミットして、何かあったときにすぐに戻せるようにしたくなります。 また、パフォーマンス改善など、実験や研究の色合いの強い作業は、試行錯誤しながらブランチに"とりあえず"保存しつつ、「あっちのほうが良かったかな〜」と思ったときに取り出せるようにしておきたくなるものです。 また、ローカルレポジトリだけでなく、リモートレポジトリに置いたほうがチームみんなで共有できたりしていろいろ便利です。 ですが、最終成果物はなるべく少ないコミットにしないと、マージが大変です。 メインブランチにこんなコミットが入るとゲンナリしますよね? $ git log --oneline bcdef12 Revert foo abcdef0 Add foo cdef123 Refactor bar again def1234 Refactor bar e

    Git作業スタイル: リモートレポジトリに保存しつつキリのいいところで変更をまとめる - Qiita
  • JavaScript で throw "" ではなく throw new Error() を使ったほうがよい(些細な)理由 - latest log

    JavaScript で人為的に例外を発生させるには、大きく分けると以下の2種類があります。 throw new しない書き方 throw "ソフトウェアでエラーが発生しました。サポート担当者に連絡し、この問題を報告してください。"; o_o は String 扱いで、o_o.stack も undefined になっています。 throw new する書き方 throw new Error("一般的なエラーだよ"); throw new TypeError("型がちがうよ"); throw new SyntaxError("文法おかしいよ"); throw new URIError("URIちがうよ"); 他にも、RangeError, ReferenceError, MediaError, FileError, EvalError などがあります。 throw new した場合は、o_

    JavaScript で throw "" ではなく throw new Error() を使ったほうがよい(些細な)理由 - latest log
  • テキスト比較ツール difff《デュフフ》

    [[http://stemcells.nih.gov/info/basics/pages/basics1.aspx]] I. Introduction: What are stem cells, and why are they important? Stem cells have the remarkable potential to develop into many different cell types in the body during early life and growth. In addition, in many tissues they serve as a sort of internal repair system, dividing essentially without limit to replenish other cells as long as t

  • ECサイトのUXデザイントレンド: 追随すべきもの3つと敬遠すべきもの3つ

    最新のeコマース調査で明らかになったのは、商品画像が大きくなり、レビューが充実して、割引が使いやすくなるなど、ショッピングサイトのユーザーエクスペリエンスが改善したということである。しかし、新しいデザインは、商品情報の非表示、サイトからの貧弱なフィードバック、カスタマーサービスエリアの情報過密といった問題も抱えている。 Ecommerce UX: 3 Design Trends to Follow and 3 to Avoid by Amy Schade on January 26, 2014 日語版2014年3月11日公開 最近、eコマースユーザーエクスペリエンスレポートのシリーズをアップデートしているのだが、デザインの改善が見られることに我々は勇気づけられている。その一方、従来からの問題がまだ残っていることや、新たな問題も出てきていることにはがっかりした。 前回のeコマース調査の結果

    ECサイトのUXデザイントレンド: 追随すべきもの3つと敬遠すべきもの3つ
  • ところでコンテンツは誰がする仕事なの?

    専門的だが、専門でする人がいない 昨年は、1 年を通して各地で コンテンツ関連の講演やワークショプをしてきました。アンケートの評価が高い人気講座になりましたが、多くの課題を残すことになりました。「よかった」と仰ってくださった参加者のソーシャルメディアやブログを追っていますが、学んだことを実践に繋げたり、今の仕事との関連付けに苦労しているという印象があります。これは参加者のスキルが足りないのではなく、そもそも誰がする仕事なのか分かり難いというところに問題があると思います。 コンテンツを扱う講座では、以下のような仕事があると説明しています。 自社における『良いコンテンツ』を定義する そのために、サイトへ訪れる人々の姿や文脈を明確にする 現状のコンテンツを見直し、品質チェックを行う 足りないコンテンツはなにか、必要なコンテンツはなにかを洗い出す 掲載までのワークフローを見直し、必要であれば設計も

    ところでコンテンツは誰がする仕事なの?
  • 暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

    2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、当にありがとうございました。

    暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
  • 売れるECサイトはデザインもステキ!参考にしたいおすすめ15選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。ディレクターのあかねです。 春は新しいモノが欲しくなります。ネットショッピングをしているとあれも…これも…とついつい買いすぎてしまいますね。 また、デザインがステキなサイトは商品も魅力的に見えるのでついついポチッと… ステキなサイトはきっと売れてるんだろうなーと思って、デザインのステキなECサイトをまとめました。 楽天サイトも5サイト紹介しているので参考にしてください。 ECサイトを作るときに参考にしたいサイト10選 Sophie et Chocolat ソフィー エ ショコラ Sophie et Chocolat ソフィー エ ショコラ 女の子が好きなメルヘンチックなサイトです。下層ページもかわいいのでぜひ。 kimito / 七宝焼き・着物の帯留め 通販・ギフト kimito / 七宝焼き・着物の帯留め 通販・ギフト 細かいアイコンが視認性を高めてるなと思います。 OTOE

    売れるECサイトはデザインもステキ!参考にしたいおすすめ15選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Tumblrサイトの作り方教えます−−企業事例とメリット (1/2)

    「Tumblrでサイト作って」そんなオーダーにももう困らない! 人気Tumblrテーマ「ZEN 2.0」「Apollo」の作者である佐野章核さんが、Tumblrを使ったサイト制作の方法を解説する新連載です。(編集部) 手軽な情報発信ツールとして、数年前から大きな話題になっているWebサービス「Tumblr(タンブラー)」。企業にも活用事例は広がっていて、「今度のショップサイトはTumblrで作りたい」なんて話もよく耳にします。しかし、流行っていることはなんとなく知っていても、実際にTumblrを使ったことがない、何ができてどうやるのか分からない……という方も多いのではないでしょうか。 この連載は、そんなWebデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を全5回に分けて解説します。最終的にはTumblrを使ったWebサイトの制作・公開を目標にします。 いまさら聞けない、Tumbl

    Tumblrサイトの作り方教えます−−企業事例とメリット (1/2)
  • iOS 7.0.xとiOS 7.1のデザイン変更点を比較まとめ。

    iOS 7.1がリリースされたので、iOS 7.0.xとiOS 7.1の機能/UIを比較してみました。詳細は以下から。 ボタンの形 iOS 7.1から[設定] → [一般] → [アクセシビリティ]でボタンの形を表示できるオプションが追加されています。

    iOS 7.0.xとiOS 7.1のデザイン変更点を比較まとめ。
  • ZEROICHI

    ZEROICHI
  • Symbol Font in Web

    「シンボルフォントで広がるフラットデザインの可能性」

    Symbol Font in Web
  • "タバコ臭"について

    http://anond.hatelabo.jp/20140306220748 ↑この件 ブコメでも書いたんですけど タバコ吸ってるうちは あんまり”タバコ臭い”って言われても それが”悪臭”だっていう認識は持てなかったんですね というのも あくまで自分の場合なんですが "タバコ臭"で想定する匂いが 喫煙者だったころとタバコを止めてからでは全然違うんですよね 喫煙者だったころは"タバコ臭い"と言われる=タバコの煙の香りが染み着いていると言われている という認識だったわけです なので 慣れてない人は嫌なんだろうな という香水のつけ過ぎみたいな問題だと思ってたんですね それで今度タバコを止めてからはどうかというと"タバコ臭い"って言われてる人から出てる匂いって 喫煙者だったころでいう"汚い灰皿に顔を近づけた時の臭気"がしてる ってことに気がついて愕然としたわけです 考えてみるとわかるんですが

    "タバコ臭"について
  • 歯磨きじゃ取れない、悪臭を放つ歯間の汚れ…歯周病や口臭の原因を抑える、歯間ケア用品をいろいろと比較してみました : らばQ

    歯磨きじゃ取れない、悪臭を放つ歯間の汚れ…歯周病や口臭の原因を抑える、歯間ケア用品をいろいろと比較してみました 突然話し相手が顔を歪めたり、歯医者さんの検診で歯周病を指摘されたり…なんて経験があったら…かなり口臭がヤバイかも! 以前歯科検診で歯周病を指摘され、「歯間ケアを怠ると歯周病や口臭の原因になるよ」なんて言われたのですが、探してみると歯間ケア用品は色々あり、どれがベストなのかよくわかりません。 そこで、代表的な製品をひと通り買って全てテスト!毎日続けられる、ベストな歯間ケア用品を探してみました。 今回試してみた歯間ケア製品はこちら。 大きく分けて、デンタルフロス(糸ようじ)、歯間ブラシ、電動フロス系の全5種類を購入し、実際に試して使い勝手をレビューしてみました。 REACH デンタルフロス まずレビューしたのは、こちらのREACH デンタルフロス。 使い方は、糸を歯間に通し、両手で歯

    歯磨きじゃ取れない、悪臭を放つ歯間の汚れ…歯周病や口臭の原因を抑える、歯間ケア用品をいろいろと比較してみました : らばQ
  • 「たいていの仕事はうまくいかないから」 pixiv代表・片桐氏が語る、友達と起業したほうが良いワケ

    「ログミーティング」第1回目のゲストは、イラストSNSpixiv(ピクシブ)」代表の片桐孝憲さん。「起業するときは友達といっしょにやったほうがいいか、他の人とやったほうがいいか」「友達起業するなら気をつけたいこと」などについて聞いてきました。 たいていの会社とか仕事は失敗するものだから ――今日のお題は、起業する時に友達といっしょに会社やるか、そうじゃない人とやるか、ということで。昔、何人かで飲んでいる時に、片桐さんは「俺は絶対友達とじゃないとやだ」て言ってて、その場にいた他の経営者は「俺は友達は雇わない。だって、友達相手だと怒れないから」みたいなこと言ってたの覚えてます? 片:覚えてますよ。 ――あと、前に書き起こしたセミナー(月間34億PV、新規会員登録1日1万人! pixiv片桐代表が明かす、驚異のグロースハック術)でも、「友達とずっといっしょにいるために会社作った」て言ってまし

    「たいていの仕事はうまくいかないから」 pixiv代表・片桐氏が語る、友達と起業したほうが良いワケ
  • 日本にいても無料で受けられる世界の大学の面白い授業 ー 2014年版 - 英語 with Luke

    こんにちは、イギリス生まれ・東京在住、英語教師で作家のLukeです。今週、僕が書いたオノマトペ(擬態語・語音後)についての が出版されました。是非チェックしてみて下さい! 自分のキッチンを実験室に 化学の実験が好きな方に朗報です。このコースでは、自宅のキッチンを実験室代わりにして、様々な面白い実験を行ないます。皆さん、前髪を焦がさないように気を付けて下さいね。 4月14日からスタート ー University of East Anglia HTML5でゲーム開発 次は、自分でインターネット上のゲームを作りたい方にはもってこいのコースです。 こちらでは、Googleの社員がHTML5のゲーム開発のいろはを教えてくれます。あなたの作ったゲームがAngry Birdsのように大ヒットしたら、一攫千金も夢じゃないかもしれませんね。 今からスタート ー Google The Fab Four ー 

    日本にいても無料で受けられる世界の大学の面白い授業 ー 2014年版 - 英語 with Luke
  • 【元バンドマン必見】楽器を演奏し続けた方がいい4つの理由

    「昔、楽器をやっていた」けど、今ではピックもスティックも持つことがないという “元バンドマン” のみんなに伝えたいことがある。ゆっくりでもいいから、楽器に触れ。楽器を学ぶ環境を持ち続けて欲しい。 「忙しいんだよな~……」という声が聞こえてきそうだが、今でなくてもいい。楽器を演奏していくことが、長い目で見て人生に多大なるメリットを与えるらしいのだ。家の押し入れにしまってあるギターを、今のうちに引っ張りだしておこう。 ・聞くだけじゃなく 音楽は人々の心を癒し、時に気分を高めたり和ませてくれたりもする、日常生活に “なくてはならないもの” のひとつである。だが、音楽がもたらす影響はそれだけではない。実は聞くだけでなく、楽器を演奏することでも有益な影響を得られると、健康関連情報サイトの「MINDBODYGREEN」は伝えている。 【楽器を学ぶ(演奏する)ことで得られる良い影響】 1. 音楽教育はス

    【元バンドマン必見】楽器を演奏し続けた方がいい4つの理由
  • 新海誠さんがTwitterで「秒速5センチメートル」の資料を大量公開 こうやって作るんだな……!

    アニメーション監督・新海誠さんがTwitterで、自身の代表作「秒速5センチメートル」の資料を大量に公開しています。映画の公開から7周年の記念とのこと。映画を見た方は、タイムラインを眺めているだけでなんだかいろいろ思い出してしまうのではないでしょうか。 公開されたのは、色指定やレイアウト、絵コンテなどなど。美麗な背景はそれだけで眺めがいがありますね。ここで紹介しきれないほどの資料がTwitterに投稿されていますので、気になる方はぜひ新海監督のTwitterをチェックしてみてください。思い出のあんなシーンやこんなシーンの裏側が、のぞけるかも……! advertisement 関連記事 新海誠監督×Z会のコラボアニメCM「クロスロード」公開 「あの花」を思い出す女子高生のかわいさよ……! 美麗な映像とメガネ女子高生をお楽しみください。 Z会が受験生応援アニメを制作 監督は「言の葉の庭」新海誠

    新海誠さんがTwitterで「秒速5センチメートル」の資料を大量公開 こうやって作るんだな……!
  • なぜデザイナーはボタンをあと3ピクセル左に寄せるべきなのか?

    by Ugo Cristofori デザイナーにとってデザインのディテールは非常に気になるところですが、デザイナー以外には違いがあまり伝わらず「ボタンを3ピクセル動かすだけで製品が改良されるの?」と言われたりします。しかし、プロダクトデザイナーとしてGoogle Venturesで働いているBraden Kowitzさんは「それでもデザイナーは細部にこだわるべき」として、細部までこだわるべき理由と、他の人たちにそれをどう伝えるべきかのテクニックについて語っています。 Why you should move that button 3px to the left | Google Ventures http://www.gv.com/lib/design-details ◆デザインは外見のためだけに行うのではない by Bytemarks ・ディテールを適切にすると信頼感が増す 顧客がオンラ

    なぜデザイナーはボタンをあと3ピクセル左に寄せるべきなのか?
  • なぜWeb業界注目のアプリは"変節"した?──Gunosy路線転換の2つの理由を考える

    『Gunosyとは簡単に言うと「興味にそったニュースや記事をあつめてくるサイト」です』 2011年10月25日のサービス立ち上げ時に、Gunosyの共同創業者であり現共同CEOである福島良典氏が宣言したGunosy(グノシー)の初期の定義だ。 ユーザの興味に合わせてパーソナライズしたニュースや記事を配信するコンセプトとサービスの質は、アーリーアダプター層の心の琴線に触れた。サービスの利用者数は順調に増加し、2013年9月には60万人を突破。広告も活用し、ダウンロード数は伸び続け、現在170万ダウンロードに達している。 そして今、iPhone向けアプリで路線転換と言っても過言ではない大幅アップデートを実施したGunosyは、「今日のニュースを3分でまとめ読み」というコピーでサービスを紹介している。App Storeでは最初に次のような説明がなされている。 ◆3分で読める今日のニュースをあなた

    なぜWeb業界注目のアプリは"変節"した?──Gunosy路線転換の2つの理由を考える
  • デザインはエンジニアリングだ−−THE GUILD深津氏が語る「デザインを考えるために必要なメソッドとプロトタイピング」 - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報

    アプリ開発のために、UIUXといったデザインを考えなければいけない。そのためには、正しいメソッドをもとにデザインすることが求められる。THE GUILDの深津貴之氏は、QuadCameraやミニチュア風写真が撮れるTiltShiftGenの作者で、iPhoneアプリを中心としたUIデザイナーだ。 同氏がMOVIDA SCHOOLで語った「デザインを考えるために必要なメソッドとプロトタイピング」についてまとめた。 デザインの質は「設計」 デザインは、表面的なものをキレイにすることではない。デザインの語源は「設計」であり、ものを整理したり整頓したりすることだ。目的を提案したり課題を解決したりすることが大きな方向性といえる。そのための手段として、ユーザ体験を考えるUXデザインや操作性としてのUIデザイン、情報をわかりやすく伝えるための情報デザインなどがある。 デザインは、センスではなくエンジ

    デザインはエンジニアリングだ−−THE GUILD深津氏が語る「デザインを考えるために必要なメソッドとプロトタイピング」 - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報
  • 昔は画像を使っていたけど、今は使わなくても再現できるもの色々。 | 福岡 ホームページ制作のブレンドデザイン

    2014年03月07日 日々思うこと 昔は画像を使っていたけど、今は使わなくても再現できるもの色々。 Tweet ホームページ制作に関する技術も年々進んでいて、昔は画像を使わないと実現できなかったものも、今は使わずにできるようになったものが色々とあります。CSSという文字や背景の色、レイアウトなどを指示するファイルをホームページ制作に使用しますが、追加機能が加えられたCSS3を使うことで画像の代わりに再現できるようになりました。 画像を使わなくて済むと、画像よりもファイルサイズが小さくて済むので、ホームページの読み込みが速くなったり、編集がしやすくなったり、画像を作る手間が省けたりと利点が色々あります。具体的に何が変わったのかをご紹介しておきます。 1.グラデーション 昔は背景にグラデーションを使いたい、といった時はグラデーションの画像を用意していました。今はCSS3でグラデーション

    昔は画像を使っていたけど、今は使わなくても再現できるもの色々。 | 福岡 ホームページ制作のブレンドデザイン
  • 漫画しか読まなかった夫が「面白い」と言った小説をただただ挙げていくだけのエントリー - 明日は明日の風が吹く

    私と結婚するまで漫画かビジネス書しか読まなかった夫ですが 通勤用に読むが欲しいというので私の蔵書の中から夫が好きそうなものを貸し出しております。個人的図書館司書です。 夫の好み ・ハリウッド映画が好きということからもわかるように 流れるような文章の美しさよりもエンターテイメント的な展開重視。 ・好みではないが通勤中電車の中で立ちながら読むために単行や新書はNG※重くて 手に収まりきらないため。文庫のみOK。 ではただただ挙げていきますよ☆ 【銀河英雄伝説】田中芳樹 1巻を読み終わった後に「早く続きを!!」って言う夫が珍しく興奮していた。 全巻読み終わった後に「外伝を!!」というので実家まで取りに帰った。 言わずと知れたスペースオペラの金字塔。日SFに銀英伝アリ。 どのキャラクターもとても魅力的で読みごたえがあります。 全巻読破後、友人が「これ…」といって貸してくれた銀英伝のアニメの

    漫画しか読まなかった夫が「面白い」と言った小説をただただ挙げていくだけのエントリー - 明日は明日の風が吹く
  • StyleStats - MOL

    スタイルシートの統計情報を出力するNode Packageを作った。 t32k/stylestats Node.js 0.10以上が必要で、CLIだとこんな感じの情報を出力してくれる。 $ npm install -g stylestats $ stylestats path/to/stylesheet.css StyleStats! ┌────────────────────────┬──────────┐ │Size │ 498.0B │ ├────────────────────────┼──────────┤ │Rules │ 7 │ ├────────────────────────┼──────────┤ │Selectors │ 11 │ ├────────────────────────┼──────────┤ │Simplicity │ 63.64% │ ├───────

    StyleStats - MOL
  • [JS]日本語のどんなWebフォントでも美しくカーニングできるスクリプト -jQuery.Kerning.js

    ウェブページで日語のWebフォントを使用する時にカーニングを適用して、読みやすくて美しく表示するjQueryのプラグインを紹介します。 全角の括弧や句読点などの約物は、日語のどんなフォントでもスクリプトのみで美しくカーニングできます。 ※文字間のカーニングは、フォントごとに設定が必要です。 jQuery.Kerning.js jQuery.Kerning.js -GitHub jQuery.Kerning.jsのデモ jQuery.Kerning.jsの使い方 jQuery.Kerning.jsのデモ デモでは上:カーニング無し、下:カーニング有りの状態で、明朝とゴシックの2書体がチェックできます。 適用されている方が、読みやすいですね。 ゴシック体のデモ、上:カーニング無し、下:カーニング有り jQuery.Kerning.jsの使い方 Step 1: 外部ファイル jquery.j

  • https://jp.techcrunch.com/2014/03/07/gopro-camera-panorama/

    https://jp.techcrunch.com/2014/03/07/gopro-camera-panorama/
  • ごりゅご.com

    ごりゅご.com

    ごりゅご.com
  • head要素内をまるっと整形してくれる便利プラグイン「Head Cleaner」

    先日「delaymania」の大ちゃん(delaymania)から、 「<head>の中ってどうやってあんなにきれいに並べ替えてるの?」 という質問をされて、そういえばこのプラグインについてちゃんと書いてないなぁと思ったので、改めてWordPressプラグイン「Head Cleaner」をご紹介。 すでに各所で紹介されているので、いまさら感はたっぷりなんですけどね。 WordPressのテンプレートを制作する際、<head>要素の内部をどれだけ順序立てて書いても、<?php wp_head(); ?>によってプラグイン関連のCSSJavaScriptなどが呼び出され、結局思ったような状態にはなりません。 これをどうにかしてしまおうというのが、WordPressプラグイン「Head Cleaner」です。 プラグインをインストール・有効化するだけで効果が発揮されます。 これは実際に「Hea

    head要素内をまるっと整形してくれる便利プラグイン「Head Cleaner」
  • 新着記事

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

    新着記事
  • DeNA赤川氏「IT業界はフリーザを倒すとセルが現れる世界です(笑)」 - 20代の働き方

    スピーカー自己紹介 小林雅(以下、小林):はい、みなさん。こんにちは。 一同:こんにちは。 小林:モデレーターを担当しますインフィニティ・ベンチャーズ小林です。今回のセッションはですね、20代の働き方、経験の積み方というようなタイトルを付けております。これからキャリア選択に関して、就職活動をしたりすると、将来不安で不安で仕方がないのかなという風に思うんですね。 それってやっぱりどんな風になるかっていうのが想像つかないというのが多いのかなと思いますので。実際ですね、ちょっと先輩というか、30代前半で会社の重要なポジションを担うぐらいまで成長している方々に、20代が実際にどうだったのかっていうのを聞いてみたいなと思います。どうもよろしくお願いします。 一同:よろしくお願いします。 小林:さっそくなんですが、スピーカーのご紹介をさせていただきたいと思います。このようなテーマをやると毎回登壇してい

    DeNA赤川氏「IT業界はフリーザを倒すとセルが現れる世界です(笑)」 - 20代の働き方
  • Codekit 2.0 ファーストインプレッション

    マカーお馴染みの高機能GUIコンパイラー Codekit がバージョン2になり、色々刷新されました。 いきなり新バージョンがリリースされたんでびっくりです。とりあえず買ってみたんで全部機能試してはいないですが、ひと通り触ってみた感想をつらつらと。 Codekitとは CodeKit: THE Mac App For Web Developers CodekitとはMac専用のGUIコンパイラーのアプリのことで、SassやらLessやらCompassやらこーひーすくりぷとやらをコンパイルしてくれたり、ブラウザをオートリロードしてくれたり、画像最適化してくれたりと、黒い画面が苦手な方安心◎のコーディングお助けツールです。 2でさらにビルトインサーバーやアセットなど機能が追加してパワーアップ。 Codekitを知らない人は、このまぼろしの木村さん西畑さんのスライド見れば全てわかります。 CSS

    Codekit 2.0 ファーストインプレッション
  • [loftwork.com] 日本最大のデザイナー、 イラストレーター、 映像クリエイター、その他全てのクリエイターのためのポータル

    Announcing the 28 Winners of the 2023 crQlr Awards – the Global Award to Design a Circular Economy Announcing the 28 Winners of the 2023 crQlr Awards – the Global Award to Design a Circular Economy The Future Dynamic Program at National Cheng Kung University: Challenging the traditional education approach through creative learning experiencesThe Future Dynamic Program at National Cheng Kung Univer

    [loftwork.com] 日本最大のデザイナー、 イラストレーター、 映像クリエイター、その他全てのクリエイターのためのポータル
  • スタートアップのサービス用にマスコットキャラの開発をすすめる理由と注意点まとめ - STARTUP DESIGN

    先日お会いしたスタートアップの起業家さんに、 「どんな場合にサービス用にマスコットキャラクターが必要になるのか?」 という質問をされることがありました。 キャラクターの依頼をされたときによく口頭レベルでは説明するのですが、 よくよく考えると、企画書にしたり文章化したりすることはなかったので、 これを期に、過去に作らせていただいたキャラを例にしてまとめてみました。 1.更新力とコスパ力が高い。 サイトのトップ画面などに、キチンとした写真を撮ったり借りたりするのは、 それなりにお金がかかるし、いつまでも同じ写真をトップに置いておくと サービスが更新されている印象がなくなってしまう。 キャラクターなら、一度作ってしまえば、文言や背景などを変えて何度でも使えるし、 特にイラレベースで作ったキャラなら、関節を動かしたり表情いじるだけで簡単にバリエーションも増やせる。 何度も改変を繰り返すことができる

    スタートアップのサービス用にマスコットキャラの開発をすすめる理由と注意点まとめ - STARTUP DESIGN
  • 早く家へ帰るための
Grunt入門
[+gulp紹介]

    4. Why use a task runner? In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it, a task runner can do most of that mundane work for you—and your team—with basically zero effort.

    早く家へ帰るための
Grunt入門
[+gulp紹介]
  • JavaScriptのコーディングTips集 - 主に言語とシステム開発に関して

    JavaScriptのプログラミングに関するTips集。 主に中級レベルの話題とノウハウを掲載する。 なお,JavaScript初級〜中級をクイズ形式で網羅的に学習するためには,下記のエントリを参照。 JavaScriptの動かないコード  (JavaScriptエラー集) http://language-and-engineering.hatenablog.jp/entry/20080912/1221297779 ※JavaScript以外のプログラミングについては,こちらを参照。 ピュアJSを極める: JavaScriptで,クラスを継承する方法 (複数のサブクラスから共通クラスのプロトタイプを参照する) JavaScriptでの例外設計 (throw,try-catch-finally構文のイメージと利用パターン) JavaScriptで,動的に追加されたイベントリスナの実行順序を保

    JavaScriptのコーディングTips集 - 主に言語とシステム開発に関して
  • Macの基礎の基礎: テキスト入力と編集とテキストエディット編

    このブログをお読みの方であれば、「テキスト入力や編集、テキストエディットなんてさすがに分かってる」という方が多いかもしれません。 しかし、以下のことをご存知でしょうか? Mac は、control キーを使用することで、マウスを操作することなくさまざまなテキスト編集が可能である Mac には文字列を一時的に保持しておくための「クリップボード」のようなものが2つある。それらを使いこなすことでより効率のよいテキスト編集が可能である 「テキストエディット」では、複数行の検索や置換が可能である もしこれらのことをご存じなかった場合、この記事を読む価値があるかもしれません。 写真素材: ぱくたそ この記事では、前半は基的な文字の入力方法、後半は control キーなどを使用したやや高度なテキスト編集の方法、テキストエディットの使いこなしなどについて書いています。 なお、この記事では Apple

    Macの基礎の基礎: テキスト入力と編集とテキストエディット編
  • Yahoo!ショッピングAPIのご紹介

    Yahoo!ショッピング情報取得API Yahoo!ショッピング出店ストア向けAPIすべてのAPIは無料でお使いいただけます! 出店者様の課題解決のため、ショッピングAPIを利用した ソリューションをお持ちのデベロッパーを募集しております。 Yahoo!ショッピングでは、日最大級の商品データベースや、Yahoo!ショッピング出店のストアと連携したアプリケーション開発するためのAPIをご用意しています。 Yahoo!ショッピングAPIは約70、すべてのAPIをご自由に無料でお使いいただけます。 すでにお持ちの自社コンテンツのリッチ化やアフィリエイトによるマネタイズにもご活用いただけます。 また、開発されたシステムは出店者様の課題解決のため「コマースパートナー(※)」に登録いただき、弊社と一緒に販売を行う事ができます。 ※「コマースパートナー」には審査があります。

    Yahoo!ショッピングAPIのご紹介
  • レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG

    どうも〜こんにちはぁ! 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね!」って感じた基的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ

    レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
  • 503エラーを防ぐ!Web屋が知っておくべき503エラーの原因と対処 | 知らないと損をするサーバーの話

    (この記事は2022年9月29日に更新されました) こんにちは。 京都のWebプランニング会社「ウェブライダー」の松尾です。 某社のレンタルサーバーからCPIのサーバーに乗り換えたことがきっかけで、このコラムを書かせていただく機会を得ました。 現在、ウェブライダーでは、CPIの専用サーバーと共用サーバーのふたつを借り、さまざまなWebサイトを運営しています。 さて、このコラムでは、Web集客を成功させるためのレンタルサーバーの選び方について、いろいろな視点からお話ししていきます。 今回は、Webサイトにアクセスが殺到した際、ページが見られなくなる「503エラー」についてのお話です。 あなたはどこかのWebサイトを見ようとした際、「503 Service Unavailable」「Service Temporarily Unavailable」などのエラーメッセージが表示されているのを見たこ

    503エラーを防ぐ!Web屋が知っておくべき503エラーの原因と対処 | 知らないと損をするサーバーの話
  • 「Yahoo!ショッピング」がAPIを開放--約50種類を無料で

    ヤフーは3月12日、通販サイト「Yahoo!ショッピング」に関する約50APIを無料で公開したことを発表した。主に「プロフェッショナル出店」をしている法人ストアが対象となり、4月以降には個人ストアや、スマホで構築できる「ライト出店」を選んだ法人ストア向けにも公開する予定。 ヤフーは2013年10月にYahoo!ショッピングのストア出店料と売上手数料の無料化を発表。その後も、新たなストア構築ツールの公開やシステム改修など合計100以上の施策を実施してきたそうだ。今回、Yahoo!ショッピングのプラットフォームを開発者に開放することで、モールとしての利便性を高めるなどして、サービスをさらに活性化させていきたい考えだ。 開発者は、これまでYahoo!ショッピングが提供する専用ツールで行っていた、出品管理、在庫管理、ページデザインなどをAPI経由で管理、作成できるようになる。これらのAPIは「

    「Yahoo!ショッピング」がAPIを開放--約50種類を無料で