およそ2年前から始めたFacebookをついにやめました。 やめたいやめたいと思いつつ 「やめたらあの人と連絡とる手段がなくなっちゃうな……」とか 「なにか企画があったときに情報が入ってこないかもしれないな……」とか つまらないことをうだうだ悩んでいました。 そのあたりの悩みをえいやーっと解消してから無事にアカウントを削除いたしました。 いままでありがとうFacebook！ やめた理由 ①人の子どもの写真をみても正直おもしろくない。 こんなことを書くとサイテーなんて思われてしまうかもしれませんが（笑）。 わたしは二十代半ばの女性です。そのため同じ年代の友人たちは結婚したり子どもができたりしています。 特に女性の場合、やたらと子どもの写真をupしたがるんですよね。 あれってどうなんでしょう。みんな人の子どもの写真に対して「かわいい！」「幸せそうだね！」なんてコメントしておりますが、わたしから

リッチなWebアプリケーションに対するニーズの増加に伴い、JavaScriptで十分なパフォーマンスを担保することが難しくなってきています。とりわけ、スマートフォンのような非力なデバイスでは一層シビアなチューニングが求められるでしょう。本セッションでは、もっともポピュラーなJavaScriptライブラリである「jQuery」を中心とした、いくつかのパフォーマンス解決のためのヒントについてご紹介させていただきます。 http://frontrend.github.com/events/04/#pocotan001Read less

胃潰瘍だと思ったら、ストレス性の胃腸炎でした。こんにちは、WPDクリアです。 散々胃が痛いだの、ゴハン食べれないだので辛い思いして胃カメラ検査して、やれ胃潰瘍だ やれ胃ガンだ やれピロリ菌だ 検査したら全て陰性で、 先生「暴飲・暴食・後はストレスだね～」 先生、全部当てはまってます！ みんなも胃腸には気をつけよう！そんなわけで ｢WEBデザイナーのためのすぐに役立つSSHコマンド超入門」 を、胃腸に優しくお送りします！ SSHって何？ ネットワークを介して別のマシンにログインしたり、コマンドを通して遠隔操作するためのプログラムで、これらのやり取りは暗号化されており、安全に操作を行うことが出来ます。 まあ、あれです。 WEBデザイナーが苦手とする「黒い画面」のことです でも、毎日の業務でSFTPやSCP使っているでしょ？ 黒い画面は無理！というデザイナーさんでも、毎日SFTPやSCP対応のW

1. Thought and Practice of Offline First オフライン・ファーストの 思想と実践 株式会社オープンウェブ・テクノロジー 白石俊平 2. 自己紹介 • 白石俊平と申します。 • HTML5開発者コミュニティhtml5j.org管理人（会員数5,000 名超） • HTML5とか勉強会主催（毎月一回、100名を動員） • Google API Expert (HTML5) • Microsoft Most Valuable Professional (IE9) • Twitter: @Shumpei • 著書：HTML5&API入門

スマートフォンやPCのみならずゲーム機やテレビでも使用できるクロスプラットフォームのブラウザ「Opera」がHTMLレンダリングエンジンをPrestoからWebkitに変更。そのプレビュー版がMWC2013に展示されていたので、実際に触って使い勝手を確認してきました。 Opera ブラウザ | スピードと安定性を追求したインターネット | 無料ダウンロード http://jp.opera.com/ オペラのブースはこんな感じ。 Android端末やiOS機器がズラリと並べられソフトウェアのデモが行われています。 新バージョンの「Operaブラウザ」をインストールした「Nexus 7」を発見。 新しくなったアイコンはこんな感じ。 頻繁に使用するウェブサイトや登録しておいたサイトをタイル状に表示できるスピードダイヤル。 アイコンの位置は自由に変更可能。 複数のアイコンをまとめて1つの場所に置く

The TiTokyo conference was help on February 16, 2013 in Tokyo, Japan for the Appcelerator community in Japan. Sponsored by Denso and Appcelerator.Read less

2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ

こんにちは、高橋です。 近頃、ユーザが製品を経験してどれだけ満足を得れるのかといった仕組みが注目を浴びています。UXですね。配色もUXの範疇とすれば、理解を深めておいて損はないと思います。今回は基本的は色と使われるWebサイトのタイプも併せてザックリと紹介していきます。 ・色紹介 ◯赤（Red） 情熱や活気といった気持ちを高ぶらせる色です。 インパクトを与えたいイベント・キャンペーンサイトで使われています。またサイトカラーだけでなく、強調したいコンテンツ・危険を促す削除ボタン等にも使えます。艶のある赤は上品さを感じさせますが、使い過ぎると落ち着きのない雰囲気になってしまいまいます。反対に暗い赤は気持ちを落ち着かせる効果があります。 ◯緑（Green） 健康や自然といった癒しを連想させる気持ちを落ち着かせる色です。 自然やエコをモチーフとしたサイトで使われています。また安心のカラーとも呼ばれ

前の記事では、WordPressのイイところをまとめてみました。ホメてばっかりでは人間伸びて行きませんので、今回は逆にイマイチだなー、もっと何とかならんのかなと思っているところをまとめてみました。といっても、実は前回のイイところのそれぞれに隠された面をご紹介するという感じです。意外とWordPressで提案する時に、できると思って進めてしまうと痛い目に会うこともありますので、知っておくと便利かもしれません。 オープンソースとして 複雑なライセンス GPLライセンスはオープンソースライセンスの中でも最も普及した素晴らしいライセンスです！なのでもちろん変えてほしいというわけではありませんが、しかし、分かりにくい、複雑なライセンスであることも確かです。当サイトのWordPress を使うなら知っておきたい GPL ライセンスの知識【基本編】などをよく読んで、理解してから使うようにしましょう。タダ

先日2月18日に渋谷マークシティのサイバーエージェントで行われた第36回HTML5とか勉強会に参加してきました。「2013年、Web開発の進化を探る」と題して、「現場でHTML5はどこまで活用されているのか、またこれからどうなっていくのか」が話し合われました。 1．勧告候補になったHTML5.0の仕様についてと、HTML5.1の始まり 最初のセッションでは、去年の12月18日に仕様策定を完了し、勧告候補となったHTML5の仕様や、HTML5.1で追加される仕組みとW3Cの活動について紹介されました。 紹介のあった仕組みはこの6つ。 appcache v2 (rebooted) <template> srcset & <picture> <intent> & Web Activities <main> W3C at GitHub 1.1．問題を抱えたApplication Cache API

角丸の話題が盛り上がってましたね 先々週webデザイナーである彩さん(@maritime_color)のブログDesign Colorで、角丸をどういう場合に使うか、という記事がすごい話題になってました！ デザイン時に注意したい角丸の使いかた | Design Color そしてその後、ナナメウエの変態イラレラー(褒めてます)すずきさん(@suzukisan__)もそれに続き角丸に触れる記事を書いたりしていました。 illustratorで角丸を扱う際の注意点 ※追記しました | ナナメウエblog 私も以前デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素という記事を書いたとき、角丸についてはさらっと触れるに留めたのですが、いずれもっとがっつり言語化したいものだと考えていました。 気になることもあったし、ちょうど良いので今回便乗して記事にしてみようと思います。 形状としての

前回のエントリーで、Dartの次は、TypeScriptを検証する。と書いたけど、なぜか自分のPCでは、VisualStudio for WebにTypeScriptのプラグインがインストールできなかったので、TypeScriptを使うことを諦めました。コマンドラインでコンパイルはできたけど、それでは型付け言語のメリットであるIDEによる補完や参照検索やリネームリファクタリングが効かないので。ちなみにプログラマのPCではあっさりインストールできたとのこと。がっくり。 というわけで、Dartを実戦投入することを決定してDartで開発をしています。 フロントエンド高速化のExpiresヘッダ さて、今日の本題。Webシステムのフロントエンド高速化のお話です。Webシステムの速度の大きなボトルネックとしてDB負荷がありますが、ブラウザ側のレンダリングを高速化する話としてフロントエンド高速化があり

デブサミ2013（Developers Summit 2013）Action! 2日目のデザインセッション「モバイル再考」の発表資料（2013年2月15日）Read less

こんにちは。ウェブサービス本部の河野です。 ディレクターの業務の重要なものの一つに、仕様をまとめたりドキュメントを作る業務があります。限られた時間の中でシステムを開発しなければならない際に、どのようなドキュメントをどこまで作成するか悩むことも多いかと思います。 そこで今回はディレクターがドキュメントを作成する際の心がけやポイントについて考えてみたいと思います。 １．ドキュメントを作ることが目的とならないようにする 当たり前のことですが、一番重要なのは進めているシステム開発が納期通りに不具合なくリリースできることです。仕様をメンバーに理解してもらうことが第一で、その手段としてドキュメントがあるという優先度を間違えないようにしましょう。 きちんとしたドキュメントの作成には時間が掛かり、変更時の更新にも同じく時間がかかります。また、更新をせず情報が古いままの場合、開発メンバーがそれを最新バージョ

A Comprehensive Guide to Understanding TypeScript Record Type

昨年頃から注目を浴びている広告形式で「ネイティブ広告（Naitive Ads）」というのがあります。詳しくは Techcrunch（米）のコラム Where You Can Go Right, And Wrong, With Native Ads を参照していただきたいですが、様々なメディア媒体の形式に合わせた広告を指します。例えば Tumblr の右側にある「Tumblr Radar」のように、見た目がサービスのデザインに馴染んでいて、あたかもコンテンツの一部のように見えるものが多いです。 私が最初にこのタイプの広告を見たのは、数年前の Digg でした。昨年に大幅リニューアルしてしまったので今はありませんが、スポンサーのニュースが他と同じデザインでリストに紛れ込んでいました（もちろん Sponsored という表記はありましたが）。最近だと Facebook が Social Grap

CSS3を扱う上でベンダープレフィックスの話題は外せません。 そのベンダープレフィックスの順序について書いてみます。 ベンダープレフィックスとは ベンダープレフィックス(vendor prefix)は、ブラウザが独自の拡張機能を実装、勧告候補前の仕様を先行実装する場合に、 将来的に仕様が変更されるリスクに備えて、プロパティや値につけられる識別子のことです。 その識別子は、ベンダー識別子(vendor identifier)によってブラウザの種類が付けられています。 主要なブラウザのベンダープレフィックス -webkit- Google Chrome、Safari、(Opera) -moz- Firefox -ms- Internet Explorer -o- Opera ただしCSS3などの仕様が勧告候補になった場合には、ブラウザベンダー側がベンダープレフィックスを外すことが推奨されていま

In our previous posts on CSS Pre-processors, we discussed how to calculate lengths with their special functions. Interestingly, CSS3 offers a similar capability through a powerful feature named calc(). This post explores how to effectively leverage this function within your stylesheets. Simplifying Layouts with calc() The calc() function allows for dynamic computation of lengths for properties lik

このように@mediaを使用して出力先や解像度、サイズなどで条件分岐をしていき、必要のない要素を非表示にしたりして、見栄えを切り分けて製作していきます。 レスポンシブWebデザインのメリット・デメリット 前述のとおり、RWDでは同じCSSファイルで各デバイスのスタイルを共有します。そのため、共有しているスタイル変更の影響を受けやすく、制作をデスクトップとモバイルで分担している場合などは細かいレギュレーションを最初に決める必要があります。 とはいえ、モバイルとデスクトップをHTMLから切り分けた場合、完成後の更新の手間も二重にかかってしまいます。CSSで分岐して必要なプロパティのみ上書きしてデバイスに最適化するだけで同じ素材を共有できることは、サイト運営者にとって非常に魅力的です。 RWDのメリット デバイスごとに切り分けず1つのHTMLファイルで管理可能 スタイルを共有してテイストの統一性

2020年8月 (1) 2020年6月 (1) 2020年2月 (2) 2020年1月 (5) 2019年12月 (8) 2019年11月 (9) 2019年10月 (7) 2019年9月 (8) 2019年8月 (7) 2019年7月 (7) 2019年6月 (10) 2019年5月 (8) 2019年4月 (7) 2019年3月 (11) 2019年2月 (10) 2019年1月 (13) 2018年12月 (10) 2018年11月 (11) 2018年10月 (11) 2018年9月 (10) 2018年8月 (10) 2018年7月 (10) 2018年6月 (12) 2018年5月 (10) 2018年4月 (10) 2018年3月 (10) 2018年2月 (7) 2018年1月 (10) 2017年12月 (7) 2017年11月 (8) 2017年10月 (6) 2017

MWC 2013では、自動車関連のモバイル通信技術の展示もいくつか見ることができる。インテルや富士通のブースではHTML5をベースとした自動車向け情報サービスが参考出展されていた。 サービスイメージは、インテル、富士通ともに似たものとなっており、端末である車載機器（カーナビなど）にブラウザを実装する。車載機器はサーバーに接続して、さまざまなアプリやサービスの提供を受ける形となる。Webサーバーは、スマートフォンや通信モジュールを通じてインターネット上のサーバーを利用する形も考えられるが、富士通の展示ではスマートフォンにWebサーバーを実装する形となっていた。インテルの展示では、となりにあるPCをWebサーバーとして利用していたが、サーバーの形態は実際のシステム要件に依存するとのことだ。 サービスやアプリケーションにHTML5を利用する利点は、フロントエンド部分の設計の柔軟性やアプリケーショ

Freebies 10 Super Useful Free Icon Font Sets Henry JonesFebruary 26, 20135 Comments05.2k Icon fonts are great because, as you may have guessed, they are delivered as a font. This gives them a number of advantages over traditional image icons. For instance, if you want to change the color, it can easily be done with CSS. Whereas with an image, you would need to have a separate version of the icon.

Why use a Responsive CSS Framework? Every web developer at some point has created a set of base CSS files to be reused for multiple projects. Web design standards and browsers are constantly evolving and maintaining a custom framework become a task in itself. CSS Frameworks offer a great starting point without having to re-invent the wheel. Being available for the general consumer, these are const

Totally taming form elements is impossible due to the lack of detail in the CSS specification and because of the default styles applied by Web browsers. However, Gabriele Romanato shows us that, by following some common practices, reducing (though not eliminating) the differences and achieving good visual results is possible. Before 1998, the birth year of CSS Level 2, form elements were already w

アドビ、フォトショップをスマートフォン向けに投入。「Adobe Photoshop Touch for Phone」を発売 新規会員登録 ログイン管理 Twitter facebook はてなブックマーク RSS 2024.10.8 TUE

「いつやるか？今でしょ！」――最近あちらこちらで目にするこのセリフ、「元ネタ」は東進ハイスクールのカリスマ現代文講師・林修さん（47）だ。 トヨタ自動車のCMや「金曜日のスマたちへ」に出演、一躍脚光を浴びている。年間200日の出張に、原稿執筆、講演、TV出演と多忙を極める林さんにJ-CASTニュースは話を聞いた。 「プリキュアにされてましたよね」 林さんは1965年愛知県名古屋市生まれ。東京大学法学部卒業後、日本長期信用銀行に入行したが、半年で「この銀行はすぐつぶれるな」と思い退職。同行は1998年に破綻した。 退職後、さまざまな仕事で「ことごとく失敗」し、予備校講師となる。現在、東進ハイスクール、東進衛星予備校の現代文講師として、東大・京大コースなどの難関コースを中心に授業を行い、抜群の東大合格実績を誇る。 2011年に出演した東進のCMの「いつやるか？今でしょ！」というセリフが大ヒット

Canon Marketing Japan キヤノンマーケティングジャパングループ 日本国内を中心にマーケティング活動とソリューション提供を行っています。キヤノン製品事業とITソリューション事業を組み合わせ、お客さまに最適なソリューションを提供することで、事業を通じた社会課題の解決に取り組んでいます。

月に一度のEpipheo.tvのライフハック動画に、GTD「ストレスフリーの仕事術 」のデビッド・アレンさんが登場して todo リストの基本についてわかりやすい動画にしていました。 ToDoを単にカレンダーに書かれた待ち合わせ程度に思っていると、以外なほどに多い頭の中の「あれをしなければ」「これをしなければ」という騒音に打ち負かされてしまいます。 そこで ToDo にはいくつかの約束事がうまれます。この5項目はそれだけで GTD のイントロダクションになっていますので、これから GTD を始めてみようという人は複雑なシステムをつくってみようとする前に、まずはここから実践してみてもいいでしょう。 動画は英語なのと、もう少しだけ解説が必要な部分がありますので、それを補完しつつご紹介します。### ToDoリストをよりはっきりさせる 最初のステップは「1. 頭のなかのすべてを書き留めること」で

Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net Ever stumbled upon a website so breathtaking that it left you momentarily mesmerized? Welcome to the world of cool website design examples, an arena where creativ

経営やマーケティング、ブランディングなど、ビジネスを語る際に必要な論理的思考。その思考パターンを定型化し、誰でも使えるようにしたのが戦略フレームワークです。戦略フレームワークはビジネスのあらゆる分野で使われており、有名・無名を含めると、膨大な数が存在します。 戦略フレームワークを使うと、現状を論理的に構造化し、客観的に俯瞰できるようになります。また、いつもフレームワーク発想で考えるクセを付けていると、ヒアリングしたその場で企業が抱える問題点が見えてきたり、自分の主張や提案を、分かりやすく説得力をともなって伝えることができるようにもなります。 Web業界はテクノロジーの影響が非常に強い業界です。特に制作や開発に深く関わる業種・職種ほど、ビジネスの本質ではなく、技術的なトレンドに流された発想に陥りがちです。 しかし、戦略フレームワークの考えをマスターしていれば、技術トレンドに流されず、ビジネス