ScrollReveal.jsを使ってスクロールしたらふわっと表示される動きを作ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
JavaScript library to animate elements as they scroll into view. スクロールして表示される要素をアニメーション化するJavaScriptライブラリ 要素が画面に表示されたら、指定したアニメーションを実行してくれる優れものです。 「ふわっと表示」「下から表示」「遅れて表示」など簡単に実装することができます。 公式サイト：https://scrollrevealjs.org/ ScrollRevealの使い方 ライブラリ読み込み 使い方は簡単。ライブラリをscriptタグで読み込み、対象の要素にクラスを与えてJavaScriptからアニメーションを指定するだけです。 CDNは公式サイトのインストールから読み込みます。 // 最新バージョンの場合 <script src="https://unpkg.com/scrollreveal
【NoCode】メルカリのようなサービスを、10万円で作る方法を考えてみる｜__shinji__
このnoteは、プログラマでない方でも、下記のようなメルカリ風のサービスを簡単に1時間でつくる方法を書いています。 はじめに「メルカリみたいなサービス、どのくらいで作れる？」 プログラマを生業としている方なら一度はこう尋ねられたことがあるのではないでしょうか。メルカリでなくてもUberやAirbnbだったりするかもしれません。いずれにせよ、話題のサービスを引き合いにだして、少しコンセプトを変えたサービスを作りたいといった相談をされたことのある方は多いのではないかと思います。 この問いに対して 「いやいや、メルカリ作るなんてどのくらい費用がかかると思ってるんですかー」 と、かわすのもいいでしょう。まともに作るとしたら初期バージョンでも数百万〜の規模になる可能性があり、開発リソースを用意するのも大変ですし、一生懸命ヒアリングして見積もったとしても、そもそも相手にそれなりのやる気がないと企画倒れ
脱jQueryの道その２:あの機能は素のJavaScriptでどうやるんだろ編
脱jQueryの道その２:あの機能は素のJavaScriptでどうやるんだろ編 脱jQueryの道の第二弾です。プラグインを使うまでもない小さな機能はjQuery使わない場合どう書くんだろう。ということでやてってみたいと思います。 投稿日2019年04月18日 更新日2019年04月19日 アニメーションはJavaScriptで制御する方法もありますが、極力CSSでおこないます。 ちなみに脱jQueryの道 第一弾はこちら。 脱jQueryの道 初級編 タブメニュー ディスプレイnoneとblockをフェードインで切り替えたいときはキーフレームアニメーション使うと簡単です。 JavaScript (() => { document.querySelectorAll('.tab-block').forEach((tabContents) => { let activeIndex = 0; c
MENTA｜いろんなプロから学べるNo1メンターサービス。スキルを学んで人生の選択肢を広げよう。
DESIGN ENGINEER WRITING CREATION BUSINESS DESIGN ENGINEER WRITING CREATION BUSINESS DESIGN ENGINEER WRITING CREATION BUSINESS VIDEO CREATION BUSINESS MARKETING WRITING VIDEO CREATION BUSINESS MARKETING WRITING VIDEO CREATION BUSINESS MARKETING WRITING MENTOR MENTOR MENTOR MENTOR DESIGN ENGINEER WRITING CREATION BUSINESS DESIGN ENGINEER WRITING CREATION BUSINESS DESIGN ENGINEER WRITING CREATION BUS
個人開発で月40万の収益をだすまでの道のり | SHINGO IRIE
去年から「自分のサービスで生きていきたい」と思いたち、受託をやめてサービス開発に専念しています。そして先月の個人開発の収益が月40万を達成。サービス開発をはじめてから8年、ようやく光が見えてきました。 個人開発の収益推移収益の推移はこんな感じです。 収益をだしているのはCLOUD PAPERとMENTAです。MENTAは去年の6月からはじめたんですが、いまも成長中です。サービスだけで月100万を目指しています。 これまでに20個くらいサービスを作って失敗してきた僕は制作会社で勤務後、フリーで独立したんですが、8年くらいまえから会社づとめしつつ、アプリやWEBサービスをたくさんつくってきました。 twitterクライアント、ランチマップ、ミュージック再生アプリ、横断検索アプリ、スクラッチゲーム、パズルゲーム、アプリの総合検索サービス、文章構成ツール…など、数々のサービスやアプリを作ってきまし
今年こそ挫折しない英語学習！飽きずに学ぶための最強ツール「YouTube動画」
こんにちは！英語キュレーターのセレンと申します。 今回は私が英語学習に役立つと思った動画を目的別に「英語学習法、発音学習、英会話、TOEIC® L＆R TEST(以下TOEIC)、その他」と5つのカテゴリにし、全てレベル別（初級、中級、上級の3段階）で合計18個の動画チャンネルをご紹介いたします！ 英語の勉強をするときに、「今から30分机で勉強するぞ！」と思うと腰が重くなりがちですが、「今から動画を30分みるぞ！」と思うと、ハードルがグンと下がりませんか？ 英語学習に動画を活用する最大のメリットは ・動画は視覚や聴覚をフルに使うため、誰でも直感的に理解しやすい ・ハードルが低いので、取り組みやすい ということです。 これは英語に限った話ではありませんが、説明や方法論は「文字」で見るよりも、「動画」で見たほうが圧倒的に入りやすいですよね。 良い動画コンテンツは「楽しんで見てもらう」ことを意識
2018年春までに感動したビジネスモデルまとめ13個｜チャーリー｜note
チャーリーです。 追記：ビジネスモデルを図解できるツールキットを販売中です。この記事にあるような図解を自分でもやってみたいという方はぜひ。 もう2018年も1/4が終わったというにわかに信じがたい状況ですが、ビジネスモデルを図解し続けたものがたまってきたのでここらで13個一挙公開します。 - 目次 -俺のフレンチ サマリーポケット 未来食堂 Cansell プチローソン Unipos SCOUTER ポプテピピック ZOZOSUIT Optoro Fundbox PillPack Farmers Business Network 100の事例を図解した「ビジネスモデル2.0図鑑」という本を発売しています（本記事の事例ふくむ）。予約開始と同時にnoteで全文無料公開という試みをやっています。本記事に興味を持ったらそちらもどうぞ！ 俺のフレンチ俺の株式会社は2012年創業、あのブックオフの創業
消防士からエンジニアに転職した話 - Fire Engine
私は2016年10月まで消防士の仕事をしていて、2016年11月からITエンジニアに転職しました。学生時代の専攻も情報系とは全く関係なく、プログラミングに初めて触れたのが2016年の1月からで、勉強を始めて約10ヶ月で転職に至りました。今回は、そんな少し変わった経歴を歩んでいる私が、なぜ消防士を辞めてエンジニアに転職したか、ゼロからプログラミングの勉強を始めて転職するまでの道のりなどを書いていきたいと思います。 目次 自己紹介 なぜ転職したのか 消防士という仕事 仕事の位置付け すべての経験をプラスにする 転職活動について ゼロからプログラミングを始めて転職するまでの道のり 勉強したこと モチベーションを保つために 今後について 自己紹介 私は化学の研究者→消防士→ITエンジニアと異色の経歴を歩んでいる20代後半の男です。 学生時代は、大学・大学院で化学を専攻し、博士課程まで進学しました。
美しいライティングのための6種類のセットアップ | Profoto (JP)
Rossella Vanonが最近行ったビューティ撮影では、6種類のビジュアルを演出する必要がありました。同時に6枚の写真には一貫性が求められていました。彼女が自らの撮影術を語ります。 この撮影では、パステルトーンをメインに6種類のビジュアルメイクを展開します。6種類のライティングセットアップでさまざまなソフトボックスを紹介することが撮影の目的の一つでした。あらかじめムードボードを作成し、雰囲気とビジュアルメイクの予想図をまとめておくことで、明確な基準点を得て、期待通りの結果を出すことができました。 ムードボードを参照し、モデルの女性らしさと、ビジュアルメイクを際立たせる優雅なソフトライトを選びました。セットアップとライトシェーピングツールが目まぐるしく変わる中、ライティングを一貫させる難しさに直面し、少し作戦変更が必要になりました。 撮影の数日前、デスクの前に座ってあらゆるセットアップを
英語リスニングの1000時間神話を崩す1日20分の勉強法！
英会話のリスニングが完璧にマスターできるようになるためには、簡単な日常会話程度でも1000時間かかると言われており、専門性が高まるほど英語リスニングには膨大な時間を要しいます。さらに大学や大学院で勉強している人が講義を英語で理解できるようになるのには3000時間～5000時間かかるとも言われています。 それくらいリスニングをマスターするには時間がかかるのです。簡単な日常会話程度のリスニングを1年でマスターしようと考えた場合、毎日1日3時間の リスニング訓練を行わないといけません。 サラリーマンの方は朝会社に行って、夜遅くに帰ってくる生活ですし、主婦の方も朝からお弁当を作り、掃除をしたり、毎日の忙しい家事生活に追われている中で1日3時間という時間を作ることは、なかなか難しいのではないでしょうか？ 英語をただ聞くのみでリスニングをマスターしようというのは非現実的です。 アメリカなどの英語圏に留
10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは
FXのスキャルピングとは？5年で1億稼いだ私のノウハウの全て | 投資の教科書
少ない元手資金から始めて、給料以上に稼げるようになりたいなら、スキャルピングは最適です。「簡単そう」などと、甘い考えは持たないでいただきたいのですが、リスクを取れば、1年で数十～数百%という利回りが可能な世界です。 しかし、スイングトレードで同じ利回りを目指すとなると、１回あたりのトレードで負うリスクがとてつもなく大きくなってしまいます。 スイングトレードで、短期的にものすごく稼ぐ人もいますが、結果だけで判断すべきではありません。なぜなら、リターンに潜んでいたリスクは膨大であり、そのリスクを乗り越えた結果、短期的に稼げたということだからです。 ただし、スキャルピングよりも、スイングトレードのほうがハイリスクなわけではありません。リスクに晒（さら）される時間が、スイングトレードのほうが圧倒的に長いということです。 そのため、初心者ほどメンタルが崩壊してしまう恐れがあります。リスクの大きさでは
SEIN | SIGMA
地球でも火星でも、 暮らしの根っこは同じ。 そのための 「忘れものをなくす」ことが 極地建築家としての 僕の役割だと思います
小銭を集めて賢く投資するサービス、Acorns
毎日買い物などで貯まるお釣りをどうしているだろうか。 店舗に備え付けの募金箱に募金する、とりあえず貯金箱に貯めておくなど、あるいはそのまま財布に残し少しづつ使っていく人が多いだろう。 普段投資をしない人でも、この端数を集め勝手に賢く運用してくれるサービスがあれば、使ってみたい人は多いのではないだろうか。 Acornsはクレジットカードやデビットカードでの支払取引の際の端数を集め、最適な投資を自動的に運用してくれるサービスだ。 アメリカのカルフォルニア州アーバインに本社を置くAcorns社が提供している。 Acorns App Acornsの特徴 Acornsはデビットカードやクレジットカードとリンクし、その1ドル未満の端数を集め、投資を行う。 Webサイトはもちろん、iOS、Androidのアプリもリリースしている。 ※但し現在は日本のストアからインストールはできない。 取引の仕組みは下記
Adobe Prelude でメディアクリップをインジェストする方法
映像制作者やコンテンツクリエイターによるニーズの変化に伴い、Adobe Prelude は廃止されます。2021 年 9 月 8 日以降、Prelude は Adobe.com でダウンロードできなくなります。詳しい情報と、サポート期間中に Prelude をダウンロードする手順については、FAQ を参照してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初めての結婚式場の下見で京都のインスタイルウェディングさんに行った 感想と口コミ | tetulog
Sony α7R III の動画撮影時マニュアルでピント合わせが写真モードの方が確実に画面に映る映像が鮮明 | tetulog
それJavaとJavaScriptくらい違うよ
This makes your GH5 & 5s Cinematic
A-OTF Ryumin Pr6N | Adobe Fonts