JavaScriptライブラリの「GSAPジーサップ」はウェブサイトのモーション制作に役立ちます。GSAPは高機能であり、実行性能が良好で、互換性も高い利点があります。 始点と終点の間を補間することでモーションを実現することは「トゥイーン」と呼ばれます(Betweenが語源のFlash用語)。トゥイーンの機能を提供するJSライブラリは多くの種類が存在しますが、その中でもGSAPは評判が高く、機能の多さでは群を抜いています。当サイトの記事『トゥイーンライブラリの比較検証』でも、類似のライブラリに比べて性能が高いことを確認しています。 旧TweenMax時代から数えてGSAP利用歴15年の筆者が、GSAPのおさえておくべき最低限の使い方から、現場で役立つテクニックを紹介します。 ▼GSAP公式サイト GSAP入門は前後編の2回にわたり解説します。前編では基本的なGSAPの使い方を中心に説明しま
howto-tech-docs.md 技術文書の書き方 このメモは、私(@ymmt2005)が長年にわたってソフトウェアプロダクト開発に関わってきて 2022年現在こうしたほうが良いと考えているベストプラクティスです。 科学的な分析等に基づくわけではない経験則であるため、今後も随時見直すことがありますし、 ここに書いてあることが常に正しいわけでもあらゆるソフトウェア開発に適するわけでもありません。 しかしながら、実務経験が豊富で、モダンな技術スタックに明るいエンジニアの経験則は一定の 役に立つのではないかと考えて記します。 技術文書とは ここでは、ソフトウェア開発で技術者が書くべき文書ということにします。 ソフトウェアエンジニアにも役割がいろいろあり、アーキテクトと independent contributor では書く文書が違うということはあるでしょうけれど、ここではごっちゃにします。
入力した文字列から高精度な画像を生成できるAI・Stable Diffusionは2022年8月に無料で一般公開され、「基本的に出力した画像は商用・非商用を問わず、自由に利用できる」というライセンスで大きな話題となりました。しかし、Stable DiffusionをローカルなWindows環境に導入して使うには、PythonやAnacondaなどを扱える技術や知識が求められるため、初心者にとっては敷居がやや高いといえます。そんなStable Diffusionを一発でWindows環境にインストール可能で、さらにシェルでのコマンド入力ではなくグラフィックユーザーインターフェース(GUI)で画像生成の指示も簡単にできる「NMKD Stable Diffusion GUI」が公開されました。 My easy-to-install Windows GUI for Stable Diffusion
僕がMacに入れていて、日頃めちゃくちゃお世話になっているアプリたちをご紹介したい!というわけでエントリーしてみました。DropboxとかNotionみたいなレジェンドは割愛しています。またできるだけ「Macっぽいもの」や「有名だけどもっと知ってほしい」アプリなども挙げました。 当方はフロントエンドエンジニアで若干偏りがあるかもですが、なるべく汎用で使えそうなものを選びました。アルファベット順でジャンル分けなどは特にしていません。ひとつでも新しい発見があれば嬉しいです。それではどうぞ。 Amphetamine Macがスリープして処理が途中で終わってた…そんな悲しい経験、誰しもありますよね。そこでAmphetamine。「xxxまではスリープして欲しくない!」を叶えてくれるスリープ防止ユーティリティ。その名のとおりMacをガンギマリさせてくれる。 時間を指定したり、ダウンロードが終わるまで
公開しているWebサイトをユーザーがGoogleなどで検索した際に見つけやすくするための施策をSEO(Search Engine Optimization)といいます。 インターネット上で行う検索はGoogleなど検索エンジン独自のアルゴリズムの結果によって順位付けがされています。 SEOは検索エンジン最適化と呼ばれ、そのアルゴリズムの評価対象となる要素をWebサイトに施していくものになります。 今回は弊社で普段Webサイトを制作する際に特に気を付けているSEO対策についてご紹介します。 1. ユーザーに最適な情報を正しく届けるとてもあたり前のことではありますが、Webサイトに掲載する情報はユーザーが求めているもの、ユーザーにとって有意義なものでなければいけません。 発信する側が一方的に押し付けたい内容を掲載するのではなく、ユーザーが知りたいと思っているものを正しく適切に伝える必要がありま
新規ウェブサイトのSEO戦略を構築するのに必要な10のステップ#6~#10ステップ6戦略的なコンテンツカレンダーを作成する(そしてコンテンツを継続的に投入する)戦略的なコンテンツカレンダーは、一貫性を持って意図的に利用すれば、必然的に顧客を引き付け、キーワードに対して上位に表示されるようにするのに役立つ。そうしたコンテンツ計画の方法を紹介しよう: キーワードマップのセクションに優先順位をつける: キーワードマップが100ページ以上に及ぶこともあるかもしれない。これはむしろ良いことだ。なぜなら、オーガニック検索トラフィックを蓄積できる余地が十分にあることを意味するからだ(HubSpotのように月間トラフィックが数百万に上るウェブサイトでさえ、最初はゼロだったことを忘れてはいけない)。 まずは、製品やサービスのページなど、ウェブサイトに今すぐ必要なページを優先すべきだろう。こういったページはコ
WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等高線やねじれ線、ぼかしやノイズなど、いざという時にブックマークしておくと便利です。 fffuel -free SVG makers fffuelでは背景やテクスチャをはじめ、パターン、シェイプ、グラデーション、装飾グラフィックなどを生成するSVGツールがたくさんリリースされています。生成されるフォーマットはすべてSVGで、PNGに変換したい場合は変換ツールをご利用ください。 生成した素材は、個人でも商用プロジェクトでも無料で利用できます。 ツールはかなりたくさんあり、その中からいくつか紹介
Webサイトやスマホアプリで使用される、モダンCSSで実装された100種類のさまざまなアニメーションのボタンを紹介します。 角丸や矩形ベースのボタンに、背景がスライドしたり、分割したり、プルプルしたり、ボーダーがきらっとしたり、文字がくるっとしたり、変形したり、ネオンに輝いたり、ボタンの実装に困った時にチェックすると便利です。 100 Modern CSS Buttons 100 Modern CSS Buttons -GitHub 100 Modern CSS Buttonsは、モダンCSSで実装されたボタン100種類のコレクションです。角丸や矩形ベースのボタンにさまざまなCSSアニメーションが使用されています。 ライセンスはGPL-3.0 licenseで、商用プロジェクトでも無料で利用できます。制作者様によると、個人的なプロジェクトであろうと商用プロジェクトであろうと、オープンソース
はじめに 今回はゲーム感覚でプログラミングを学べるサービスを紹介します。 ゲームを通して学んだ知識をアウトプットできるサービス集を厳選したので、ぜひ学んだ知識を「使える技術」として自分のものにしていただければと思います。 この記事の主な対象者 プログラミング初心者~中級者 基礎文法は学んだけどアウトプットができていない人 フロントエンジニアを目指してる人 楽しみながらプログラミングを学びたい人 ぷよぷよプログラミング まずはじめに紹介するのは、SNSでも話題になった、ぷよぷよを開発しながらプログラミングを学ぶことができる「ぷよぷよプログラミング」です。 ぷよぷよプログラミングでは、人気ゲームぷよぷよを開発しながらHTMLやCSSやJavaScriptといったプログラミングをしていく中で基礎となる技術を学ぶことができます。 実際にアプリ開発をしながら学べるので、インプットとアウトプットが同時
安倍元首相の銃撃事件をきっかけに、世界平和統一家庭連合(旧統一教会)の実態に再び注目が集まっている。 【写真】統一教会の信者が購入する3000万円の聖本 著名人が参加した合同結婚式を端緒として、日本では1992年に報道が過熱したが、その後、オウム真理教事件を経て、大手メディアでは報じられる機会が激減していった。 この沈黙の30年にも、一部の弁護士は彼らの違法性を訴え、地道に被害者・元信者の救済に当たってきた。「受けて立つしかないですよ」。全国霊感商法対策弁護士連絡会の代表世話人・山口広弁護士のもとには今も相談が寄せられ続けている。 ●相談聞いたのは1300人超「2世の救済組織が必要」 山口弁護士がこれまで会ってきた旧統一教会関連の被害者は1300人を超える。親を脱退させたいと訴える2世もいた。彼らの悩み、苦しみが深いことを目の前で見てきた。 「2世の問題は今に始まったことではないんです。合
ソニー・ミュージックエンタテインメント(以下SME)によるSoundmain(サウンドメイン)というプロジェクトをご存知でしょうか? ソニーが研究・開発する最新の音楽関連テクノロジーをいち早く機能として実装し、クリエイターが利用できるようにするプラットフォームとなっており、将来的にはブロックチェーン技術と権利処理のノウハウを組み合わせたサービスや、後述の音楽制作サービスにAIを用いた機能の実装が予定されるなど、これからも進化を続けていくユニークなプロジェクトとなっています。そして、その中にSoundmain Studioというサービスがあり、これはブラウザ上で使える音楽制作ツール、つまりインストールすることなく使えるDAWとなっています。 そのSoundmain Studioにおいて、現在の目玉となる機能が、ソニーが開発した世界最高峰という音源分離技術。簡単にいうと、これは2mixの音源を
皆さんはこれまでに「営業は事前準備が9割」「事前準備を制する者が営業を制する」などの言葉を聞いたことがあるかと思います。ちまたには多くの事前準備に関する書籍、インターネット記事が溢れていますし、我々も営業コンサルを通じて、トップセールスの方々は業種・業界を問わず事前準備に工数をかけていることを実感しています。 事前準備の品質が商談の品質を左右すると理解する方は多い一方で、事前準備への関心が低い企業が多いのが現状。案件の停滞や失注の際に、事前準備ではなく、商談や提案の内容に原因を求めるケースがよく見られます。 しかし、商談の成功に事前準備は欠かせません。事前準備の際に何を、どのように、どれだけ行うかを定義し、自社にとって最適な事前準備を運用することが重要です。 本記事では、商談の事前準備の目的、全体像、運用方法、留意点に至るまでを整理しました。営業組織の強化、個人成績アップの参考になれば幸い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く