若い時の無目的なインプットが重要｜山口周
以前からずっと思っていたことなのですが、どこかで書いておかないと忘れちゃうなと思っていたので、備忘録代わりに。 結論から先に言えば「無目的なインプットをやってこなかった人は、肝心カナメの時期にアウトプットできなくなる」という話です。どうしてそういうことになるのか、順に説明しましょう。 まず、いわゆる「勉強」について、ここでおそるべき一つの法則を提案したいと思います。それは「アウトプット＝インプットの法則」です。一体どんな法則なのかというと「人生全体で見てみれば、アウトプットの量とインプットの量は同じである」ということです。アウトプットする人はインプットしているし、インプットしていない人は、どこかで枯れる」ということで、実にシンプルな法則。 実名を挙げるのはさすがに憚られるので、ここでは差し控えますが、一時期にベストセラーを連発して飛ぶ鳥を落とすような勢いだったのに、ぱったりとアウトプットが
忙しすぎるプレイングマネージャーの負担を軽くするヒント 管理職の仕事を切り分け、部下に適切に任せるコツ
部下育成、トラブル対応、ハラスメント対策…近年は管理職の業務負担が増大し、「罰ゲーム化」の状況が深刻化しています。そこで今回は、『チームレジリエンス 困難と不確実性に強いチームのつくり方』著者の池田めぐみ氏に、管理職の負担を軽減しつつ、成果も上がる組織づくりの秘訣をお聞きしました。本記事では仕事を適切に任せる方法や、「マネージャー任せ」のメンバーの意識を変えるコツについてお伝えします。 部下育成、トラブル対応、ハラスメント対策…増える管理職の業務負担 ——ここ数年、「管理職の罰ゲーム化」といった話がよく聞かれるようになっていると思います。部下のマネジメントや後任者の育成、トラブル対応に加え、リスキリングやハラスメント対策など、管理職の業務負担が増大している現状が問題視されています。池田さんはこうした現状についてはどのような課題があるとお思いでしょうか。 池田めぐみ氏（以下、池田）：私自身も
【2021年4月】現場で使える！テキストエフェクトのまとめ | FASTCODING BLOG
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトで使いたい！カッコよくて、オシャレなテキストエフェクト・アニメーションをまとめてみました。 今回は、codepenから探してみました。 CodePen Home CSS3 text-shadow effects 綺麗なテキストシャドウです。CSS3で実装可能。 See the Pen CSS3 text-shadow effects by Jorge Epuñan (@juanbrujo) on CodePen. Rotating text テキストの一部が変わっていきます。使えそうな予感。 See the Pen Rotating text by Rachel Smith (@rachsmith) on CodePen. Shattering Text Animation メインビジュアルに使えそうですね。ループ
EC-CUBE4とWordPressを連携する方法 - AmidaikeBlog
EC-CUBE Advent Calendar 2020 15日目の記事です。 EC-CUBE4でWordPressの記事を取得する方法を先日書きました。 EC-CUBE4でWordPressの投稿記事を簡単に出力する方法 - AmidaikeBlog 今回は記事を取得するのではなく、WordPressからEC-CUBE4の関数やEC-CUBE4からWordPressの関数を利用できる方法を説明します。 ちなみにEC-CUBE2系はこちらの記事を参考にしてください。 qiita.com 今回は前回とは異なり、EC-CUBE4とWordPressは同階層にインストールするようにします。 EC-CUBE4のURL http://xxxxx/ WordPressのURL https://xxxxx/ というように、同一ドメイン、同階層でEC-CUBE4とWordPressが動作されている事を想定
WordPressとECサイトを連携させる方法！BASEとEC-CUBEを例に解説
こんにちは。Wakka Inc. Webディレクターの安藤です。 最近はコロナ禍の影響で、外出して買い物をすることが少なくなりました。 行くとしても近所の商業施設で、Amazonや楽天市場で済ませることも少なくありません。 周りを見ていても消費者の行動がさらに、EC寄りになってきていると感じています。 今まで店舗とECを併用していた小売企業でも、そのような消費者の行動の変化に伴い、もっとWeb施策を強化しようと考えている方が多いのではないでしょうか。 ただ、忙しい中で慣れないWeb施策の強化となると、何から手をつけて良いのか迷ってしまうと思います。 基本的にECは幅広い商品を販売する機能に特化しており、自社のストーリーやブランドの情報を十分に伝えにくいという課題があります。そのため、マーケティングが得意な会社は既存のWebサイトとECサイトを連携したり、情報配信用のサイトを構築したりなどの
CSSはどんどん進化している！ マグネットのようにくっつくエフェクトを実装するテクニック -CSS Anchor Positioning
ナビゲーションのアイテムをホバーした時にマグネットのようにくっついてスライドさせるエフェクトをCSSで実装するテクニックを紹介します。 これまでは、JavaScriptがないと実装できないエフェクトでした。レスポンシブにも完全対応、アイテムが二段・三段と複数になっても、水平・垂直になってもエフェクトは追従します。 Anchor Magnet Slide Menu 実際の動作は、デモページでお楽しみください。 右上の矢印アイコンをクリックすると、アイテムの並びが垂直・水平になります。また、右下のアイコンをクリックすると、ダーク・ライトモードになります。 ※CSSのみで動作するのは、Chrome 125+です。それ以外のブラウザはポリフィルが使用されています。 See the Pen Anchor Magnet Slide Menu by coliss (@coliss) on CodePen
MEOとは？対策方法と上位表示のポイントを解説 | WEB集客ラボ byGMO（GMO TECH）
MEO（Map Engine Optimization）とは、マップエンジン最適化を意味する言葉で、Googleマップでの検索結果において上位表示させることを指します。 「ローカル検索」「ローカルSEO」とも呼ばれ、店舗ビジネスや地域ビジネスにおいては、Webマーケティング上の重要施策となります。 MEOはSEOと同様に、Googleのアルゴリズムによって検索結果が反映されるので、検索上位に表示させるためには「対策」が必要です。 また、MEOは店舗ビジネスや地域ビジネスオーナーの注目度も高い施策となっており、時間とノウハウがあれば、コストをかけることなく対策が可能なため、今後多くのライバルも参入してくることでしょう。 そこで、この記事ではMEOの主な対策方法やメリット・デメリット、 Googleビジネスプロフィール（旧Googleマイビジネス）について弊社のMEO Dashboardツール
【注意】レッスンでよく見る初心者がやりがちなダサいデザインと9つの解決方法 - 今、マジになる!!ブログ-元フリーターが好きなことで自分らしく生きる-
この記事は2020/04/22に最新情報へ更新！！ こんちはっす！脳内アーティストSHUN INANUMAです！ デザイナーとして制作したり、デザインのレッスンしたりしている私ですが、、、 関連記事：全国対応！短期超集中！スカイプでデザインレッスンやってます！ ちょっと操作方法の知っているデザイン初心者にお伝えしたいことがございまぁす！ ちょっと操作を知っているあなたが作ったデザインは、、、 ドヤ顔で作っているデザインは、、、 めちゃくそハイパーてんこ盛りダセェ！！！！！！！！！ もはや怒り。デザインへの冒涜。からの微かな光。希望。救世主現る。 俺だ。 あ、ちなみにデザインのポイントを解説するインスタグラムを運営しているのでこちらも勉強になるはず！(毎日投稿してます！)
Googleの検索アルゴリズムの内部資料が漏洩か？「SEO業界で長年疑われていたものが明らかに」
Mic King @iPullRank Ok, let's get this party started! A couple weeks ago I said I was publishing the most important thing I ever wrote. I was wrong. Documentation related to the Google Search algorithm leaked and I spent the weekend tearing it apart. ipullrank.com/google-algo-le… ✌🏾 2024-05-28 11:10:19 数週間前、私はこれまで書いた中で最も重要なものを発表すると言いました。それは間違いだった。 Google検索のアルゴリズムに関するドキュメントが漏洩したため、私は週末をかけてそれを徹底的に調
Three.js入門サイト - ICS MEDIA
このサイトは、WebGLのライブラリ「Three.js」の入門サイトです。 初学者から学べるように基本から解説しつつ、発展的な内容までまとめています。このサイトを通して、ウェブの3Dのインタラクションデザインについて学んでいきましょう。 Three.js概要 Three.jsは、HTML5で3Dコンテンツを制作するためのJavaScriptライブラリです。Mr.doob氏が中心となって開発されており、オープンソースソフトウェアとして個人・商用でも無償で利用できます。 WebGLだけで3D表現をするためには、立方体1つ表示するだけでも多くのJavaScriptやGLSLコードを書く必要があり専門知識も必要です。Three.jsを使えばJavaScriptの知識だけで簡単に3Dコンテンツが作成できるため、手軽に扱えるようになります。 もともと2000年代後半のFlashの時代から、ウェブの3D
令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
canvasで ”うにょうにょ動く円” を ”複数” 作ってみました | SPLOUT BLOG
こんにちは、相変わらずプログラミングが覚えられないLQヒロシです。 業務の流れでcanvasで複数のうにょうにょ動く円を作ったのでレシピをまとめてみました。 参考にしたのはこちらの記事。 JavaScriptはじめました。 – くねくねする円を作ってみた。 NIJIBOX Creator’s Blog – JavaScriptで実装！理想の「うにょうにょ動く円」を求めて… ただ上記の記事の内容では一つの円しか作れませんので、次の記事も参考にしてゴニョゴニョしてみました。 https://jsfiddle.net/39we73t1/ 完成はこちら See the Pen NLrpJv by hirotatsu fujimoto (@LQ_Hiroshi) on CodePen. script全文はこちら さっそく作り方を うにょうにょ動く円の考え方としてはこちらの「くねくねする円を作ってみた
JavaScriptで実装！理想の「うにょうにょ動く円」を求めて… | 株式会社ニジボックス
[markdown] こんにちは、新人フロントエンドエンジニアの坂本です。 もうすぐ11月なんですね！早いですね！もう…入社から半年もたってしまいましたね.. 2回目の投稿となります今回は、最近気になってしょうがない「うにょうにょ動く円」を作って遊びたいと思います。 今回の投稿は、理想の「うにょうにょ動く円」をどうやったら作れるのかについて追究していく内容となっています。 ##うにょうにょ動く円とは イメージこんな感じですね。 このように円が何かしらの力によって揺らいだり、動いていたりする様を「うにょうにょ動く円」定義します。 きっとcanvasやSVG、webGLとかを使って再現するんだろうなと思います。 最近、写真がうにょうにょ動いていたり、ボタンがうにょうにょ動いていたりというのを見かけて、すごく気になっていました。 ##作り方 作り方はさっぱりなので、ググります。 今回、参考にさせ
Free Textures for 2024 [High Resolution] - Resource Boy
Textures 18 Dollar Textures (Updated) 100+ Blood Textures 100 Splatter Textures 220+ Smoke Textures 200 Gold Textures 200 Spider Web Textures 300 Marble Textures 250 Fireworks Textures 200 Brick Wall Textures 100 Transparent Tape Textures 100 Fire Flame Textures 50 Ziplock Plastic Bag Textures 300 Graffiti Backgrounds 100+ Lip Print Textures 100 Shadow Overlays 100 Chalkboard Textures 100 Lightnin
ゲームデザインの罠：「やらされてる感」の正体とは｜あんてな
X上でつぶやいた内容のリンクです。 ログ化しないと、流れてしまってもったいないので… 最後にまとめを書いているので、そちらだけ読むほうが分かりやすいかもしれません。 とはいえ、所詮メモですが… 結論がボヤけていたので先にまとめます。 「やらされてる感」は「主体性が無い状態で強制的にゲームプレイを継続している時」に発生する感情です。 主体性は「自分の意思」あるいは「自由意思」と言い換えてもいいですね。 「主体性が無い」状態は「ゲームの仕組みにより奪われた」場合と「ゲームの仕組みのせいで生まれていない」場合があります。前者の代表例が「レベル上げ」で後者の代表例が「何をすればいいか分からない」です。 整理すると…「ゲームの仕組みにより自分の意思が【封じられた状態】でゲームプレイを継続させられる」状態か「ゲームの仕組みにより自分の意思が【発生していない状態】でゲームプレイを継続させられる」状態によ
【GDC2024】30秒でユーザーを惹きつけよ、チュートリアルを廃止せよ——「Roblox」大手スタジオが語る、次世代ゲーマーに向けた必須の開発ノウハウ
Home » 【GDC2024】30秒でユーザーを惹きつけよ、チュートリアルを廃止せよ——「Roblox」大手スタジオが語る、次世代ゲーマーに向けた必須の開発ノウハウ 【GDC2024】30秒でユーザーを惹きつけよ、チュートリアルを廃止せよ——「Roblox」大手スタジオが語る、次世代ゲーマーに向けた必須の開発ノウハウ X、Instagram、YouTube、Tiktok……ユーザー自身がコンテンツを投稿するタイプのプラットフォームには、ユーザーが集まるにつれてプラットフォームごとにコンテンツの傾向が現れる。そして生き物のように日々その傾向はダイナミックに変化していく。 そして、あなたがこうしたプラットフォームに今から参加するのであれば、すでにプラットフォームで人気を集めている先行コンテンツの研究は不可欠だ。毎日7,000万人以上のユニークユーザーがプレイする、世界最大規模の“メタバース”
Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Matter.Svg Module - Matter.js Physics Engine API Docs - matter-js 0.20.0
The Base Mesh | 100% Free CC0 Assets
ゲーム企画書の作り方。製作の参考例。考え方｜うきょう|フリーゲームプロデューサー兼マーケッター（株スタジオデルタ代表）
