This summer, JavaScript Scene conducted a JavaScript tech survey via social media over the course of a few days. Just under 800 people participated. Respondents are all engaged in JavaScript discussions on social media including Twitter, Facebook, and Google+. Most of the respondents came from Twitter. As promised, here are the results: React is RisingAlmost half (45%) currently use Angular, and m

Echo One Sequentially arranged sentences composed of words (and punctuation) This post is only meant to be a snapshot of the current state of the various DOM virtualising webframeworks that are around. I’m partly publishing it to try and discover more that I may not be aware of. Many of these frameworks trace an ancestry back to Om and React. However each one tries to deal with perceived problems

青木まりこ現象書店に入るとトイレに行きたくなる現象。 アンカリング効果最初に提示された情報がそれ以降に提示される情報に対する印象に影響を及ぼす現象。 たとえば「東京の平均気温は50度より高いか？」と訊かれたあと「では平均気温は何度だと思うか？」と訊かれると高めの気温を答えてしまう。 アンダードッグ効果負け犬を応援したくなる現象。 たとえば選挙の事前予想で「A党が劣勢」と報道されるとA党への票が増える。 アンダーマイニング効果自発的にやっていることに他人から報酬を与えられるとやる気が低下する現象。 「好きなことを仕事にしてはいけない」などと言われる理由かも。 イヤーワーム現象特定の音楽が頭から離れない現象。 ウィンザー効果本人から直接言われるよりも第三者から噂として聞く方が信じてしまいやすい現象。 たとえばAさんから「綺麗だよ」と言われるよりも「Aさんがあなたを綺麗だと言っている」と聞かされ

海外のソーシャルブックマークサイト3つでなんか妙にブクマされていたので気になってみてみると中々面白かったのでシェア。 CSSのエフェクトボタンだけをひたすらコードつきで紹介しているTumblrアカウントのご紹介です。 このサイトの特徴 このサイトというかTumblrは、ひたすらCodepen.ioで紹介されているコードをタンブっているわけですが、唯一の特徴としては、そのコードがもたらすエフェクト効果をアニメGIFで一つ一つ紹介している点です。 実際これだけで、とても価値のあるアカウントになっているわけです。 CSS Buttons - 8-bit Hovers CSS Buttons - Simple Example 2-3D Transforms For Social-links CSS Buttons - Hover Animated Buttons CSS Buttons - Fau

なんてことはない壁紙サイトではあるが、シンプルでいいかな、と思ったのでご紹介。 Wallpaper Discoでは、ディスコ（クラブ？）をテーマにした壁紙を配布している。 ちゃんと今風にiPhone、Android、デスクトップとサイズが分けられている点がいい感じだ。 これからの夏、壁紙でテンションをあげたい人にはいいかもですな。

このブログでカバーされている「勉強に役立ちそうなエントリ」の一覧です。 ★をつけたものは、書くときに頑張ったような気がするので、見て損は無いと思う。というもの。 ■ 理工系の大学学部生くらいを対象とした用語の説明 ・★ベクトルの内積とは - 大人になってからの再学習 ・★固有ベクトル・固有値 - 大人になってからの再学習 ・★log(1+x)のテイラー展開・マクローリン展開 - 大人になってからの再学習 ・★写像：単射、全射、全単射 - 大人になってからの再学習 ・★フーリエ変換 - 大人になってからの再学習 ・★フーリエ級数展開の式を理解する - 大人になってからの再学習 ・★フーリエ級数展開の式を理解する(2) - 大人になってからの再学習 ・★プログラミングで理解する反射律・対称律・推移律・反対称律 - 大人になってからの再学習 ・★群・環・体 - 大人になってからの再学習 ・★分散

従来、スマートフォンの横幅といえば 320px(retina対応で640px) というのが定説でした。 が、iPhone6の普及でそうとも言えなくなってきたのが今日このごろです。 iPhone5の横幅は320px(retina対応で640px) iPhone6の横幅は375px(retina対応で750px) ちなみにNexus5の横幅は360px(retina対応で720px) さてこんな環境で、viewportはどう指定するのがベストなのでしょうか。 前提知識 viewportのwidthという値に、device-widthと指定すると、スマホの画面幅 = 表示するwindowサイズ、となる。 widthにピクセル値（640px、とか）を入れると、表示幅はそのピクセル数になり、それで画面いっぱいになるように適宜拡大縮小される 古いAndroidでは、widthにピクセル値を指定しても

The original intent of this project was to note down the syntax and basic concepts of Javascript for personal use, also used as a syllabus for teaching at the same time. The effectiveness of using a Mind map diagram to summarize a programming language is totally unexpected, it looks like a catalogue of handbook talking about Javascript and filled with syntax details. With a single picture/file, Ja

Mesh (GitHub: mojo-js/mesh.js, License: MIT, npm: mesh) by Craig Condon is a data synchronisation library that caters for server-side and client-side requirements. The author has pitched it as the "underscore of data", meaning it's a highly focused library that you can drop in to existing applications. It covers both storage and transit. For example, in the browser you could use localStorage, and

How can user experience researchers make sure their voices are heard and their work is valued? By telling a good story. Gerry Duffy guides us through the thickets of research as storytelling by showing us how to recast an oft-maligned discipline as an opportunity to craft a convincing and exciting narrative.

「チームで働くすべての人に」をコンセプトに、仕事を楽しく、コラボレーションを促進するサービスを開発する株式会社ヌーラボ。同社ファウンダーでありCEOの橋本正徳氏は、これまで英語でのプレゼンテーションを何度も経験していますが、英語は決して得意ではないそうです。そんな氏が自身の経験から学んだ「英語プレゼンのコツ」とは？ 以下、ヌーラボのブログよりこちらの記事を転載します。 いろんなスタートアップや起業家向けのイベントに出席すると「グローバル」という言葉を必ず聞くくらい、日本企業のグローバル展開というのは話題になっていると感じます。また、先日、お台場で行われた Slush Asia という起業家向けのイベントでは、内容も進行も英語だったとのことで、僕らのような業種は確実に英語が必要になっています。また、大勢の前で英語でプレゼンテーションする機会も多くなってきていると思います。 僕は、ありがたいこ

LAPAはLP専門のWebデザインギャラリーサイトです。Tumblrが使われています。所謂シングルページ、ペライチなサイトのWebデザインを収集しているみたいです。何年か前にも日本で見かけましたが、こちらは海外のWebサイトが主で見た目も綺麗目な印象ですね。まださほど多くは無いので今後に期待したいところです。個人的な感想ですがarchiveページのほうが見やすいかも。 LAPA

Native CSS Scroll Snap PointsScrolling effects are increasingly popular these days. Scroll snapping is used widely for a better separation of the provided content (vertical full height pages) or, for example, to emulate galleries behavior. There are many popular plugins (fullPage.js, jQuery.panelSnap, jQuery Scrollify etc.) which provide such functionality. Can you imagine how easy would be creati

I was playing with CSS counters the other day and thought about using them to deal with footnotes. According to Plagiarism which has a surprisingly long entry on the matter, footnotes are: […] notes placed at the bottom of a page. They cite references or comment on a designated part of the text above it. You often see them in papers when the author wants to add a piece of information or cite a ref

最近の情報収集の仕方も昔とはめっきり変わった感がある。 そもそも情報が多すぎるのが困りモノだ。 フロントエンドの技術サイクルも目まぐるしく早い。 多すぎる情報を効率良くフィルタリング出来る仕組みを確立すればいいと個人的には思っている。 それには自分に合った質の高い発信元を把握しておくことだ。 今日は自分の日頃使ってるものを紹介する。 国内 はてブ(テクノロジー – Webデザイン) 技術系の鉄板。毎日眺めるだけでホットな話題がある程度わかる。 Gunosy 言わずと知れたキュレーションサイト。意外とコアな情報も入ってくる。 dotHTML5 初めはHTML5関連だったけど、最近は多岐にわたってる印象。 HTML5 Experts.jp JSer.info azuさん運営のJSer御用達しサイト。 ここ 見ておくと参考になる。 そういえば最近JSerという言葉聞かなくなった。 海外 Smas

20歳を過ぎた日本人（留学経験無し・受験英語/TOEIC英語しか学んだことがない人達）が下記の段階に到達するための英語学習法を公開しています。 このハタチエイゴ学習法が目指す目標 TOEIC試験で860点(Aレベル)以上に到達する。 「読む」「聞く」という受身な英語だけではなく、自分から英語を発信すること、すなわち「話す」「書く」がちゃんとできるようになる。 英語を母語とする人たちと英語で意思疎通できるようになる。第２言語としての英語を使いこなせるようになる。 ハタチエイゴ・基本情報 この勉強法ははてなブックマークを7,700以上獲得した人気記事です。 このblogは書籍化されてDiscover21より2010年9月16日に発売しました。書籍の名前は「20歳を過ぎてから英語を学ぼうと決めた人たちへ」です。5刷で26,000部。 勉強法の問い合わせは執筆者である@HAL_Jまでお願いします。

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

チャッピーとは chappie(チャッピー）とは、1994年にデザインスタジオgroovisions（グルーヴィジョンズ）が製作した、人型のグラフィックデザイン／システムです。 チャッピーには、直立で正面を向き、顔のパーツ等を一定にするなどの基本的なルールが設定されていますが、特定の年齢や性別、国籍は設定されていません。そのため、髪型や服装、肌や目の色を変えることで、チャッピーは世界中の誰にでもなることができます。パソコンの中で生まれたチャッピーは、1997年にはマネキン型が作られ、その後1999年には、ソニーミュージック・エンタテインメントより歌手としてCDデビューを果たし、シングル3枚、アルバム1枚を発表しました。現在でも、企業や学校のイメージキャラクターを務めたりと様々な分野で活動しています。

カラーの見極め、文字の美しい字詰め、図形の認識など、デザインに大切なスキルが自分はどのくらいなのか分かり、しかも勉強にもなるスキルチェックのゲームをまとめたサイトを紹介します。

「Pexels」はCC0ライセンスの高解像度写真が探せるサイトです。商用利用もOKなのでブログやホームページの素材として使うのもありですね。キーワードから探せますし、色で絞り込むことも可能です。 以下に使ってみた様子を載せておきます。まずPexelsへアクセスしましょう。「summer」で検索してみました。 素敵な写真がずらりと並びます。詳細を見てみましょう。 写真はその場でダウンロードできますよ。また、似たような写真や使われている色から再検索することができるので、類似写真を見つけやすいですね。ぜひフリーの写真を手に入れたいときにご活用ください。 Pexels （カメきち）

@JUNP_Nです。ロゴを作成するのは想像以上に大変です。ざっくりとイメージだけ伝えて、デザイナーさんにお願いするというのも良いと思いますが、ざっくりとイメージだけ入力してロゴを作成してくれるWebサービスもあります。「Design Rails」はまさにそんなサービスです。 ざっくりとイメージを入力すると自動でロゴを作成してくれるWebサービスLogo Design - Design Rails 今回紹介するのは「イメージをざっくりと入力するとロゴを自動作成してくれる」というWebサービス「Design Rails」です。 「Logo Design - Design Rails」にアクセスし、まずは「SIMPLE」か「COMPLEX」かイメージを選択します。 続いて「CLASSIC」か「MODERN」かを選択。以下、このうようにイメージを選択していくことで、最終的にロゴを自動で作成してくれ

Riot.jsはミニマル設計でReactライクなUIライブラリです。Muutというコメントプラットフォームを提供する企業が開発、公開したライブラリで圧縮版で3.5KBと軽量ながらパワフルな機能を持っている印象でした。Virtual DOMの導入、カスタムタグ、他ライブラリよりも少ないAPIメソッドなので学ぶ点も少くて済む、軽量だからバグも少く済み、管理も容易である、などを特徴としてあげています。まだちゃんと触ってないので時間を作って確認したいところ。詳細は本サイトにてご確認下さい。ライセンスはMITです。 Riot.js

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました サーバ管理者がふと明日の天気が気になったらどうしたら良いでしょう。Webブラウザを立ち上げるのは面倒くさい。かといってw3mなどでは今時のグラフィカルなお天気サイトは見られないかも知れません。 そこで使ってみたいのがwegoになります。CUIなのに超リッチなUIのお天気ソフトウェアです。 wegoの使い方 wegoのインストールはgo getでできます。 $ go get github.com/schachmat/wego そしてWorld Weather OnlineというサイトでAPIキーを取得&設定ファイルに書きます。これで準備は完了です。 wegoというコマンドで表示されます。 .wegorcという設定ファイルで都市を指定できます。例えばTokyo、Yokohamaなどです

広告やポスターをデザインする際、ときにはコピーの配置やレイアウトに悩むこともありますよね。そんなときに文字レイアウトや配色が参考になりそうな広告・ポスターをご紹介します。 広告デザインに参考になる文字レイアウト　選 では参考になるデザインをご紹介します。 アニメ王決定戦のポスター 出典：kettle.co.jp こちらは2011年に開催された、au EZwebから参加できるアニメ王を決めるためのクイズ大会。文字に帯を引いたり、注目させたい文字への色使いの変化が目立ちますね。2011年の作品です。 LUMINE 出典：magazine.lumine.ne.jp こちらはLUMINEの広告の中でも色使いがシンプルなもの。中央に大きくレイアウトされた文字は、半透明なのにきちんと可読性があり、白い文字の透かし具合が絶妙です。 新村水産 出典：shinmurasuisan.net こちらは「新鮮な魚

オンラインビジネスの成功のためには、ユーザーの意見を客観的に多数取得し、その数値分析から具体的対策を練ることが重要だ。当たり前のことだが、これができているサイトは少ない。 UXはたびたび、Webサイトやサービスの「使い勝手」を指す「ユーザービリティ」と混同されがちだが、UXとは単なる使い勝手ではなく、商品・サービスを含めた体験そのものを表す。 UXの概念を示すものとしては、ピーター・モービル氏が提唱した「UXハニカム構造」が有名だ。しかし、キーワードは英語で言葉の意味がわかりづらく、内容を理解するのは少々難解である。 これを専門家以外にもわかりやすく、ゴメス・コンサルティングで編集したのが「サイト全体構造とUX7つの要素」だ。Webサイトの構造例と、それぞれに対応する7つのUX基準を記している。 1. アクセスのしやすさ「アクセスのしやすさ」とは、Webアクセシビリティやマルチデバイス対応

何というか、もうほとんどブログを読まなくなった。 いや、読む。読むんだけれども、それは読もうと思って読んでいるわけじゃない。 何か困る→ググる→ヒットする→読む。 こういう意味合いに於いては読んでいる。それこそ200-300位は読んでるんじゃないか、1日。 とはいえ、上の場合目的は「困った事を解決する」ことであって、「ブログを読む」こっちゃないだろう。 何が言いたいのかわからない？　安心してくれ、もうすぐわかる。 誰が言っているのかが重要 上の記事を読んで「インスタジェニック」？アホか、と思いつつも、誰が何を薦めているのかが重要って部分は「せやな」となるわけですよ。 自分でもブログを書いているんだけれども、よくわからん人のメチャクチャ詳しい3000行のレビューよりも、信頼している人の20行でコロッといっちゃうんですよ。 そういうことなんですよ。 3000行書くより20行の方が楽なんで僕も後

「GIRLY DROP」はガーリー系写真素材が無料で手に入るサイトです。綺麗な風景にかわいい女子が映っている写真がたくさんありますよ。写真はカテゴリごとに分類されているので似たような写真を楽に探せます。 以下に使ってみた様子を載せておきます。まずGIRLY DROPへアクセスしましょう。お好みのキーワードで検索してもよいですし、人気のあるキーワードを選んで探すこともできます。 写真は高解像度でその場でダウンロードできますよ。Twitterのカバー写真に使ったり、ブログ記事の挿絵に使うことも可能です。ガーリー系写真をお探しの方はぜひ一度使ってみてはいかがでしょうか。 GIRLY DROP （カメきち）

フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 スタイルシートの夢 (1) 予測しやすい (2) 再利用しやすい (3) 保守しやすい (4) 拡張しやすい 代表的な CSS 設計手法 既存プロジェクトの CSS に立ち向かう！ (0) 流れ (1) 既存の CSS ファイルを元に SCSS ファイルに変換する (2) イニシャライズ CSS や共通の箇所のスタイルを分離する (3) CSSLint を使って、修正しやすいところから整理していく (4) コンパイル (5) スタイルのスコープ（あ

デモページ: フィールドセット FormHackの使い方 FormHackはSassベースで、フォームのデザイン（フォント、幅、高さ、カラー、ボーダー、角丸など）を簡単に好みのスタイルに変更できます。 カスタマイズは、Sassファイルの上部にまとめられています。 /* FormHack v1.0.0 (formhack.io) */ // Config ----------------------------- // Font $fh-font-family: 'Raleway', sans-serif $fh-font-size: 16px $fh-font-color: rgb(40, 40, 40) // Borders $fh-border-radius: 5px $fh-border-width: 1px $fh-border-style: solid $fh-border-co

海外では無料の音楽共有サービスが大人気だ。しかし、いきなりその世界に飛び込んでも、あまりに楽曲の数が膨大で、どれを聞いていいのやら……という状態になりがち。「Undrtone」は、複数の音楽サービスを横断してオススメを紹介してくれるツール。 「Undrtone」は、Rdio、Spotify、SoundCloud、BeatsMusicといった音楽共有サービスから、話題の楽曲を紹介してくれるサービスだ。起動すると、今話題になっている楽曲のジャケットが表示されるので、その中から気に入ったものを見つけるだけでOK。どれを選んでもレベルの高い作品揃いだが、そこからさらにジャンルを限定したり、特定のユーザーのレコメンドをチェックすることもできる。 スマホアプリとして海外で大人気のツールのChrome拡張版だが、パソコンからでも充分に楽しめる完成度となっている。あまり手間をかけずに作業中のバックミュージ

UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. I’ve been keeping a list like this around for a while, and the CSS-Tricks Staff just added a bunch of new links to it, so I figured HEY that sounds like fun little weekend post. There are so many of these it’s really no excuse to have crappy photos in the work you do, be it

If I have an active timeout running that was set through var t = setTimeout("dosomething()", 5000) Is there anyway to pause and resume it? Is there any way to get the time remaining on the current timeout? or do I have to in a variable, when the timeout is set, store the current time, then we we pause, get the difference between now and then?

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 みなさんGWはどのようにお過ごしだったでしょうか。 すでに会社が始まっている方がいれば、まだGW中の方もいるかと思います。（私は後者。超連休！明日までですが＞＜） そんなこんなで今回、なんとなくUNIXコマンドに関してざっくりまとめてみました。 そう。みんなが嫌がる「黒い画面」です。 最近では、デザイナーさんとかも、GruntだったりCompassやnodeなんかでもガシガシと黒い画面を使う機会が増えていると思います。 より慣れるため、参考にでもしていただければと思いますー。 基本コマンド コマンドの基本構文 ・コマンド ls コマンドのみを入力 ・コマンド + 引数 ls /home コマンドの後に半角スペース 引数でファイル名やディレクトリ名などの文字列（

This talk covers the past, present and future of web application performance when it comes to delivery optimization. I'll start by glancing over what you're already doing -- minifying your static assets, bundling them together, and using progressive enhancement techniques. Then I'll move on to what you should be doing -- optimizing TCP network delivery, inlining critical CSS, deferring font loadin

行ロックと「LOG: process 12345 still waiting for ShareLock on transaction 710 afte...Masahiko Sawada

普段は、確定してたり、理解したことしかお伝えしないバニデザノートですが ぼんやりデザイン感シリーズをちょこちょこやっていきたいと思ってます。 今回は、ウェブデザインのなかでもよく混乱しがちになる、 「枠」と「コンテンツ」の２つのなかから、「枠」のほうのお話を書いてみたいと思います。 「ウェブデザイン」という作業のなかでも 「見える」部分。人に印象を与える、色や、かたちや、文字の大きさ、空間などがあたえる「雰囲気」の部分には、「枠」と「コンテンツ（中身）」があります。 これは、結構混乱しやすい部分で。「作れない」って思うときは、このどちらをつくろうとしているのかわからなくなっていることも多いとおもいます。 ウェブデザインというものを、 「クリエイティブなもの（本体）」として見るか 「クリエイティブなものを載せる器」として見るか その両方を表現する「何か」なのか。 新しいインターフェイスを考え

デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない…　なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ

Back to Basics CSSというイベントが先日行われた。主旨としては、SassやらCompassといったスタイルシートを記述するためのメタ言語なりフレームワークではなく、スタイルシート言語そのものの基礎に立ち返ろう、というものであったらしい。らしい、というのは筆者はこのイベントに参加しておらず、あくまで当日Twitterに流れてきたツイートと、イベントレポートでしか様子を伺い知ることができないからなのだけれども、このイベントで発表した人たちのスライドの中で、CSS3の日本語訳集やCSS 2.2日本語訳といった筆者の管理しているウェブページがほんのちょっぴり出てきたりする。 で、主に発表した人たちのエントリーを見るにつけ、ウェブ制作に携わる人が大多数のイベントであっても、そのイベントに参加する層はどうも日頃から仕様書を読まなかったり、縁遠かったりするという雰囲気……らしい。また、上

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました React Nativeに熱い視線が集まっています。Reactを使ってWebベースのようにiOSのネイティブアプリが開発できるのが魅力と言えます。制限も多いとは思いますが、それでもどんなことができるのかみんなが試行錯誤しながら試しているのが現状です。 そんなReact Nativeを使って作られたアプリがDribbble app built with React Nativeです。ごくシンプルなDribbbleビューワーアプリとなっています。 Dribbble app built with React Nativeの使い方 立ち上げた画面です。Dribbbleに投稿されている画像が表示されています。 作品の詳細画面です。閲覧のみでコメントなどはできません。 タブバーも動作します。

世間はReactの話題で持ちきりのようだけど、Backbone.jsでStyleStatsのWebアプリをリニューアルした。以上で伝えることは終わったが、リニューアルするにあたってつらかったことをつらつらかきとめておく。 StyleStats - An evaluating tool for writing better CSS そもそもBackbone使うほど複雑なアプリでもないんだけど、勉強がてら使ってみた。てかParse.comを使いたくて、それがBackboneベースのSDKだったからというのもある。 Parse.comはmBaaS(mobile Backend as a Service)の類で、データを簡単にストアしてくれるもの。僕のようなフロント側の人間でバックエンドがからっきしな人も、こうゆうのを使うとWebアプリケーションを簡単に作れるそうだ。StyleStatsで、テスト

We help companies develop the strongest tech teams around. We help candidates sharpen their tech skills and pursue job opportunities. Sign up Request demo Over 40% of developers worldwide and 3,000 companies use HackerRank Tech hiring needs a reset. From prepping for jobs and practicing coding to running a world-class technical interview, give developers the tools they need to showcase their skill

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

2014/10/18に開催されたFrontrend in Kanazawaの資料を公開しました。 つらつらと、この時の補足など書いていこうかと思います。 RSSのチェックはどういうタイミングでやっていくか 今回の講演で質問もされたのですが いつRSSなどのチェックをしているのか? という問題ですが、実は自分も明確な答えはまだ無い感じです。というのもライフスタイルに合わせる…という感じにどうしてもなってきてしまうからです。 スライドにもあるように、自分は通勤時間や、ちょっとした空き時間にスマホでチェックだけはするというようになっていますが、このフローは現在のスタイルでやっているからというだけです。例えば、通勤が車になっていたらどうしても、その時間にチェックはできなくなってきます。 が、その場合は例えば、就業中に一仕事終えて気分転換がてら、5~10分とかでぱぱーっとチェックだけしておくみたいな

doda X（旧：iX転職）は、パーソルキャリアが運営するハイクラス転職サービス。今すぐ転職しない方にも登録いただいています。 今の自分の市場価値を確かめてみましょう。 Googleの共同創業者であるラリー・ペイジ氏を始め、多くの識者が提示するように、テクノロジーの進化や新興国の台頭、世界的なエネルギーの不測やグローバル化の進展により、現在の職業の数十パーセントは20年以内に消滅し、多くのひとは80歳まで職業人生を歩み、その人生の中で3回ほど、まったく異なる専門性や領域で働く必要が出てくると言われています。 今回の記事では、この変化が激しい時代にあって、30歳、40歳、はたまた80歳になるまで、一生の間、変化を受け入れ、楽しむために重要な「学習」というテーマについて、約50名のビジネスパーソンと議論した内容、そこから得られた知見をとりまとめています。 先に結論を提示すると、下記の3点です：

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

Thao Frameworkは軽量でミニマルなCSSフレームワークです。必要最低限のUIコンポーネントとスタイルが用意されており、すぐに開発を始めることが出来そうです。RWD対応ですがclassの変更で簡単にOFFにする事も出来るみたい。LESSを採用しています。ライセンスはApache2.0とのこと。 Thao Framework

はてなブックマークが、2015年8月19日で10周年を迎えます。これを記念し、はてなニュースでは10年間の歴史を振り返るさまざまなデータをご紹介！ まずは、2005年から10年間のブックマーク数ランキングトップ100を発表します。10年間で最もブックマークされたエントリーは……？ 各年代別のランキングもあわせてご覧ください！（集計期間：2005年1月1日～2015年5月31日） ■ 10年間のブックマーク数ランキングトップ100 10年間のブックマーク数ランキング（2005/1/1～2015/5/31） 順位 タイトル 1位 Yahoo! JAPAN 2位 Twitter 3位 niconico(ニコニコ) 4位 急がばまわれ式・堅実で一番効率的な英語の勉強法 5位 20歳を過ぎてから英語を学ぼうと決めた人たちへ | The Wisdom of Crowds - JP 6位 はてなブックマ

お疲れ様です、大塚です。 Appleの新製品発表会が間近に迫ってきましたね。新しいiPhoneの発表はもちろんのこと、今年の「One more thing」も楽しみです。 しかしながら、新しいプロダクトにドキドキ・ワクワクしながらも、心のどこか冷静な部分で、 「また新しい解像度が出てきたわ…」 と、新しい苦悩を抱えてしまうエンジニアやディベロッパーの方も多いのではないでしょうか？高解像度ディスプレイを搭載したマルチデバイスへの対応は、なかなか骨が折れる作業ですからね。 …え、仕組みがよくわからないままコーディングしていたって？？ そいつぁーまずい。 なぜ、多くのスマートフォンやタブレット向けのWebサイトでは、画像が2倍で作られているのか？ その理由と、ディスプレイや解像度の仕組み、今日ここで覚えていって頂戴。 ディスプレイの仕組み ぼくたちが普段使用している、PCやスマートフォンのディス

今回は「数学を学ぶ理由」についてまとめてみました。では必要であるとして、どうやって勉強するかについては以下のまとめを参考にしてください。 ガチ学習シリーズまとめ→http://togetter.com/li/857550

VIDEVOは動画やモーショングラフィックを無料で配布する動画ストックサイトです。結構な数が用意されてるみたいですね。商用利用も可能ですが、クレジットの有無等、詳細はそれぞれ異なるので利用の際はご確認下さい。ダウンロードするには、動画下部のSTEP2の「Accept Terms and Conditions」を読んで同意出来るなら左脇のチェックボックスにチェックをしてSTEP 3（オレンジのところ）でダウンロードします。個々のライセンスは、そのまた下のタグクラウド下部に「VIDEVO STANDARD LICENSE」とあるのでその脇のアイコンから確認出来ます。この辺はちょっぴり面倒だったかもですけど、ちゃんと確認してる方だけ使えるようにしたい、という配慮なのかもしれませんので怠らず確認したいですね。 VIDEVO

angular interactive box-model diagramはCSSにおけるボックスモデルをインタラクティブに視覚化してくれるツールです。サイズ設定はツールバーを動かすだけのシンプルなもの。こちらはCodepenで書かれており、フォーク可能となっていますので自分好みにスタイルやUIを変更する事も可能です。 angular interactive box-model diagram

昨年末にも「海外のフリー写真素材サイトまとめ（2014年冬版）」として紹介しましたが、それらの中にも含まれている19サイトを横断的に閲覧することができ、さらにお気に入りの写真素材を管理できるのが「Zoommy」です。 気になった写真素材はフラグを立てて管理！アプリから直接ダウンロードが便利！「Zoommy」は19サイト（記事執筆時）のフリー画像素材を横断的にチェックすることができますが、気になった写真は「Flag」をつけることで、お気に入りのようにリストを作成できます。 Flagを立てた写真は「Flagged」という項目にまとめられるので、後からチェックすることも容易。できたら、もう少し細かくFlagを設定できればいいのに...という不安はありますが、ベータ版なので現状は我慢が必要です。 一番便利なのは、写真を公開しているサイトへアクセスすることなく、Macアプリから直接ダウンロードするこ

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

文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ

cssnext 今日ではSassやStylusなどaltCSSを用いたウェブデザインは主流になりつつあるが, 一方で, 次世代CSSではaltCSSで実装されているような様々な機能追加が検討されている. そこで次世代CSSを先取りするcssnextと次世代CSSで足りない機能をPostCSSのプラグインを用いて補う方法について紹介する. これらのツールを用いると, CSSの枠組みの中で閉じた開発が行えて良いのではないかと思う. 最近のウェブデザイン事情と次世代CSS 最近のウェブデザインでは, SassやStylusなどのaltCSSと呼ばれるメタ言語を用いてスタイルを記述し, それぞれのプリプロセッサを用いてCSSを生成するような開発スタイルが多くなってきた. Twitter BootstrapやFoundationなど, 主要なCSSフレームワークはSassを用いて開発が行われており,

CSS3のグラデーションを思い通りに作りたいとき、便利なジェネレーターを使うのがもっとも効率よいのですが、意外とどのツールも細かい部分で融通がきかないというケースが多いと感じます。 今回ご紹介するグラデーション ジェネレーターは、そういった細かい部分でも融通がきくものになっていて、思い通りのグラデーションを実現するのに役立ちそうなものになっています。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! かゆいところに手が届くCSS3 グラデーションジェネレーター「Gradient Generator」 「Gradient Generator」は、手軽にCSS3のグラデーションを作成できるオンラインツール。 手軽に作れるだけでなく、微妙な色の調整や色が変化するポイントの調整、あるいはグラデーションの方向

理論対デザイナー 駆け出しのデザイナーの頃は、何が正しくて何が正しくないかということについて、PhotoshopやCSSを信じ切っていました。Photoshopで整列すればそろったことになるし、形の違う2つのオブジェクトが同サイズと言うならサイズは一緒。左右のオブジェクトが同じ16進数値を持っていれば同じ色に 見える 、とそんな具合です。 この考え方は理論的なように思えますが、作業の方法としては誤っています。 画像処理のソフトなどは合理的に計算することはできても、形や色やサイズに対する人間の知覚メカニズムを考慮に入れることはできません。つまり、全体の視覚言語的背景にある複数オブジェクトの配置といった 文脈 や、それらを人がどう視覚的に捉えるかということについて、ソフトは理解できないのです。 従って、対象が視覚的に正しく見えるように、人間の非合理的な感覚で調整をしてやる必要があります。コンピ

The BJP-led National Democratic Alliance (NDA) has emerged victorious in India’s 2024 general election, but with a smaller majority compared to 2019. According to post-election analysis by Goldman Sachs, UBS,… The tech layoff wave is still going strong in 2024. Following significant workforce reductions in 2022 and 2023, this year has already seen 60,000 job cuts across 254 companies, according to

Apple, Microsoftをはじめ、Sony, IBM, Intel, Adobe, Dell, FedExなど、有名ブランドのデザインガイドラインを紹介します。 スタバ、ケンタ、Heineken、NASA、LEGOなど、ちょっと珍しいガイドラインもあります。 LEGOのガイドラインは、かなりLEGOらしい出来映えです。

会社設立 freee（フリー） クラウド会計ソフトのfreeeがリリースした、会社設立に必要な書類が5分程度で作成できるサービス。 質問に答えていくだけで、設立に必要な情報を自動で記載され書類を作成してくれるというもの。 本来であれば、何度も書かなければいけなかった項目も、1度書き込めば同じ情報を何度も利用できるので、入力する手間がかかりません。また、有料のオプション機能が用意されており、銀行の口座解説や実印注文もその場でできます。これは便利。 join us JOIN US とは、今夜の飲み仲間を探せる、飲み仲間発見アプリです。 審査を通過したユーザー（30%ほどの合格率といいます）がログインすると、半径10km以内にいるグループを、最大で8組表示します。もしも気になるグループがいればチャットをして、よければ待ち合わせるという流れ。 ユニークなのは、このサービスを利用できる時間帯が、

あなたのブランドを魅力的に見せるアイキャッチ画像は、非常に大切です。どんなカラーパレットを使うか、どんなタイプのイメージを選ぶか、どんなフォントが一緒に機能するか、デザインのプロセスは多岐に渡ります。 Webページやブログのヘッダ、プロダクトの打ち出し、ブランドのメッセージなど、見た人の印象に残るアイキャッチ画像の作り方、50の作例とデザインする際に役立つアドバイスを紹介します。 Steal These 50 Branding Kits For Your Startup 下記は各ポイントを意訳したものです。 元記事ではアイキャッチ画像と同テイストの名刺も同時に紹介されています。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Whimsical: サンプル画像 抑えられたトーンとミニマルなタイポグラフィ 画像にソフトなカラーフィルタを使いトーンを抑え目にし、タイポグラフィ

最近Node.js + AngularJSでこそこそ作ってたWEBサービスを公開しましたので紹介します。 お詫び(7/4 7:25追記) ちょくちょくクラッシュしているようです。申し訳ありません。 セッションをメモリで管理しているため、クラッシュした場合再ログインしていただく必要があります。ごめんなさい。 あとconnect.session() MemoryStoreはメモリリークがあるっぽいです。production環境での使用は非推奨っぽいですね。connect-mongo等を使用する必要がありそうです。順次対応いたしますのでよろしくお願いいたします。 作ったもの http://tanaoroshi.bokuweb.me/ Tanaoroshi. なんぞこれ？ 「はてなブックマーク」と「pocket(旧read it later)」のデータから一括検索・閲覧するためのシンプルなWEBサ

「プログラミングを学ぼうと瞬間最大風速的に意識は高くなるものの、一人でいると気がついたら一日ソシャゲして夕方頃に『また今日も勉強できなかった』と自己嫌悪。」モチベーションが続かない時の対策をはじめ、学び方、学べる環境の作り方をまとめています。

批評は聞くことから始まる デザインをはじめとしたクリエイティブプロセスにおいて意見交換は欠かせません。いちど自分の手から離すことで発見できることはたくさんあります。しかし「これはどうですか？」と見せるだけでは求めるフィードバックを得ることは難しいです。誰もが最初からデザインについて会話ができるわけではないので、デザインの批評（critique）の進め方に注意を払わなければいけません。 わざわざガイドラインまで作ってしまうと、かえって窮屈になってしまいます。構えて会話するより、平等にあれこれ話せるのが理想的です。そうした雰囲気をつくるために、デザインをみせるデザイナーだけが努力すれば良いというわけではありません。批評に参加するすべての方がちょっとした気遣いをすることで良し悪しを決める場から、ゴールに向かうための改善の場になります。 批評する側が気をつけること すぐリアクションしない。どのよう

2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは？ 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは？ マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま

モバイルデバイス用の入力欄をデザインするときには、14のユーザビリティ要件からなるこのリストを満たしているかどうかをチェックしよう。 A Checklist for Designing Mobile Input Fields by Raluca Budiu on June 14, 2015 日本語版2015年7月10日公開 デザイン対象がWebページであれ、Webベースのアプリケーション（たとえば、SaaS）やネイティブモバイルアプリであれ、基本の構成要素の1つになるのが、ユーザーがテキストを入力する地味なテキスト入力欄である。このウィジェットは大量に利用されているので、その利用自体について、この記事で話す気はない。アプリケーションデザインにおいて、ワークフロー等の全体像に関わる問題は良質なユーザーエクスペリエンスにとって重要であり、指摘する必要のある課題がたくさんあるからである（こうした

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

Welcome to EnglishClub for learners and teachers of English. Here you'll find all you need to help you learn or teach English for free. 7 Secrets for ESL Learners🕵 Listen🎧Learn in easy English Learning English Video Project Word of the Day Ghosts video: animation by Anthony Essberger based on Lord Dunsany's short story The Ghosts. With subtitles & classroom materials (5:11) Learn English 🙇🏻 TP

検索しているとなにかとNetflixのgithubリポジトリがヒットするので、全部（2015/07/18現在分）調査してみた。 github APIで https://github.com/Netflix のリストを全部取得して、名前・概要・URL・最終更新日時 (なんの更新だ?) を抽出。 AWS用のプロダクトが多かったのでまずそれらと、その他という分類にした。その他はほとんどがJavaライブラリ・システムだが、一部WebアプリケーションやPythonライブラリがある。 日本語での説明はReadmeやWikiを見て書いているが、理解が正しくないかもしれない。 AWS用 aws-autoscaling Tools and Documentation about using Auto Scaling URL: https://github.com/Netflix/aws-autoscalin

最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。

■js読み込み <script src="jquery.js"></script> <script src="jquery.lazyload.js"></script> ■画像読み込み（srcではなく、 data-originalにurlを入れるのがコツ。） <img class="lazy" data-original="img/example.jpg" width="640" height="480"> ■スクリプトを最後に。 <script> $(function() { $("img.lazy").lazyload(); }); </script>

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

急がばまわれ式・堅実で一番効率的な英語の勉強法 はてな界隈では、定期的に英語の習得法が話題になるが、俺もそろそろ参入してみようかな、と。 ■自己紹介 俺の英語力は、TOEIC975点、実用書・平易なペーパーバックなら辞書なしで速読できるレベル。 CNN/BBCが字幕なしで理解できて、それなりに気のきいたことも英語で話せる。 語彙力は、http://www.wordengine.jp/vcheckで測定してみたところ、約２００００語。 海外経験なしで、毎朝コツコツと勉強してきた。 ■趣旨 英語力を身につける＝ピラミッドを構築する作業である。 だが、巷にあふれかえる英語の勉強法は、基礎力がないのにいきなり実践を勧めるものが多い。 例えば、臆せずに何でもいいからしゃべってみろだの、辞書をひきながら本を読めだの。 この手の勉強方法は、学習者のコンフォート・ゾーン（快適な領域）を外れることが多く、大

Amebaのクリエイティブディレクターが徹底考察！ UI/UXがイケてる！おすすめスマホアプリ 第8回 29cm 2015年7月23日 TEXT：鬼石広海（株式会社サイバーエージェント） より良いユーザー体験を提供するうえで、スマホアプリにおけるUIの工夫やユーザーの心的効果を考慮したデザインなどを、サービスの機能ごとに紹介していく本連載。第8回目では韓国で展開されているECアプリ、29cmを取り上げる。 29cmは、さまざまなアパレル・雑貨ブランドの商品をWeb上で購入できる、いわゆるオンラインショッピングモールだ。一般的なECサービスと異なり、まるでファッション雑誌やギャラリーを見ながら商品を購入するようなアプリ設計が特徴だ。 ECアプリとしては初となる、世界3大デザイン賞に挙げられる「レッドドット・デザイン賞」および「ドイツ iFデザイン賞」でWinnerを獲得している。今回はコンセ

Learn From What Leading Companies A/B Test Receive the latest discovered UI patterns and leaked experiments from companies such as Amazon, Netflix, Airbnb, Etsy, Google, and Booking.com, etc. We're obsessed with learning about what works and what fails.

Any Input PathPicker accepts a wide range of input -- output from git commands, grep results, searches -- pretty much anything. After parsing the input, PathPicker presents you with a nice UI to select which files you're interested in. After that you can open them in your favorite editor or execute arbitrary commands. More on GitHub Arbitrary Commands Besides opening files in your editor, PathPick

アルゴリズムではなく、真の音楽好き、つまり、DJやプロデューサー、もしくは、みなさんのような音楽ファンがおすすめしてくれるような音楽を探すのは難しいことです。『Soundsgood』はちょうどそのようなものを目指した新しいサービスです。プラットフォームに依存しないので、YouTubeやSoundcloud、Spotifyなど好きなプラットフォームで音楽を聴くことができます。最近では、音楽サービスはありふれたサービスになりましたが、Soundsgoodでは、視聴者の好みを理解してくれず、聞きたいと思うような新しい音楽を見つけてくれるかどうかもわからないコンピュータのおすすめ音楽の代わりに、動作に人の要素を残そうと試みました。今のところこのサービスは、まだ新しく出たばかりですが、プレイリストは人間のキュレーターによって構築され、毎週紹介される音楽が詰まった7つ（もしくはそれ以上）の最新プレイリ

Pythonを使ってこの方さまざまな点につまずいたが、ここではそんなトラップを回避して快適なPython Lifeを送っていただくべく、書き始める前に知っておけばよかったというTipsをまとめておく。 Python2系と3系について Pythonには2系と3系があり、3系では後方互換性に影響のある変更が入れられている。つまり、Python3のコードはPython2では動かないことがある(逆もしかり)。 Python3ではPython2における様々な点が改善されており、今から使うなら最新版のPython3で行うのが基本だ(下記でも、Python3で改善されるものは明記するようにした)。何より、Python2は2020年1月1日をもってサポートが終了した。よって今からPython2を使う理由はない。未だにPython2を使う者は、小学生にもディスられる。 しかし、世の中にはまだPython3に

これまでに、(主に)Amazon Redshiftで活用出来るGUIツールとして『Intellij IDEA Ultimate Edition』や『Aginity』等を紹介して来ましたが、Intellij IDEAを開発しているJetBrain社から別種のDB関連ツールが開発されているという情報を先日知りました。 Amazon RedshiftのMac OS X向けGUIツールとして『Intellij IDEA Ultimate Edition』のDatabase Toolsを使う ｜ Developers.IO Redshift専用 Windows GUIツール『Aginity Workbench for Amazon Redshift』が便利かもしれない件 ｜ Developers.IO それがこの『0xDBE』と呼ばれるものになります。アナウンス自体は1年以上前からなされていた様で、

JavaScripting.comは公開されている様々なJSライブラリやフレームワーク、プラグイン等を探せるWebツールです。大量のJSライブラリ等を収集しており、細かくカテゴリ分け、探しやすいようにしてあるみたいです。それぞれのJSライブラリやフレームワークは本サイトやGithub等へのリンクとともに、概要、CDN、リポジトリなども確認可能となっています。 JavaScripting.com

Programming font comparisonはプログラミング用フォントとしてよく使われているフォントを一覧で比較出来るWebサイトです。よく見かけるフォントがリスト化されており、背景の明暗やアンチエイリアスの有無の設定などが可能です。フォントの名前はリンクになっていて、そのフォントの配布サイトに飛ぶことが出来ます。それぞれのフォントにはチェックボックスが用意されており、そのチェックを入れてModeをCompareに設定すれば実際に書かれたコードやフォントサイズの確認も行えます。ただし、実際に書いて試せるようなものではなく、すべてスクリーンショットになっています。SSはWin7でSublime Text上で書かれたものを使用しているとの事。 Programming font comparison

「できれば服にお金と時間を使いたくないひとのための一生使える服選びの法則」という本を読みました。 この本は、普通のビジネスマンが「誰からも好感を持たれるような自然体の服装」を目指すために必要な知識を体系的にまとめた本です。 著者である大山旬さんは、大人の着こなしに重要なのは「センス」ではなく「必要最低限の知識」だと言います。 必要最低限の知識とは、「シンプルなトップス」「シンプルなボトムス」そして「長く使える上質な小物」を選ぶための知識のことです。 大人のファッションはこれだけでいい。華やかじゃなくてもいい。 オシャレキングに夢を見る 俺の高校から大学くらいのときに、「オシャレキング」というのが流行りました。 ChokiChokiという雑誌の初期の頃に組まれた特集です。 原宿や表参道のオシャレな美容師を中心とした、オシャレキング集団。 その中で抜群の存在感を示していたのがキング・奈良裕也で

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

これがあれば、マッチもライターも必要なし！アウトドアでささっと火を起こせる「ブレスレット」が登場しました。使いかたは簡単。燃えやすい木やクズを集めて、あとは近くで打金を擦るだけ。 クラウドファンディングサイト「Kickstarter」で注目を集めているのは、「Bomber & Company」社が投資を募っている製品のうちのひとつ。ブレスレットの両側に打金がついており、擦ると火花が散るようになっています。 しかし、便利なのはこれだけではありません。 その他に、キーチェーンや同社名と同じ製品名のバッグが販売されており、火をつける以外にも、ロープとして使用したり、「簡易シェルター」を設置できる多機能ツールになっています。 サバイバルギアを カスタマイズ！例えば、ブレスレットの紐の部分であるパラコードを解いて、木の枝などに巻き直すことでグリップを強化することもできます。 護身用ナイフも出来ちゃい

You will build a small tic-tac-toe game during this tutorial. This tutorial does not assume any existing React knowledge. The techniques you’ll learn in the tutorial are fundamental to building any React app, and fully understanding it will give you a deep understanding of React. This tutorial is designed for people who prefer to learn by doing and want to quickly try making something tangible. If

企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました CUIのアプリケーションと言えば基本はCLIで、白黒なものが多いでしょう。Linuxのインストーラーであったり、MySQLのパスワード入力などがGUIっぽい画面ですごいと思わされることもありますが、それはほんの一握りでしかありません。 しかしblessedを使えばGUIアプリケーション並のUIが作れるようになります。ぜひ試してみましょう！ blessedの使い方 CUIアプリケーションながら、画像じゃないと伝わらないのが面白いです。 この画面を作るためのコードは次のようになります。 var blessed = require('blessed'); // Create a screen object. var screen = blessed.screen({ autoPaddin

私たちは、お客様のお金の問題を解決し、将来の安心を確保する方法を追求する集団です。メンバーは公認会計士、税理士、MBA、CFP、相続診断士、住宅ローンアドバイザー、行政書士等の資格を持っており、いずれも現場を3年以上経験している者のみで運営しています。 1.　医療費を抑える公的医療保険制度 いつどこで病気・ケガになるかわかりません。その時に備えて知っておかなければならないのが、公的医療保険です。病院の窓口で健康保険証を提示すると3割負担になるのはご存じのことかもしれません。ただ、それ以外の保障もあり、いざというときのために必ず知っておかなければならないことです。 それでは、公的医療保険の中でも知っておかなければならないことを順番にお伝えしていきます。 1-1　自己負担額を抑える高額療養費制度 公的医療保険で1番重要なのは、この高額療養費制度です。日本ではこの高額療養費制度によって、治療費が

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

The Starter KitはWeb開発者やWebデザイナーの為のリソースを収集しているキュレーションサイトです。CSSやJavaScript、Photoshopに関わるリソースなどが多く、収集されているリソースは少々偏っている印象でした。気が向いたらざっと見るのも良いかもしれません。 The Starter Kit

Color Huntは毎日美しいカラースキームを配信するカラーコレクションサイトです。紹介されているカラースキームはそれぞれ使用例とカラーコードが確認出来るようになっている他、カラースキームの提案も可能です。が、何かを配布したりとかは無く、基本的にそれだけのシンプルなもの。インスピレーション向上にも良さそうですね。 Color Hunt

Webシステムのテストと言えば、入力してサーバに送ってデータをチェックして、また入力して…の繰り返しです。それこそうんざりするほど入力を繰り返すのではないでしょうか。 そこで使ってみたいのがFormFillerです。ブックマークレット型のソフトウェアで、入力を再現してくれる機能があります。 FormFillerの使い方 FormFillerはブックマークレットなので、ツールバーなどに登録後、まず何も入力していないフォームでクリックします。 そして再度フォームを表示した際にブックマークレットを実行すると入力内容が再現されます。 使用例。ブックマークレットを実行すると最後に入力した内容になります。 FormFillerは入力を監視し、最後の入力内容に復元してくれます。JavaScriptを修正しつつ、フォーム入力を行う…といったフロントエンド開発に大いに役立つことでしょう。 FormFille

色占い診断の使い方とお願い ファルベコローレは言葉を基に当てはまる配色を表示する色診断サイトです。キーワードを入力すると、その言葉からイメージされる配色とカラー属性を教えてくれます。色数値や色成分の分析や使用例といった様々な色彩データを色彩講座で解説しているので実用的にも使えます。カラーイメージは日にちを開けて再度調べたときに前とは違った色になることもあります。定期的に必ず入れ替わる分けではなく、ずっと同じ色がでる場合もあればガラッと違う色になる場合もあります。その時々で出てくる言葉のカラーリングをお楽しみください。 配色ツールとして デザインやイラスト制作で色の選定で困ったときの配色探しに便利です。カラーコンサルティングにも通じるカラー分析もあるので色に説得力も持たせられます。 色彩講座で色の勉強 言葉のカラーイメージを色相や彩度といった属性で分類したものを見たり、色から感じる温度や色の

smart-eigo.com 2023 著作権. 不許複製 プライバシーポリシー

ネイティブの取引先を激怒させてしまった……！ よかれと思って取った行動や発言で、なぜ困惑や怒りを招くのか？ 日本における英語教育の第一人者が正しい接し方を伝授する。 「サイン」ではネイティブには通じない 日本人がよかれと思って話している英語が、ネイティブにはうまく伝わっていないということがありますよね。 例えば、私がある会社を訪問したとき、受付の方に“Please sit down.”と言われ思わず“Oh, I'm sorry.”と答えてしまったことがあります。なぜ自分は謝ったのだろう……と考えると、これって学校の先生が生徒に「ウロウロしないで座りなさい」というときの表現なんですね。この場合は、“Please have a seat.”が正しい表現です。 エートゥゼット代表 デイビッド・セイン氏●日本で25年以上、英語・英会話教育を行い、累計350万部の著書を刊行。『日本人のちょっとヘンな

なぜDMMがweb3に参入したのか。Seamoon Protocolが目指す新たなエンタメ体験の未来とは

パワーポイント等で資料を作ることがあるのですが、自分でも「もうちょっといけてる感じにならないかな」と思うことがあります。 そんなときに頼りになるのがアイコン素材集サイト。今回はその中でも、本当は誰にも教えたくないイケてるサイトをご紹介します。 FLAT ICON DESIGN FLAT ICON DESIGNのなにがイケてるかって、 アイコンのデザインの質が高いアイコンの数・種類が多いタグで探せるサイズや拡張子を選択できる背景有無など1つのアイコンに複数のバリエーションがあるアイコンにしっかりした説明文が書いてある商用利用無料という感じ。すごいです。 ここのアイコンを資料に少し入れるだけで、それっぽくすることができます。 最近ちょこちょこ使うアイコンをご紹介します。 imac風のデスクトップPCimac風のデスクトップPCのイラストアイコン素材です。最近ではWEBページはレスポンシブルデザ

photo by GotCredit 学習に使えるYoutube動画チャンネルをとことん集めてみました！ 英語、中国語はそこそこ、ベトナム語、ロシア語、フランス語は少しかじりました。 言語おたく的観点から、語学学習動画をまとめつつコメントしてみました。 語学系 英語 www.youtube.com 全体的：初級～中級、ゆっくり、字幕あり ⇒Learn English-in 3 Minutesは良いと思います。 英会話についての動画なんですが、こういうときは大体、こういう事を聞いてくるとか、こういう風に答えれば良い等、会話の流れについてのアドバイスが非常に良いですね。アメリカ人は普通こういう会話の流れをするとかってなかなか分からないですものね。非常に秀逸なシリーズだと思います。 ⇒Learn American Holidaysのシリーズもおすすめ 動画で喋る英語の字幕があり、スピードはそこそ

ある日、 PR の内容を見ずにマージすることを岡島（ピッチャーの）というらしい　笑った— いのうえ (@a_know) 2015, 9月 10 ということで、脳天気に笑っていたら、 @a_know むしろイキナリmasterリポジトリに直接pushするパターンですね！— そーだい＠初代ALF (@soudai1025) 2015, 9月 10 という話になり、そしてなぜだか、 @a_know push -fと同様、Gitの運用アンチパターンとかどこかに纏めがほしいですねー。　#ブログ待ってます— そーだい＠初代ALF (@soudai1025) 2015, 9月 10 というはなしになったので、本当に必要として頂いているのかどうかはともかく、 Git / GitHub でぼくやぼくの職場で気をつけていそうなことをまとめてみる。 もくじ もくじ GitHub Flow に沿って開発する 基本

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

Own Your Tech Career: Soft skills for technologists is a guide to taking control of your professional life. It teaches you to approach your career with planning and purpose, always making active decisions towards your goals. In Own Your Tech Career: Soft skills for technologists, you will: Define what “success” means for your career Discover personal branding and career maintenance Prepare for and

新しい⾃分の可能性を信じ、次なる⽬標へ進んだ⼈がいる 元サッカー日本代表　槙野智章が語る、セカンドキャリアへの挑戦

こちらサンフランシスコ・シリコンバレー地域では、エンジニアだけではなくデザイナーの需要が非常に高まっている。 WebやアプリのUIや、プロダクト全体のUX,、AI活用によるデザインなどなど。そして、グローバル規模でのブランディングに至るまで、ビジネスの様々な局面において、デザイン的考え方が重要とされてきているのが理由である。 そして、少し前までは、”デザイナー”と聞くと絵を描く仕事の延長線上にあると思われていたが実はその仕事にとって重要な内容として相手を理解するコミニュケーション能力と自身の問題解決策を説明するプレゼンテーションも含まれる。 次世代のデザイナーは、クリエイティブな考えに加えて、異なるバックグラウンドを持つ人々の考え方を理解する能力が必要とされる。 【改めて基本を解説】デザイナーの役割とその仕事内容とは 実は、日本国内でも非常に優秀なデザイナーは多く、細かな表現技法や、最新の

これからの時代は、英語とプログラミングが大事なスキルだと言われていますが、両方とも習得コストが高く、社会人になってから勉強するには相当な意欲が必要ですね。 ただ、現在エンジニアとして仕事をしている方であれば、日々の仕事の中でちょっと意識するだけで、英語を段階的に上達させていく方法があります。 まずは英語が必要になる仕事を4技能でマッピングすると エンジニアとして仕事をしていて、英語を使う場面や、英語ができたらこれができるのにと思う場面をまとめると、こんな感じではないでしょうか。英語上達のコツは、英語を使う場面を4技能ごとに分けて、リーディング=>ライティング=>リスニング=>スピーキングの順番で注力していくことです。それでは1つ1つの技能ごとにご説明します。 リーディング 普段コードを読んだり書いていると、毎日英語に触れることになるので、リーディングはそれほど苦にならない方が多いのではない

Official websites use .gov A .gov website belongs to an official government organization in the United States. Secure .gov websites use HTTPS A lock ( Locked padlock icon ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。 レイアウトにビジュアルの興味を加え、デザインを生き生きとさせるコントラストの使い方を紹介します。 色の値(value)とはカラーの明るさや暗さをあらわす用語で、ピュアブラックとピュアホワイトに最もコントラストがあります。だからといって高いコントラストのデザインをつくるために、白黒のカラーパレットにこだわる必要はありません。簡単な方法の一つは、そのカラーからより明るいカラーと暗いカラーをつくり、コントラストを加え、あなたのデザインの特定の場所を目立たせることができます。 シンプルな例として、下記のような暗い背景に明るいテキストは効果的にコントラストをつくっています。背景が写真で、テ

3. (c) 2015 Masashi Shinbara @shin1x1 git push / PR 図図 - エンジニアエンジニア PHP開発の現場

2015年6月からベトナム・ホーチミン市にて、オフショア開発(web)のPMとして働いています。 ベトナム人開発者に仕様を伝え、開発を管理し進める仕事です。 コミュニケーション手段は redmineなど文章は全て英語で記載する 対面も、英語で話して伝える 複雑な内容のみ、ベトナム人通訳スタッフ(日本語<->ベトナム語)に伝えてもらう というスタイルで、可能な限り英語で仕事を進めています。 今回は、Web開発で使う英語を知りたいという人向けに記事を書きます。 毎日の業務でよく使っている表現を、思いつく限りまとめてみました。 これらの表現できちんと通じて仕事が進んでいるので、一応実戦的なオフショア開発の英語になると思います。 開発シーンでの実際の英語のやりとりを書きおこしてみました。 参考になれば幸いです！ 1. 開発でよく使う英語表現 specification 仕様。specとも略される。