全エンジニア・全デザイナー必見！UI/UXを入門からマスターできるスライド資料25選 | iPhoneの神様iPhoneの神様は、iPhoneをもっと楽しむための情報ポータルサイトです。人には聞きづらいiPhoneの基本的な使い方から、最新のiPhoneX・iPhone8・iPhone8Plusまで、きっと欲しい情報がみつかります。 iPhoneの神様
Webデザインの基本が身につく！ページのグリッド・レイアウト・要素配置の効果的な使い方のまとめ
最近のWebサイトで見かけるさまざまなレイアウト、レスポンシブ対応のレイアウトの構成、縦長ページ・横長ページでグリッドの効果的な使い方、ランディングページの要素の配置など、デザインの勉強になるインフォグラフィック・リソースを紹介します。
Node.jsのセキュリティ・チェックリスト | POSTD
(訳注：2016/1/5、いただいた翻訳フィードバックを元に記事を修正いたしました。) セキュリティ – 誰もが見て見ぬふりをする問題 。セキュリティが重要だということは、誰もが認識していると思いますが、真剣にとらえている人は少数だと思います。我々、RisingStackは、皆さんに正しいセキュリティチェックを行っていただきたいと考え、チェックリストを用意しました。皆さんのアプリケーションが何千人というユーザやお客様に使用される前にセキュリティチェックを行ってください。 ここに挙げたリストのほとんどは概略的なもので、Node.jsに限らず、全ての言語やフレームワークに適用することができます。ただし、いくつのツールは、Node.js固有のものとなりますので、ご了承ください。 Node.jsセキュリティ に関するブログ記事も投稿してありますので、こちらも是非読んでみてください。 構成管理 HT
Vorlon.jsとは？ ブラウザーでWebデバッグできるお手軽な開発者ツール
Vorlon.jsという開発者ツールを知っているだろうか？ このオープンソースツールを使えば、PCブラウザーで各種Webデバッグが行える。その機能概要と基本的な使い方を解説。 Vorlon.jsとは Vorlon.js（読み方： ヴォーロン・ジェーエス）とは、ChromeのDevToolsやIE／EdgeのF12開発者ツールと同じく、Webブラウザーの表示内容やネットワーク状態をデバッグするためのツールである。 最も特徴的なのが、ブラウザー上で動作することだ。PCブラウザーのデバッグはもちろん、スマホなどのモバイルデバイスのデバッグを、ケーブルをつなげることなく、Macを準備することなく、実現できるのが大きなメリットだろう。 マイクロソフトが開発したオープンソースプロジェクトであり、Node.jsとSocket.IOといったオープンな標準のみを使って開発されていて、プラグインの追加が容易で
Vorlon.JS
Getting Started Prerequisites: please note that Vorlon.js doesn't work for now with Node v18, please use v16 until we fix it. Learn everything you need to about Vorlon.js 0.1.0 in this video Install and run the Vorlon.JS server from npm: $ npm i -g vorlon $ vorlon If you are on a mac $ sudo npm i -g vorlon $ sudo vorlon You may receive an error from npm during installation about Python, node-gyp a
最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは | nanapi [ナナピ]
便利なシステムを生み出し、ユーザーの感動体験に欠かせない「UI/UX」。デザイナーとしてお勤めの方はもちろんのこと、IT業界に関わっている・関心があるなら積極的に学んでいきたい分野です。 今回話をうかがったのは、人気IT企業におつとめのデザイナーの方々。「UI/UX」について学び考える上で、おすすめの書籍を教えていただきました。 ご回答いただいた企業はこちら 1 グリー株式会社 2 GMOインターネット株式会社 3 GMOペパボ株式会社 4 ピクスタ株式会社 5 株式会社ブラケット 6 ヤフー株式会社 7 株式会社リブセンス グリー株式会社 細川菜々恵さん スマートフォン向けアプリ開発を担うスタジオ「Wright Flyer Studios」にて、Art UI UXチームのUI/UXディレクターを務める細川菜々恵さん（以下、細川さん）。UI/UXを学ぶにあたり、おすすめを教えていただきまし
![最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f819e6fb65420c2b090598b7c6ca5eefd67194b/height=288;version=1;width=512/https%3A%2F%2Fp.cdnanapi.com%2Fr%2F2015%2F11%2F05%2F16%2F5dd1174c-ae44-4a73-aa5b-9b981c8e5b1e.jpg)
翻訳サービスを使うコツは、日本語脳と英語脳を使い分けること | ライフハッカー・ジャパン
インターネット上には数々の翻訳サービスが存在しますが、それらに「翻訳がひどすぎて使いものにならない」という問題があることはご存知のとおり。しかし、「あるひとつの工夫」が問題を解決すると断言するのは、『英文"秒速"ライティング Yahoo!翻訳でミスのない文章を書くルール』（平田周著、日本実業出版社）の著者。 それは、英語にする日本語を「中間日本語」に直しておくことです。たったこれだけのことで、誤訳をなくすだけでなく、ネイティブに通じる英語になります。中間日本語とは、英語的な構造をした日本語、いうなれば「英語っぽい日本語」です。（「はじめに」より） 著者によれば、コンピュータが誤訳するのは、日本語と英語の文章構造があまりに違うから。日本語を直訳するコンピュータは、両者の違いを理解できないわけです。だとしたら、直訳してもきちんとした英語になるように、日本語の方を変えておけばよいということ。 た
どうして痴漢された話は「自慢話」になるの？
インターネットで痴漢された話をすると、自慢だと言われるそうです。 いったいどうしてそうなるのでしょうか？ あとハンガーって、捨ててないのになんで減っていくのでしょうか？ ＜登場人物＞ エリコちゃん 相槌を打ったり話を聞き逃したりするOL。 ミカ先輩 日和見主義でどっちつかずの態度を取ることが多い先輩社員。 アニメに出てくる目がキラキラした老人 かわいい女の子の描き方で描かれたので、かわいくなった老人。 先輩、今日はトゥギャッチの読者から質問が来てますよ。 やった～。 エリコちゃんミカ先輩こんにちは、いつも楽しく拝見しております。私は最近 インターネットでとてもストレスに感じていることがあります。それは、痴漢 被害に遭った女性やその告白に対する男性全般の「露出度の高い服を着ている 女性の方が悪い」という自己責任論的な意見や、勇気を持って告白しても「や れやれ、痴漢されるほど魅力がある自慢かね
書籍『Webプロジェクトマネジメント標準』を全文PDF無償公開 | News&Column | 株式会社ロフトワーク
書籍『Webプロジェクトマネジメント標準』を全文PDF無償公開 ロフトワークは、書籍『Webプロジェクトマネジメント標準』全文をPDFデータで無償公開します。 ロフトワークは、2002年という早い段階からWebとクリエイティブの領域に世界標準のプロジェクトマネジメントの知識体系「PMBOK（ピンボック）」を導入し、Webプロジェクトのフレームワーク確立やリスクの軽減などに努めてきました。その過程で得た知識や経験を体系化、Webの制作現場につながるように編綴し、2008年に技術評論社より書籍『Webプロジェクトマネジメント標準』（共著=林千晶・ロフトワーク代表取締役、高橋宏祐・富士通グループWebサイト統括（*1））を出版しました。 『Webプロジェクトマネジメント標準』は、プロジェクトの課題が個人の能力・努力の問題であると苦しんでいる方々にこそ読んでいただき、制作側・クライアント側の双方が
見やすく綺麗なPSDをつくるためのポイントや覚えておきたい便利機能 10 - NxWorld
自分が普段からどちらかといえばデザインよりもコーディングなどの作業が多いので、中にはただのコーダー側の意見や愚痴っぽいのもあるかもしれませんが、Photoshopでデザインする際に見やすく綺麗なPSDにすることができると思うポイントや知っておくと便利だと思う機能をいくつかあげてみました。 最近だと特にレスポンシブが関連してIllustratorやSketchを使ってるという人も多いとは思いますが、デザイン制作時にPhotoshopを愛用しているという方は参考にしてみてください :) あくまで個人的に思ったことなので、バリバリのデザイナーさんとかで「もっとこうしたら良くなるよ！」とか「それはしない方が良いのに...」みたいな意見があればアドバイスやツッコミ大歓迎です。 ここで紹介している内容やキャプチャは「Adobe Photoshop CC 2017」を使用した想定のものになり、バージョン
Photon
The fastest way to build beautiful Electron apps using simple HTML and CSS Powered by Electron Underneath it all is Electron. Originally built for GitHub's Atom text editor, Electron is the easiest way to build cross-platform desktop applications. If you can write a bit of HTML, CSS, and JS, you can build full featured applications. Companies like Microsoft, Facebook, and Slack are using it – why
SEOとコンテンツ改善で売上がたった半年間で16倍！ 高速PDCAの回し方を大公開 | 一人でできるWebサイト収益UP術－ウェブ解析士事例集
Webサイトを立ち上げたものの売上があまり上がらず、予算の投下が難しいサイトに対して、高速PDCAサイクルを回しながら、SEOに加えてコンテンツ改善を行うことで、月間売上が半年で16倍になったノウハウを紹介します。 ボックスティッシュ販売サイト「TAKARABAKO」の背景ボックスティッシュ販売サイトのTAKARABAKOは2014年8月にオープンした企業向けボックスティッシュ販売サイトです。製造元だからできる高品質、低価格の商品を小ロットで販売しています。ネット販売が中心でしたが、なかなか集客ができないことが悩みでした。 施策の方向性サイトオープン当初、TAKARABAKOの売り上げがあまりなかったこともあり、サイト運営や広告にかける予算が潤沢にありませんでした。そこで、予算をそこまで掛けることなくできる、次のような集客施策を2015年3月より約半年間かけて、段階的に実施しました。 第1
UI制作が捗るSketch 3の便利なプラグインと使い方 (1/2)
グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第2回では、Sketchの基礎的な操作を紹介しました。今回は、UIデザインに便利なプラグインを紹介します。Sketchは、ユーザーが開発したプラグインによって機能を拡張できます。豊富なプラグインの中からお気に入りを見つけることも、Sketchを使う楽しさの1つです。 Sketchのプラグインは、メニューバーの「Plugins」で管理します。追加したプラグインはこのリストに表示されます。 プラグインのインストール - The Sketch Toolbox プラグインは、「The Sketch Toolbox」を使ってインストールする方法と、GitHubなどからダウンロードして手動で追加する方法があります。 The Sketch Toolboxは、Sketchのプラグインのインストールやアンインストールをサポ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Peer5 – Medium
視覚的に指定したウェブサイトの差分を表示してくれるサービス「Diffd」 | ライフハッカー・ジャパン
【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選
CSSでよく使うコードのまとめ、ブレイクポイントの定義・Flexboxのグリッド・ボタン・フォーム・ユーティリティなど -Corpus
2つのExcelファイルの差分を比較するツール - 蒼の王座・裏口
Redirecting...
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
