歳を重ねるほど「失敗」のコストは大きくなる 山口周氏(以下、山口):僕がいつも言うのは、失敗ってコストとリターンがあるんですよ。「嫌だな。評判が落ちちゃう」とか、「あいつはダメだ」って言われて落ち込むとか、もちろんコストはありますよ。 だけど、「こういうのは自分には向いてない」「こういうふうになった時は、ここでこうやっちゃダメなんだな」と、いろんな学びもあるわけですよ。 問題は、年が経てば経つほどコストは大きくなるんですよ。当たり前ですよね。責任も大きくなるし、ミスできなくなるわけです。逆に若い時の学びのほうが吸収力があるし、活かせる時間が長いので、リターンは大きいんです。 何が悪いかはっきりしない複雑性の高い時代では、一生の中で必ず失敗はします。そうすると、問題なのは「(失敗を)いつするか」だけなんです。フィナンシャルに考えると、絶対に人生の早いステージでやっておくほうがいい。 僕の人生
ぼくにとって40歳は25年前。 暗いトンネルに入ったみたいで つらかったのを覚えている。 絶対に戻りたくない、というくらいにね。 そのつらさは、自分がまだ何者でもないことに悩む、 30歳を迎えるときのつらさとは別物だと思う。 40歳を迎えるとき、多くの人は 仕事でも自分の力量を発揮できて、 周囲にもなくてはならないと思われる存在になっていて、 いままでと同じコンパスで描く円の中にいる限りは、 万能感にあふれている。 でも、40歳を超えた途端、 「今までの円の中だけにいる」ことができなくなる。 自分でもうすうす、 いままでのままじゃ通用しないと感づいている。 別のコンパスで描いた円に入っていって、 いままでとはぜんぜん違うタイプの 力を発揮しなきゃいけない。 その時、自分が万能じゃないし、 役に立たない存在だと突きつけられる。 ぼくも、40歳を迎えるころには、 コピーライターとして、 ちょっ
スピッカートの金山(@spicato_kana)です。 久しぶり(約 1 年ぶり)のテックブログです。。。 今回は、最近よく見かける『要素が重なっていく表現』を再現してみたいと思います。 参考サイトリスト Casa ZIZO 株式会社ニューピース Heure Bleue この表現を使うことにより、レイヤー感を出すことで奥行きを出し立体感、没入感を出すことが出来るのかなと思っています。 実装方法はいろいろありますが、今回は GSAP を使って実装してみたいと思います。 実装内容 実際のコード内容を上記の codepen をご覧ください! 今回は、GSAP を用いていますが、GSAP を使わなくても IntersectionObserver を使って実装することも可能です。 また、GSAP のpinを使っているサイトが多いのですが、どうしても安定して実装することが難しく、iPhone だとずれ
Instagramもサイトに埋め込む際などに必要な、無期限アクセストークンとビジネスアカウントID取得方法をご紹介します。 アクセストークンは取得補助ツールがあるので、取得のミスを防げます。 事前準備 インスタのタイムライン を表示するために必要な情報を取得します。 ・画像を取得したいInstagramのビジネスorクリエーターアカウント ※ログイン権限のない他人のアカウントでは不可です ・FaceBookのアカウント(ページを作成してInstagramと連携) が必要です。 Instagramをプロアカウントに 1インスタの設定画面から「プロアカウントに切り替える」 2ビジネスorクリエーターを選択(どちらでも可) FaceBookのページ設定 1「Facebook」にログインしインスタ と連携します。 2ページを作成し、「設定」>「リンク済みのアカウント」から連携したいInstagra
Mac と Windows に無償で付属してくる日本語フォントに「游ゴシック」があります。両環境で共通して利用できる希少な「日本語」のデバイスフォントであることから重宝され、ウェブサイトでもCSSのローカルフォント参照で利用されるケースがありました。 「サイトの書体に “游ゴシック” を適用させるCSS記述方法」のような記事は最近になっても大変多く、あたかもMac・Windowsの全てのブラウザで表示可能と錯覚してしまいがちなのですが、 結論から言うと Mac の Safari・Brave・Firefox(プライベートウィンドウ)ではもうローカルフォントとしての「游ゴシック」をウェブサイトの表示に使うことはできません。(Safariにおいては5年前の macOS Mojave 以降から使えなくなっているはず…。) フィンガープリントなぜそんな事態になっているかと言うと、最近のブラウザ界隈の
こんにちは。 GMOインターネットグループ株式会社 フロントエンドエンジニアの山名です。 今回は、HTMLやCSSの進化によって実装がより簡単になったデザインや機能を従来の実装方法と比較しながらご紹介していきます! 執筆の背景 いきなりですが、HTML,CSSをはじめとしたWebコーディングの世界って進化が早いですよね。 新機能のリリースやデザイントレンドの移り変わりがあって、これまでスタンダードだと思っていた実装方法がいつの間にか過去のものに…なんて経験がある方も少なくないはずです。 そんなWebコーディングの”ちょっと前”と”今”を比較して、どれだけ便利になったのか確かめてみようということで本記事の執筆にいたりました。 CSSの実装比較 早速、最新のコーディング技術をご紹介!といきたいところですが、まず前提として今回ご紹介する新機能の基準を書いておきます。 CSSの新機能を紹介執筆時点
Top 250 Japanese Albums of All Time on 11 Charts A list by watada24 Categories: All Time, Countries [List1085892] | +63 11.7.2023 <main> 200 points (#1) 1. RYM's Top 200 (200) 2. MUSIC MAGAZINE 50 Years of Japanese Music album Best 200 by littlepupil (200) 3. みのミュージックリスナーが選ぶ邦楽名盤ランキング (200) https://youtu.be/eZ2zICG6DL0?si=8N0-1rWtnwYBOsnh 4. みんなが選ぶ邦楽アルバムベスト100【2020】ろくおんげいじゅつ倶楽部 (200) https://www.my
一般財団法人全日本情報学習振興協会は、1999年設立(1994年創立)以来25周年を迎え、合格者数200万人となりました。これを記念して下記のキャンペーンを行います。
ふと街中でダイナミックな動きのある映像を見て立ち止まったり、ウェブサイトにアクセスして滑らかなアニメーション表現に驚いたり、訪れたイベントのインタラクティブアートに感動したりという経験はありませんでしょうか。 私たちは、ビジュアル表現の「いい感じ」に惹かれる事がしばしばあります。そういった動きを作っている一つの方法がクリエイティブコーディングです。 今回は、クリエイティブコーダーとして第一線で活躍される株式会社STARRYWORKS 足立紗彩さん、株式会社devdev 池田亮さんをお招きし、ご自身の活動やお仕事でのメソッドや心がけ、参加されたプロジェクトにおけるチャレンジなど、どうつくり、どうこわして表現を生み出しているか、お話しいただきます。 また、弊社のWeb構築プロジェクトにて、WebGLなどのダイナミックなアニメーション実装をディレクションしてきたテクニカルディレクターの伊藤友美か
日々進化するウェブ開発の世界では、新しいツールやフレームワークが次々と登場しています。 そのなかでも一際注目を集めているのが、Astroと呼ばれる静的サイトビルダーです。 そこでこの記事では、Astroを使用してウェブサイトを構築する方法について詳しく解説します。 Astro.jsは、効率性とパフォーマンスを重視した現代的なウェブ開発フレームワークです。 この記事では、Astro.jsの基本から、初めてのプロジェクト作成、さらに応用技術に至るまでを解説します。 Astroとは? Astroとは、高速なウェブサイトを構築するための静的サイトビルダーです。 AstroはMPA(Multi-Page Application)を採用しており、ビルド時に不必要なJavaScriptを削除して生成します。 Astroを採用する理由としては、主に以下の3つが挙げられます。 ページロード速度の向上 SEO
ファッションウィークとデザインウィークの同時開催による世界的にも類を見ないクリエイティブの祭典それが東京クリエイティブサロン(TCS)です。 TCSのビジョンは、東京を世界一のクリエイティブシティにすること。 クリエイティブシティとは、職業を問わずあらゆる人を創造的行動へと促す 「場所・機会・刺激」があるまち。クリエイティブが世の中を豊かにし、人々を幸せにするまち。 従来の枠組みを越えて多様なモノ・コト・ヒトが出合い、つながり気づき、刺激しあい、創発しあう。そんな共創/越境のプラットフォームをTCSがつくっていきます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く