webpack時代の終わりとparcel時代のはじまり - Qiita
設定不要のビルドツール parcelというビルドツールが空前の勢いでGitHubスターを集めており、リリース数日で5000スターを超えています。今日だけでも1000スター以上増えており、Googleなどの有名企業リポジトリ以外でこのスピードで人気がでるのは異例です。 https://github.com/parcel-bundler/parcel https://parceljs.org/ 実際に試してみたところ、これはwebpack一強時代を終わらせるレベルの使いやすさだと確信しました。 作者はAdobeのエンジニアで、その他著名エンジニアも続々と参加している様子です。 webpack疲れ webpackが出た当初、webエンジニアはgulp/grunt疲れの状態だったことを覚えている方もいるかと思います。 webpackの統合された設定ファイルは、タスクランナーで逐次処理していたものを
【ライフハック】一眼レフユーザー必読！Lightroom・写真アプリ・Googleフォトを使ったMacでのオススメの写真管理術！
準備するもの ・一眼レフやミラーレス一眼 ・Adobe Lightroom ・写真アプリ ・Googleフォト ・RAID1対応HDD この記事を読んでいる方は、おそらくRAWファイルで撮影できる一眼レフやミラーレス一眼は所有しているかと思います。 またすでに現像をしている方は「Lightroom」も大丈夫ですね。こちらは個人的にはCreative Cloud版よりも買い切り版のほうがいいかなと思います。 Creative Cloud版のほうがお得なんですけどね・・・お好みで選んでみてください。 まず最初に全体の流れを紹介しておきます。 ・「Lightroom」でRAWファイル管理・現像 ・「写真アプリ」でJPGファイル管理・閲覧 ・「Googleフォト」で閲覧・共有 簡潔に説明しますと、上の通りになります。 カメラで撮影したRAWファイルを「Lightroom」で管理・現像したのち、現像
iPadだけで仕事はできる？実際役立ったアプリを集めてみた - AIUEO Lab2
photo credit: baldiri via photopin cc iPad仕事に使ってますか？私はたまにブログの下書きをするの以外には、家でネットサーフィンか電子書籍を読むのくらいにしか使っていませんでした。でも、『もしかしてiPadだけで仕事できるのでは？』と思って調べ始めたのがきっかけでこの記事を書いています。 普段仕事ではMacBook Pro15inchを使用。MacBookAirならまだしも、MacBookProは持ち歩くのには重すぎる！年末年始に出かける時、重たいパソコン（Mac）を持ち歩きたくないので、iPadだけでそれなりに仕事ができる環境を作ってみました。あくまで、本格的に仕事に使うのではなく出先の緊急用にという意味です。 Webデザイン関連と、ブログを書くという観点で、以前から使っているもの・今回使ってみたアプリのまとめです。 スポンサーリンク 画像編集 Ad
コーディングを考慮したWebデザインガイドライン
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。Read less
「Google I/O」公式AndroidアプリのソースコードをGitHubで公開
米Googleが、開発者向けカンファレンス「Google I/O」の公式AndroidアプリのソースコードをGitHubで無償公開した。 講演の題目や登壇者の確認、自分のスケジュールの登録、参加講演直前のアラート、NFC対応デバイスを使った参加者バッジのスキャン――など、カンファレンス参加者向け機能を多数盛り込み、Googleの提供する各サービスとも連携する。 新たなデザインアプローチとして発表した「Material Design」を採用し、Androidアプリの主要な機能を網羅。効率的なアプリ開発の1例として、学習や開発時のリファレンスとして広く活用してほしいという。 関連記事 AndroidのMAUは倍増の10億人──Google I/Oの数字まとめ 今年で7回目になるGoogle I/Oで発表された主な統計数字を抜き出した。Androidの月間アクティブユーザー（MAU）数は10億人
Adobe製品の代わりに使える無料アプリ10+
2014年6月27日 Illustrator, Photoshop, 便利ツール PhotoshopやIllustratorなど、Adobeの製品はクリエイターの必需品のひとつとなっています。しかしその値段からなかなか手が出せない…という方も多いのではないでしょうか？今回はAdobe製品の代用として使える無料アプリをいくつか紹介します。金欠の学生さんや、様々な理由から脱Adobeを考えている方の参考になれば幸いです！ ↑私が10年以上利用している会計ソフト！ Photoshopの代わりに GIMP 長年Photoshopの代用として愛され続けているGIMP。Photoshopの拡張子であるpsdファイルが開けることはもちろん、Photoshop用のブラシなども利用可能。画像の編集・加工ツールとしてPhotoshopとほぼ同様の機能を備えています。日本語の公式チュートリアルも充実！私もお金の
高校生がノートにプロジェクションマッピング。普通のキャンパスノートが超かっこ良くなってるｗｗｗｗ | ATTRIP
高校生がプロジェクションマッピングをやってみた！という動画が素晴らしい！普通のキャンパスノートが 超かっこ良くなってるｗｗｗｗ タイトル:高校生がプロジェクションマッピングをやってみた第６弾 作成者 tspmc コクヨの広告に採用しても良いレベル。かっこいいです！これが最近の高校生の発想か。 このキャンパスノートのプロジェクションマッピング動画についての説明は、このように書いてある。今回の題材は私たち高校生がいつもお世話になっているCampusノートです。 プロジェクションマッピングによりCampusノートをデコってみました。 作成に使用したツールAviUtl, Adobe Illustrator, Adobe Photoshop, Mad Mapper, Adobe After Effects 使ったことないツールもあるなー。参考になる。 投稿者ｔｓｐｍｃさんによる他の作品映像（YouT
絵心が無い人が簡単なグラフィック素材を作るのに役立つ記事8選
連載第1回の「初心者でもPhotoshopの基本的な使い方が分かる入門記事9選」、連載第2回の「HTML・CSS・WordPress初心者のためのDreamweaverの基本的な使い方が分かる記事10選」でWebサイトを作れるようになり、さらに前回の「HTML5初心者でもWebアニメーションの簡単な作り方が分かる記事11選」でWebサイトにさまざまな動きを加えられるようにもなった。しかし、Web制作現場では、まだまだ必要とされることは多い。 例えば、Web制作を生業としていると、個々のパーツ／グラフィック素材をデザインする機会に遭遇することがよくある。絵心があるとか無いとかは別として、ワークフローに組み込まれている以上、ボタンを作るとか、背景のテクスチャを作るとか、できないと作業が前に進んでくれないことだってあるのだ。 そこで、今回はWeb制作で必要となるパーツ／グラフィック素材を簡単に作
#ガチJS でJavaScriptとフロントエンドの未来について熱い話をした - mizchi's blog
(追記): このブログで一部のJSをgithubに置いてたら 「The website abuses rawgit.com」という警告が出てました。現在修正しました。ご迷惑おかけしました。 @kyo_agoさんの主催で、 @mizchi(シングルページ系フロントエンドJSer) と @damele0nさん(ゲーム系HTML5のJSer)でJavaScriptについて話をした。すごく有意義な話だったので、会話を思い出せる限り書いてみる。 このエントリを読む前にこの記事を読むと幸せになれる。 幸せになりたいソーシャルゲーム系Webフロントエンドエンジニアが本気で考える HTML GUI ツール第一回 - damelog このまとめは僕の主観であり、僕が理解できた部分と自分の発言を一番覚えてるのでどうしてもそれが多めになりますが、ご容赦ください。ついでに酒入ってる。 iOS SafariのIE化
{ 豆知識 } Adobe Creative Cloud を少しでも安く購入する方法 - THE LITTLE ESCAPE
PhotoshopやIllustratorで有名なAdobe。けっこう前にCreative Cloud（クリエイティブクラウド）というインターネット上でソフトを購入＆更新する制度にかわったそうですね。 ちょっとそういう制度とかよくわからずAdobeさんのソフトを使っていたんですが、ぼんやりしていたら使用期限がきれていました。がーん。まぁそりゃそうだよな〜。引き続きソフトが使いたかったらシリアルコード？を購入しなくてはいけないらしいです。 （追記：現在、バージョンCS3.x・CS4・CS5.x またはCS6の製品を使用している方は2014年5月30日まで月2980円で年契約できるそうです。https://creative.adobe.com/plans?store_code=jp） 月4,980円、1年で約60,000円。もっと安く購入したい！ じゃあ継続すればいいのか〜って調べてみたら月5
無料画像編集ツール『GIMP』をフォトショっぽく使ってみよう | ライフハッカー・ジャパン
筆者は半年以上前から、個人的な画像を編集するのに、『Adobe Photoshop』ではなく、オープンソースの『GIMP』を使っています。GIMPは使えないと思っている人が大半のようですが、それほど悪くはありません。ユーザーの多くが、仕事をスムーズに進める上でPhotoshopは必要不可欠だと言います。インターネット上のユーザーフォーラムでは、「Photoshopの代わりにGIMPを使ってみては」と言っただけで笑われる始末です。 しかし、時代は変わり、Photoshopにはかつてほどの勢いがもうありません。私の場合、作業時間の90％は『Lightroom』を使っており、Photoshopを使う時間は全体のわずか10％です。画像処理を専門とする多くの人たちも同様です。みんながRAW画像を扱うようになってしまったため、作業時間の大半はRAW画像対応の編集ソフトを使い、Photoshopは仕上げ
WEB業界で働きたい人必見！現場で役立つツールを一挙ご紹介 | DX.univ
Web業界で働きたい人や独学で勉強しているWeb初心者の方は必見！Photoshopやテキストエディタの拡張機能やブラウザのアドオン等、Webデザイナーが日常的に使用している現場で役立つツールを一挙ご紹介します。これを読んで脱Web初心者！最近、Mac USキーボードを買った24-7水野です。 ←こんな顔していますので、是非覚えてやって下さい。 現在所属している24-7が、私にとってWeb業界で働く初めての会社です。入社前はスクールには通わず独学で勉強していました。当時は不明な箇所や業界標準として使用されているツールが分からず、また周りに質問出来る人がいない環境だったので様々なブログ記事やTipsを読み勉強していました。 そこで今回、独学でお困りの方向けに私が使用しているソフトやツールを紹介することで問題解決が出来たり、Web業界に興味を持っている方の参考になれたら幸いです。 デザイン制
デザインのガイドラインや指示書の作成が驚くほど捗るPhotoshopの機能拡張 -Ink
PSDのレイヤーに配置した要素のサイズやエフェクトやフォントなどの情報を1クリックでドキュメント化するPhotoshopのプラグインを紹介します。 機能拡張は無料で利用でき、Photoshop CC/CS6に対応しています。 サイズやフォントの情報など、1クリックで作成してくれます。 Inkの特長 Inkのインストール Inkの使い方 Inkの特長 ウェブページなどのレイアウトやさまざまな要素のサイズ、形、カラー、エフェクト、フォントの種類・サイズなど、指定したレイヤー上にある情報を1クリックでPSD上にドキュメント化します。 Ink スタイルガイドなどでルールをしっかり決めておくと、デザインのアウトプットにぶれがなくなり、最終のプロダクトも想定通りに仕上がります。 Inkのインストール まずは、インストーラーをサイトからダウンロードします。 Ink CS 6にインストールしたので、その手
プレビュー至上主義 - cmu12
「プレビュー至上主義」 プログラマが「テストファースト」を唱えるなら、デザイナが主張すべきは何? それが「プレビュー至上主義」。書くより先に見る、書きながら見る、しかもほぼ最終成果物に近い形で。 河村 奨 (かわむらつとむ) これはCreators MeetUpで話したスライドです。ライブプレビューしながら、jade + Gruntで作っています。興味あるかたはこちらのGitHubも合わせてどうぞ。 iPhoneや大きめの画面でも見られるよう調整しました。(2014/1/19) 好きなことはなしていいらしい。なにはなそう? レスポンシブ、インブラウザデザイン、脱Photoshopの波など、ここ数年、色々ありました。それをふまえて... ライブプレビュー 少なくとも、ライブリロード ロジックレステンプレート (たぶん時間ないので、よかったら後で〜) GUIツール不在のWEBデザイン業界 今年
クリエイター向けの高価なソフトに代わるリーズナブルなソフトウェアたち（Mac） | ライフハッカー・ジャパン
画像や動画の編集など、OS X には数多くのクリエイティブ系ソフトが存在しますが、その多くは入手するのにそれなりの投資金額が必要です。 ですが、それほど多機能なソフトでなくてもよい場合、パワフルながらもリーズナブルな価格帯のツールで充分です。今回はリーズナブルな価格帯で購入できるお役立ちツールを一挙に紹介していきます。 画像編集／デジタルアートワーク／小説・脚本の執筆／動画編集の4ジャンルに分類しています（※各アプリの価格は、2014年1月13日現在のものです）。 画像編集 〜『Pixelmator』一択か 画像編集には『Photoshop』が王道ですが、そこまで多機能なツールがどうしても必要というわけでもないことがほとんどだと思います。 安価で入手できる画像編集ツールとしては30ドルで購入可能ながらも Photoshop に決して劣らないパワフルでグレートな『Pixelmator』の最新
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
I want Make full svg website
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
