前回の記事はこちら javascript　Scroll Magicの使い方　その１　準備〜スクロールによるフェードイン duration設定 triggerElementでスクロールの開始位置を指定した後に プロパティでdurationを設定すると アニメーションの範囲を指定することができます。 colorEndも追記して終了地点を可視化しておきます。 const ourScene = new ScrollMagic.Scene({ triggerElement: '#project01', duration: '300' //追加 }) .setClassToggle('#project01','fade-in') .addIndicators({ name:'fade scene', colorTrigger: 'black', colorStart:'#75C695', colorE

A perfectly rounded icon library made for designers, developers, and pretty much everyone.

Visualizers Default Greyscale Filter Protanopia Filter Deuteranopia Filter Tritanopia Filter Inversion Scanline/CRT ?????????

プロダクト開発やグロースにおいてUXデザインを考慮することが当たり前になった昨今、UXデザインにもさまざまな考え方が生まれた。特にデザインする対象がデジタルなのかアナログなのかによって考慮すべきUXデザインの領域は異なってくる。 つまり、良いUXデザイナーになるには幅広いUXデザインに関する知識を身に着けることが重要になってくる。そこでこの記事では、代表的な7つの異なる考え方のTEDトークを紹介する。 どれも10〜15分ほどのの動画のため、本を読むより短い時間で多くを学べると思う。休憩時間や移動時間にぜひ見ていただきたい。 【わかりやすく解説】UXデザインの基本と主要概念 1. Donald Norman – The three ways that good design makes you happy – (良いデザインがあなたを幸せにする３つの方法)登壇者のDonald Normanは

AddAirplaneAlien FaceAlign CenterAlign JustifyAlign LeftAlign RightArrow BackArrow DownArrow LeftArrow RightArrow UpAtomBar ChartBasketballBattery 0Battery 1Battery 2Battery 3Battery 4BeakerBellBinocularsBlockBookBookmarkBracketsBriefcaseBrowserBullhornCalendarCalendar AltCameraCartCheckmarkChevron DownChevron LeftChevron RightChevron UpCircle LargeCircle MediumCircle SmallClockCloudCloverClubCode

この記事では、ここ数年WEBデザインで引っ張りだこの「アイソメトリック」のイラストを無料でダウンロードできるサイトを12こ紹介します。 アイソメトリックのイラストとは立体的なイラストを描く図法で、ここ数年のWEBデザインで爆発的な人気を誇るイラストです。 次の画像のようなイラストをアイソメトリックのイラストと表現されます。 それではアイソメトリックのイラストを無料でダウンロードできる12サイトを紹介していきます。 Freepik（フリーピック）引用：Freepik めちゃくちゃクオリティーの高いイラストが無料でダウンロードできます。 イラストのクオリティー、素材の数において圧倒的なサイトです。 素材探しをする際、気づかず誰もが一度は訪れているであろう、非常に人気のあるサイトです。 嬉しいのが、登録不要でダウンロードできるところ ただし、未ログインだと1日3つまでしかダウンロード出来きません

デザイン制作や資料作成など、イラストを取り入れることで印象がガラッと変わったり、より分かりやすく華やかな印象に仕上げることができます。 イラスト素材は画像素材よりもイメージ通りのものを見つけるのが難しいため、ある程度自分の好みに合った素材サイトを見つけておくと、いざという時に便利ですね。 今回は、2024年最新の無料で利用できるおすすめフリーイラスト素材サイトをご紹介したいと思います。 ※ライセンスについては記事公開後に変更される可能性もあるため、ダウンロード前にご自身でご確認ください。 【2024年版】無料で商用利用可能！フリー画像・写真素材サイトのおすすめ12選 デザイン制作や記事の制作、資料作成など画像素材を利用するシーンは様々ですが、そんな時に役立つのがフリー画像・素材サイトです。 フリー画像やフリー写真を配布しているサイトはたくさんありますが、数が多くて... Web Desig

iOSのスマホでheight: 100vh;を定義してビューポートの高さいっぱいに表示したいのに、アドレスバーが表示されているとその分下が隠れて表示されてしまい、高さいっぱいにならないのを解決する方法を紹介します。 CSSのみのテクニックで、JavaScriptは必要ありません。 height: 100vh;だけでなく、min-heightやmax-heightでも機能します。 PostCSS 100vh Fix -GitHub PostCSS 100vh Fix 注意点 使い方 PostCSS 100vh Fix PostCSS 100vh Fixは、100vhのiOSの挙動（バグ？）を修正するPostCSSのプラグインです。ピュアCSSのソリューションで、JavaScriptは必要ありません。 高さいっぱいに表示したい時に、height: 100vh;だけを定義してもiOSでは期待通り

iPad Pro (2024) review: So very nice, and so very expensive

子持ちの時短通勤ママエンジニアであるちょうかおり氏。時間がない中で成果を出したいなら、お客さんにヒアリングし、本当に必要なものは何か、その背景を知ることが大事だと言います。 そのために必要なのが、「なぜ？」を聞くこと。お客さんの真の問題を解決するには、理想を正しく把握することが必要です。例を踏まえて、具体的なアクションプランを解説します。 託児のある勉強会は助かる ちょうかおり氏（以下、ちょう）： LTも後半になりました。タイトル「時短勤務ママエンジニアの、要件ヒアリング力」をはじめます。みなさんも少し疲れてきていると思うので、リラックスして聞いていただければと思います。 ちょうかおりと申します。2011年にVOYAGE GROUPという会社に新卒で入り、8年ぐらい勤めて、2019年に転職しました。ずっとPHPでコードを書いていたので、Ruby on Rails歴でいうと1年目です。3年目

どうも、まさとらん（@0310lan）です！ 今回は多彩なジャンルのチュートリアル系YouTube動画を網羅的にまとめたWebサービスをご紹介します。 CG・動画編集・音楽制作・Web開発・デザイン・ゲーム作り・NoCode…など、非常に幅広い学習コンテンツを無料で学べるのが大きな魅力となっています。 いずれもクオリティの高いチュートリアル動画ばかりなので、ご興味ある方はぜひ参考にしてみてください！ 【 Channels Stack 】 ■「Channels Stack」の使い方 それでは最初に「Channels Stack」の基本的な使い方について紹介しておきます。 面倒なユーザー登録や初期設定などは一切不要で、サイトにアクセスしたらすぐにでも利用できるのが特徴です。 トップ画面にある【Browse categories】ボタンをクリックしてみましょう。 細かいカテゴリ別に学習系のYou

屋号「jumbo」で開業しようと思いますので、よろしくお願いします — ジャンボ@レアジョブEM (@jumboOrNot) November 22, 2017 どうやら開業から2年たち→3年目に突入した。アプリエンジニアとしてだけでなく、デザイナー・インフラ・企画・・・色んなものを作ってきました。そんな折、こんなイベントに出ます！！！ 「誰でもかんたん！」とか「余暇時間を使って効率的に！」という話は一切出てきません。泥臭くいろんなことを好きだからやってきた感じです。やってきたからわかる勘所・コツとそもそもの副業への考察について整理していこうと思います。 今までに受けたお仕事・関わった技術・【C向け】旅行AIアプリiOS開発・改善・グロース案件 iOS（MVC）/javascript/css/html ・【B向け】運送サービスiOS/Android開発・AR調査案件 iOS（MVC）/An

プロに任せる。ジンドゥーに精通した制作のプロが、 あなたの代わりにホームページをお作りします。 全てを安心してお任せください。

アプリやwebサービスをデザインしていてAfter Effectを触る必要に迫られることが多くなってきたので、ここ数日で、海外ソース含め、UI向けのアニメーションの引き出しを増やすのに役立ちそうな方法・ソースをまとめました。 自分自身初学者なので最適な方法をみんなで模索していけたら幸いです。 SketchやPhotoshop, Illustratorは使い慣れてるけど映像系ツールはあまり使い慣れてない…という方が一番の対象です。 After Effectと友達になる（初級） レイヤーの種類や操作方法、コンポジションの使い方、ファイル出力の仕方など、基本的な操作を覚える段階では、初心者向けのチュートリアルを一通りやると良さそうです。自分が気に入って、やり切れそうな分量のものならなんでも良さそうです。 AfterEffectsStyleは日本語で体系的にまとまっててとっつきやすいのと、Scho

概要 そろそろ年度末だし、新年度からプロジェクトリーダーとしてやっていく人もいるかと思うので、プロジェクトリーダーはどういうことをしないといけないかと、心得的なものを投稿しようと思います。今業界全体的にリーダー不足になってるんで、プロジェクトリーダーという役割について興味持ってくれる人が増えると嬉しいです。 ※ここでのプロジェクトとはシステム開発等IT関連のプロジェクトを指すものとします。 軽く自己紹介 2013年頃から7年くらいプロジェクトリーダーとして請負業務などの仕事をしてきました。最近はプロジェクトマネージャーも兼ねてやっていたり、うまくいっていないプロジェクトにコンサルとして入って立て直すというようなこともしています。 レジュメ https://www.resume.id/branch まずは結論から プロジェクトリーダーの使命 「担当するプロジェクトを成功へと導く」 「プロジェ

※ ゲームタイトルは個別にデジタルストアで購入いただく必要があり有料コンテンツの場合、別途費用がかかります。 ※ フリープランの連続プレイ可能時間は30分間となります。 サービス終了のご案内 2024年3月29日（金）をもちましてGeForce NOW Powered by SoftBankの提供を終了します。 詳細はこちら サービス終了後の継続利用方法 GeForce NOW Powered by SoftBankをご利用のお客様は、サービス終了後もNVIDIAが開始予定の「GeForce NOW」サービスにおいて、以下の手順を行うことでセーブデータを引き継いでゲームをプレイすることが可能です（※）。 ※クラウドセーブ対応のゲームのみ