ここでは主導する方が知っておくべきものをまとめています。 なおこの記事での 1on1 とは、バスケのハーフコートにおける 1 対 1 の攻防ではなく、職場における 1 対 1 の定期的な話し合いのことです。 1on1 で話すべきこと 業務以外の課題解決 なにか課題を抱えていると他のどの話題にも身が入らないため、まず話せる環境を作りましょう。同様に課題は業務効率を落とします。 ここでの課題は次を指しています。 健康上の課題 業務が原因で病院受診が難しい場合の業務量の調整など お互いの健康テクニックの共有なども Good 家族との課題 お子さんが夜泣きで寝不足などの場合は就業時間の調整など 親族と折り合いが悪いなどの場合、第三者としての意見や、自分の経験を共有する 社会上の課題 コロナ禍によるつらみの共有など 業務に連動するわけではないため、前回課題がなかったからといって今回もないと仮定しては
約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版（770KB） BtoBサイト標準ワイヤーフレーム
Intro Web の https 化が進み、それに伴って https を前提とする API も増えてきた。 そうした API を用いた開発をローカルで行う場合、 localhost という特別なホストを用いることもできるが、それだけでは間に合わないケースも少なからずある。 localhost を https にするという方法もあるが、そのように紹介されている方法には、いくつか注意すべき点もある。 この辺りの話を、直近 1 ヶ月で 3 回くらいしたので、筆者が普段使っている方法や注意点についてまとめる。 特に推奨するつもりはない。 Update chrome の --host-rules について追記 localhost での開発の注意点 例として https://example.com にデプロイする予定の ServiceWorker を用いたアプリがあったとする。 開発をローカルで行う
2022年カタールW杯決勝、アルゼンチン対フランスのレビュー 「サッカー史上最高の試合の一つ」 - pal-9999のサッカーレポート
はい、こんにちは、私です。 カタールW杯はアルゼンチンの優勝で終わりました。御覧になった方は知っているとは思いますが、あまりに、あまりに素晴らしい試合でした。自分が見たサッカーの試合ではベスト３に入ります。試合前のストーリー、試合内容、監督の采配、試合後のアルゼンチンの熱狂、それら全てが素晴らしい、本当に素晴らしい試合でした。 あまりに素晴らしい試合だったので、備忘録もかねて試合のレビューを残しておこうと思いました。未だにあの試合の余韻が抜けてません。それほどの試合でした。 一生のうちに、数試合しか見れないであろう、そんなスポーツ史上に残る試合であったと思います。 試合前のストーリー、メッシの旅の終わりとムバッペ伝説の始まり 先にこの試合の前のストーリーの話から始めたいと思います。 カタールW杯はサッカー界を長い事牽引し続けた二人のスーパースター、そして今後長らくサッカー界を牽引するであろ
私はADHDで短期記憶が最悪で、とても気が散りやすい。些細なことかもしれないが、本人にしてはなにやってもめっちゃくちゃ効率わるいし、やる気になるまで相当時間がかかる。よくあるのは休日に「これやらなきゃ」とか思ってスイッチがはいるのが夕食の前ぐらいで、夕食が始まるからそれも終了…ということもしょっちゅうある。 ADHDの特性の出方はかなり個人差があり、環境によってなにが「困りごと」になるかも様々だから他の人がどんな感じかわからないけど、集中力がクソほどなくて、効率が悪い自分にとって、働きやさ・生きやすさにつながった対処法を紹介したい。 自分が手を動かす前にメモを書く 自分にとってはとても有効な方法で、特に仕事するときとかそうだけど、今から自分が何をするのかの箇条書きを初めて、そこに書かれた通りに作業をする。だから自分は会社に着いたらその日にやることを書きだす癖をつけている。いきなり作業をやり
1990～2010年の名作フリーゲーム｜kamioka
この時期のフリーゲームを一覧できるものが意外と少なかったので作りました。アルファベット、五十音順で並んでいます。*は公開停止。 ＊2023/11/21 『ヒトナツの夢 / A Dream of Summer』『CRIMSON ROOM』『Ozawa-Ken』などを追記。コメントありがとうございました。 アクションFrogatto & Friends（英語のみ） 美麗なドット絵が目を引くカエルが主人公のアクションアドベンチャー。ビジュアルのみならずアクションの面でも評価が高い。現在はHumbleStoreにて販売中。 hack9 洞窟物語をオマージュしたアクションRPGだがマゾヒスティックな難易度。hacker9～Ghost…へと続くシリーズものになっている。テキストのセンスが良いと評判。 Iji（英語・中国語・韓国語） ぬるぬる動く多彩なアニメーションに目を奪われる2Dアクション。異星人が
2022年カタールW杯、日本対クロアチアのレビュー、PKの話はないぞ念のため - pal-9999のサッカーレポート
はい、皆さん、こんにちは。 本日は先日行われた日本隊クロアチアのレビューをやっていきたいと思います。 PK戦での決着だったので、皆さんも消化できない部分も沢山あるでしょうが、PKは試合内容と全く関係がない要素なので、レビューでは扱いません。今回は試合内容の話にフォーカスしてお届けします。 クッソ長いので、暇な時に読んでください。チェンソーマンのアサの話並に長いです。 日本対クロアチア、スタメンと両国の守備の違いについて まずスタメンから。 スタメンですが、日本は３４２１で冨安と遠藤がスタメンに復帰してます。ワントップは前田、シャドーは鎌田と堂安。右WBに伊東が入ってる所が特徴ですね。試合前、「前半から堂安を使ってくるならポイチさんは前半をクロアチアに譲らない」と思ってたのですが、堂安がスタメンなのを見て、ポイチさんは前半から点取りにいくつもりだと確信しました。 ここまで日本代表はドイツ戦、
「私が格差を拡大したとか、利益誘導をしていると言うが、何を言っているのか全然分からない」竹中平蔵氏がネットの批判に厳しく反論（ABEMA TIMES） - Yahoo!ニュース
25日の『ABEMA Prime』に慶應義塾大学名誉教授の竹中平蔵氏が生出演。ネット上の激しい“竹中批判”について「私が叩かれているときは正しいことを言っていると思ってくれれば」と反論した。 【映像】竹中平蔵氏に生直撃 “医療ムラ解体“論の真意とは? ネットの意見を踏まえ、アイドルグループ「アンジュルム」の元リーダー・和田彩花は「外から見ていたら、なんか権威を持っていそうだし、まさにオリンピックでいい思いをしているのではないかと思っていた」とコメント。 さらに竹中氏との対談本『日本につけるクスリ』を出版したこともあるリディラバ代表の安部敏樹氏が「竹中さんと意見が全く一緒だというわけではないし、むしろ違うところも含めて建設的に議論すればいいじゃないかという話なのに、一緒に本を出しただけで“お前は格差を是正する方だと思っていたけど、まさか格差を拡大する方に行くのか”みたいな批判が来た。これはキ
こんにちは、Spinners の元山 (@kudakurage) です。 最近はresize.fmという緩めのデザイン系ポッドキャストを @dex1t と始めて、オーディオ系のデバイスや仕組みについて勉強する毎日です。今のポッドキャストの収録環境についても近々書き残しておこうと思っています。 2021年1月に日本で話題になった音声SNS「Clubhouse」についてresize.fmでも取り上げて話したのですが、その中でも話しているスーパー楕円というものについて今回は詳しく書いていこうと思います。 INDEXピート・ハインのスーパー楕円スーパー楕円とデザイン建築や家具のデザインデジタルプロダクトのデザインスーパー楕円を利用した印鑑スーパー楕円の描き方数式を使った描き方（Adobe Illustrator）簡易的な描き方（Vector Draw Tool）ピート・ハインのスーパー楕円 Sou
正規表現の先読み・後読み
正規表現の「先読み（lookahead）」「後読み（lookbehind）」について紹介します。 正規表現の「位置へのマッチ」 正規表現は、文字列のパターンマッチに使われます。たとえば [0-9]{4} は数字4つが並ぶ文字列にマッチする表現です。 多くの正規表現は「文字列」にマッチしますが、「文字列」ではなく「位置」にマッチする表現があります。これは、アンカーと呼ばれます。また、長さ0の文字列にマッチすると考えて、ゼロ幅アサーションとも呼ばれます。 アンカーの例として、^（先頭）$（末尾）\b（単語の境界）などがあります。 この例では、cat にはマッチします。一方、category や concat は cat を含みますが前後が単語の境界になっていないためマッチしません。 先読み 先読み（lookahead）は、位置にマッチする記法の一種です。位置の指定に正規表現を使います。(?=
あくまでいち患者の感想でしかないのでほぼ役に立たんとは思うが、メモがてら共有したい(というか始めちゃったからあんまり意味ないけど意見も欲しい)。 0. はじめた理由まあまあなガチャ歯で磨きづらい+二重に歯が生えているところとかがあり、老後が若干心配だった。 逆に言うとそれくらいしか動機がないので長らく踏ん切りがつかなかった。 1. 矯正歯科医院の選定ここが一番面倒だった。周りで歯列矯正を受けてる人はおらず、ネットの評判見てて参考にならない感MAXで怖かったので10か所くらい選んでヒアリングを受けた。 以下の4点に分けて総合的に自分に合ってそうなところを適当に選んだ。 ※あくまで自分の例なので以下の基準が正しいという保証は全くありません。 即アウト項目セラミック矯正[1]やってるマウスピース矯正専門[2]減点項目この記事を参考にした。真偽不明。"絶対非抜歯が良い"、"非抜歯はありえない"等の
設計を歪める認知バイアス - Qiita
こんにちは、リファクタリングが大好きなミノ駆動です。 この記事は READYFORアドベントカレンダー2021 、5日目の記事です。 これはなに？ ソフトウェア開発において、設計をないがしろにすると、低凝集密結合な構造に陥り、変更容易性が低下してしまいます。 設計スキルを高め、あるべき構造を設計する……これで解決できるに越したことはありません。 しかし、認知バイアスと呼ばれる心理効果により判断を誤り、良くない設計をしてしまうことが往々にしてあります。 本記事は、設計を歪めてしまう認知バイアスを理解し、設計判断の精度向上を促すことを目的とします。 この記事のゴール 人間の判断を歪めてしまう心理効果「認知バイアス」の存在を知ること。 ソフトウェア設計も、認知バイアスの悪影響を受けてしまうこと。 認知バイアスに振り回されない設計アプローチを身につけること。 認知バイアスとは 先入観や思い込み、偏
「Anker 736 Charger (Nano II 100W) 」に関するお知らせ | アンカー・ジャパン
2022年6月23日 (木) より販売を開始したUSB急速充電器「Anker 736 Charger (Nano II 100W) 」 (製品型番:A2145 / 以下 本製品) につきまして、一般の...
「何者かになりたい」と願う人とそうでない人、どこが違うのか
先日、私の新しい本『何者かになりたい』がイーストプレスさんからリリースされた。 想定読者は「何者かになりたい」と願わずにいられない人や「何者にもなれない」と悩んでいる人だ。 そうした気持ちをどこかに抱えながら中年期を迎えた人も、潜在的読者かもしれない。 ところで、この「何者かになりたい」「何者にもなれない」といったフレーズには、シンパシーをおぼえる人とまったくおぼえない人がいるのが通例だ。 たとえば先月、講談社ビジネスに 『「何者かになりたい人々」が、ビジネスと政治の「食い物」にされまくっている悲しい現実)』という記事が公開された時、twitterやはてなブックマークではこうした気持ちへのシンパシーがたくさん書き込まれると同時に、「そんな気持ちになったことはない」という書き込みも少なくなかった。 先月公開された『いい年した大人の『何者かになりたい』という感覚は、けっこう厄介。』という記事で
1日目 AM9:00 東京都 奥多摩町 小河内ダム（奥多摩湖） みなさんこんにちは！ 今日はこちら、東京都は奥多摩町の小河内（おごうち）ダムからお送りいたします。 いやはや、遠かったです。正直、同じ東京都だろと街中と同じ感覚で舐めていたのですが、めちゃくちゃでした。まず、都心から電車を乗り継いで最奥の奥多摩駅まで行きました。途中から電車のシステムが唐突に変更されて、ボタンを押さないとドアが開閉しないシステムになりました。そこまででもかなりの旅路だったのですが、その奥多摩駅からさらにバスに乗り、ここまでやってきました。 予想していた以上に寒く、山肌がうっすらと白くなっています。こういったタイプの雪化粧は初めて見た。 本当に山が白く、僕と同じバスに乗ってきた人、全員がフル装備の冬山登山スタイルだった。普段着で来てしまった僕が完全なる場違いだった。 さて、電車やバスを乗り継いでこんな山奥のダムに
社内でLTしたネタ。去年からサポートしているチーム作りのお話。 1週間スプリント 最初は短いサイクルで試行錯誤したいから1週間スプリントでやることにした。 スプリントの終了と開始 金曜日にスプリントレビューとレトロスペクティブとプランニング。 プランニングは2部制にして 第1部では次のスプリントでやりたいことの認識合わせを全員で 第2部では細かいタスクの話をエンジニア中心で やってる。 ストーリーポイントと理想時間を併用してみてる これはだいぶあとの方の話。 最初の頃はチケットのサイズを見積もるのにストーリーポイントだけを使ってたんだけど、半年くらいした頃にストーリーポイントに加えて理想時間の見積もりも併用することにした。 最初の頃に理想時間を導入しちゃうと、頭では分かってても「時間」に引っ張られてしまうので、ポイントだけで始めることにした。で、半年くらいしたころには新しいやり方にも慣れて
この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール87個をまとめています。なお、新しいツールを随時アップデートしています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問題を瞬時に解決することを目的に作成された便利なツールが揃います。 Web制作に活用したい最新ツールと合わせてチェックしてみてはいかがでしょう。 これだけあれば困らない！Web制作を快適にする最新オンラインツール48個まとめ Web制作�の面倒�な作業をラクにするCSS便利ツールまとめ CSS box-shadow Examples さまざまなサイトで実際に使われているCSS box-shadowを集めているライブラリ。お好
第40回日本SF大賞を受賞した《天冥の標》が2巻まで無料公開されているから全力でオススメする。 - 基本読書
天冥の標Ⅰ メニー・メニー・シープ（上） 作者:小川 一水発売日: 2013/01/25メディア: Kindle版2020年、第40回の日本SF大賞(日本のSF賞。小説以外の媒体も対象)を小川一水《天冥の標》と酉島伝法『宿借りの星』が受賞した(対象期間は2019年)。どちらも別の角度から現代日本SFの豊穣さを示す作品なのだけれども、今この《天冥の標》全10巻のうち、第2巻までが05/06まで各電子書籍サイトで無料になっている。 期間限定の無料でその後読めなくなるケースではなく、一度落としたらその後ずっと読めるはずなので、ぜひすぐには読まなくとも手に入れておいてもらいたい。SFというのは、小説というのは、ここまでのことを描くことができるのか、と打ち震えるような作品だ。全10巻とはいうものの、1巻は上・下巻。6巻は3分冊されているなどして、計17巻の大長篇である。その巻の中にはパンデミックSF
『こづかい万歳』の登場人物の行動は不合理に見える。 その一方で自分にも覚えがあるため親近感がわく。 吉本先生の振る舞いを行動経済学で解き明かす。 定額給付金の回 ステーション・バー*1を筆頭に、ちょくちょくTwitterをざわつかせるマンガ『こづかい万歳』。あの特別定額給付金回が無料になったので読んだ。 思わず「さすがプロだ」と関心してしまった。この回は、突発的な収入を手に入れた人の心理をよく描いている。読んでいて「この事例、行動経済学の本に書いてあったやつだ」となるのだ。冷静な第三者視点から見ると愚かに見えるが、当人からすると至極当然の選択。それが次々と繰り出される。 特に笑ってしまったのが著者・吉本先生の「欲しいものリスト」である。5位が「とらやの羊かん」で、贅沢に丸かじりしようと考えているのだ。 定額制夫の「こづかい万歳」 ～月額2万千円の金欠ライフ～ - 吉本浩二 / 第１１話 |
【図解】グーグルのリンク評価20の原則【2019年版】（前編#1～#10） | Moz - SEOとインバウンドマーケティングの実践情報
22年前、グーグルの創業者らがPageRank（ペイジランク）を発明し、それ以降のウェブが変わった。既存のランキングアルゴリズムと比べてPageRankが大きく違っていたのは、次の点だ： ウェブ上のリンクを票と見なす。最初の段階では、票はすべて平等だ。 得票数が多いページほど重要度が増す（そして、より上位に表示される）。 重要なページほど票の重要度が増す。 しかしグーグルは、そこで止まらなかった。さらに、 アンカーテキストトピックモデリングコンテンツ分析トラスト（信頼）シグナルユーザーエンゲージメントなど、検索結果をよりいっそう改善する要素を取り入れたのだ。 リンクはもはや平等ではない。いや、平等とはほど遠い。 ランド・フィッシュキンがこの記事のオリジナルバージョンを公開したのは、2010年だ。はっきり言って、それはSEOの世界を震撼させた。ここでは、彼のオリジナル記事から非常に多くの部分
今回はChatwork株式会社のデザイナー向けに行なったHTML勉強会で使用した解説資料をお伝えします。私は3年ほど前からChatwork株式会社の開発のサポートやデザイン基盤活動のアドバイザーとして参画しており、その活動の一環で会を開催しました。 開催の意図と目的開催概要は@emimさんが、UI設計はHTMLの理解からというタイトルでnoteに書いてくれています。企画の意図は下記のとおりです。 企画の意図 根本としては、情報整理（情報設計）の基礎概念にHTMLがとてもマッチしている、と考えているからです。 ところが、業界的にも昨今よく聞く話ではありますが、最近意外にHTMLに触れる機会がなくプロダクト開発の現場に入る人が多いのが現実です。これは、デザイナーだけでなく、なんならフロントエンドの開発者であっても。 個人的には、HTMLはマークアップ言語であること以上に、構造化のフレームワーク
※筆者の足跡。 ストVで（パッドで張り手が出せないので）連射コンで本田を遊び、上手い人の動画を真似しつつ荒らしながらぶっ続けで練習しつつ二週間くらいでウルトラゴールドにギリギリ到達。(開幕本田堕ちスタート) 同時期に始めた友人に「戦っていてつまらない」と非難され続け、自分自身「これはキャラやセットプレイで勝っている（対策を押し付けている）だけで自分が上達しているわけではないな」と確信したため、初心者向けであるというエドに転向。 案の定コマンドやコンボがうまく完走できず。Vトリガーや投げ関連のテクニック、多すぎるキャラ対策など覚えることが多すぎてスーパーブロンズ〜シルバーを行ったりきたりしていて、それ以上上達の兆しが見えず、掛かるストレスと得られる楽しみが釣り合わなくなったため四六時中ゲーム起動している状態からさらに三ヶ月程度で燃え尽きてゲームから距離を置いた。 ・はじめにストリートファイタ
目的 少しずつ実際のソリューションが登場しつつあるゼロトラストネットワークについて、その成り立ちや設計思想、セキュリティの構成や実運用の課題について解説された「ゼロトラストネットワーク」の要約をしてみます。 特に、組織のネットワーク構築や運用を担当する情報システム部門の担当であれば、今後のネットワークの在り方を考える上で指針になる一冊だと思います。 https://www.oreilly.co.jp/books/9784873118888/ ゼロトラストネットワークの成り立ちと概要 1967年まで遡り、主に軍事・学術目的で通信するために、各ノードがパケットを交換しあうARPANETというネットワーク設計が考案されました。今のインターネットの前身です。 設立した当初はネットワーク上のノードの身元がほとんど判別できる状態だったので情報の漏えいや改ざんを気にする必要がなかったのですが、ネットワー
オペレーション部 江口です。 以前から気になっていた「ゼロトラストネットワーク」の翻訳版がオライリーから発売されました。 https://www.oreilly.co.jp/books/9784873118888/ 早速読んでみたのでレビューしてみたいと思います。 書籍の概要 最近新しいセキュリティの考え方として注目されている「ゼロトラストネットワーク」について取りあげた書籍です。 ゼロトラストネットワークの概念、どのように構成するか、認証をどうするべきかなどを解説し、またGoogleやPagerDutyでの実際のシステムの事例などを紹介しています。 目次 1章 ゼロトラストの基礎 2章 信頼と信用の管理 3章 ネットワークエージェント 4章 認可の判断 5章 デバイスの信頼と信用 6章 ユーザーの信頼と信用 7章 アプリケーションの信頼と信用 8章 トラフィックの信頼と信用 9章 ゼロト
【SEO対策】Googleの200の上位表示アルゴリズムを一挙公開！！ - Evergreen Blog ～弱者のためのファン創造コンテンツマーケティング～
GoogleのSEO対策をする上で、アルゴリズムを理解しておくことは非常に重要です。 Googleのアルゴリズムについて「キーワード」や「被リンク」など、 代表的なものを解説したサイトは多数見つかります。 しかし、200近く存在するといわれているGoogleのアルゴリズムについて、 詳細な情報を発信しているサイトはほとんどありません。 もっと具体的な情報がわかれば、SEO対策もしやすくなりますよね ちょっとした差かもしれませんが、細かいSEO対策をするとしないとで、 ライバルサイトと差をつけることができます。 Googleは検索順位を決めるのに機械的に処理しています。 コンテンツの質がまったく同じなら、 アルゴリズムの細かい指標が基準となって、ランキングが決められます。 今の時代、代表的なアルゴリズムは皆対策しているので、 ライバルと差別化するのが難しいです。 ライバルがSEO対策できてい
「ITエンジニアがヤバいくらい本を買うようになった」──SaaS企業が書籍購入制度にメス、利用数14倍に 何を変えた？
社員向けの福利厚生として、さまざまな企業が導入する書籍の購入補助制度。社員の学習促進などを目的に取り入れる企業が多い一方、制度の利用が少ないと嘆く声もある。 建築業界向けSaaSを提供するスタートアップ、アンドパッドもその一社だ。同社はITエンジニアの成長支援を目的に書籍の購入補助制度を導入していたが、あまり利用されていなかった。そこで2月に制度を刷新したところ、本の購入数が14倍に。「利用がヤバいくらい増えた」（下司宜治VPoE）という。アンドパッドは既存制度をどのように変更し、エンジニアの学習意欲を刺激したのか。 個人所有を許可、電子書籍解禁 アンドパッドが採用する書籍の購入補助制度は、社員が自ら購入した本の経費精算を認める形だ。IT系など一部ジャンルの書籍のみ購入でき、金額の上限はなし。ただし旧制度では、買った本の個人所有を認めていなかった。 会社の資金で買った書籍になるので、読み終
YAMLは「便利なJSON」として使われることが多い一方、その複雑性から落とし穴も多く、しばしば批判の対象になります。 なぜYAMLはそこまで複雑なのでしょうか? その背景のひとつは、本来のYAMLがJSONとは大きく異なる目的意識で作られているからです。 本稿ではYAML specに従う形でYAMLのコンセプトを解説することを目指します。残念ながら、ここに書かれているYAMLの思想は実際には実用されているとは言い難いですし、これらの背景を理解しても「YAMLは複雑だ」という事実がひっくり返ることはないでしょう。それでも、YAMLの複雑さの源泉を体系的に理解し、YAMLとほどほどの距離感で付き合う助けにはなるのではないかと思います。 この記事ではこういう話をしますYAMLはJSONとは独立に、異なる目的で生まれた野心的な仕様であるアンカーやタグなどの強力な構文は、これらの目的を満たすために
1000リツイートを越えるとtwitterの闇が迫ってくる - シロクマの屑籠 上記リンク先の続きとして、いまどきのインターネットでは文脈が読み取りにくいことについて記しておく。 かつてのインターネット、ネットサーフィンするインターネットには文脈があった。それぞれのウェブサイトの構造がツリー状であったこと、ハイパーリンクをとおして他のウェブサイトへと繋がりあっていたおかげで、その書き手・その文章がどういう文脈に位置づけられているのかがハイパーリンクの次元で明らかになっていた。ネットサーフィンという行為、リンク集を辿る行為が、そのまま書き手の文脈を理解する助けになっていた。 ところがいまどきのインターネットは違う。ブログは記事単位で読まれ、グーグル検索などをとおして流入する人々の大半は書き手の文脈など調べるまでもなく、検索文字列と一致した情報の断片だけ持ち帰ろうとする。 このブログのトラフィ
ブラウザーで新たにインタラクションやアニメーションを作る時、皆さんはどのようにして使う技術を選んでいますか？ 使い慣れたライブラリに機能がないかドキュメントを調べてみたり、流行りのキーワードであればGoogle等で検索してみることも多いでしょう。一方、独自のビジュアル表現やアニメーションの場合、そもそも検索するキーワードがわからないことも多いのではないでしょうか？ この記事では、webのビジュアル表現・アニメーションを実現するベースの技術であるCSS・SVG・Canvas（WebGL）の3つについて、それぞれのできること・できないこと（得意・不得意）を作例とともに紹介します。 クイズ：どうやって実現する？ webでできるさまざまな表現 下の図はこの記事で紹介する9つのサンプルを並べてみたものです。すべてのサンプルはCSS・SVG・Canvas（WebGL）のいずれかを中心に実装されています
あっ、そうだ！モダンCSSをまとめておこう
2023年もCSSの進化がすごかったですね！ その進化を2024年でも生かしていけるように、今回まとめておいていつでも参照できるように記事を書こうと思いました。 お読みいただけると幸いです。 一緒に2024年もスタートダッシュで走り抜けましょう。 まず、はじめに この記事では、最近登場した、エキサイティングで、アクロバティックでファンタジックなインパクトのある機能をピックアップして紹介したいと思います。 CSSの多彩な新機能を広く紹介することで、読者がこれらに触れる機会を持てるように努めています。 特に興味を引く機能があれば、他の媒体を通じて更に詳しく掘り下げることをお勧めします。 コンテナクエリ スタイルクエリ :has()セレクタ :nth-child()の「of S」構文 text-wrap: balance initial-letter ダイナミックビューポート単位 広色域のカラー
モバイルバッテリーの正しい“捨て時”、目安は〇〇 処分の基礎知識、Ankerに聞いた：デジタルガジェットのあとしまつ もはや仕事や生活になくてはならないものになりつつあるデジタルガジェットの数々。購入を薦められることは多々あるが、正しい捨て方は知られていない。本連載では、デジタルガジェットの正しい捨て方を専門家に聞いていく。 今回は、外出時などスマートフォンのバッテリーが心もとない時に便利なモバイルバッテリーの捨て方を紹介。アンカー・ジャパンの井田真人さん（カスタマー・エクスペリエンス本部 本部長）に、1問1答形式で聞いた。 モバイルバッテリー、正しい交換のタイミングは？ ──モバイルバッテリーを捨てる、もしくは交換する適切なタイミングを教えてください 井田さん モバイルバッテリーの寿命は、破損などの場合を除いて、リチウムイオン電池の寿命と同じといえます。 リチウムイオン電池は、充放電回数
筆者の膝の上には、小型のキーボードとトラックパッドが置かれている。しかし、ディスプレイはない。少なくとも、周囲からは見えない。しかし、拡張現実（AR）メガネをかけた筆者の目には、自分を囲むように湾曲した作業空間が広がり、数十ものウィンドウが開いているように見える。 筆者がこの「Spacetop」を初めて使ってみたのは1月、ラスベガスでのことだったが、開発元のSightfulは今回ついに同製品の先行アクセスプログラムを開始すると発表した。これまでARや仮想現実（VR）のヘッドセットを数多く見てきたが、こうした未来のゴーグルやメガネと連携するように設計されたユニークな周辺機器はほとんどなかった。Spacetopの最大の売りはゲームやソーシャルの体験ではなく、ノートPCを無数の仮想ディスプレイを備えたAR対応デバイスに変えることだ。 これを売りとするのが奇妙に聞こえるなら、筆者のようにすでにそれ
先日、Qiitaに投稿された一つの記事が注目を集めました。 元記事では、htmxというJavaScriptライブラリが英語圏で認知を獲得しているとして、インストールの仕方から使い方について公式のドキュメントの全体にわたって簡単に説明が行われています。 さまざまなプラットフォームでこの記事に対する反応を観察してみると、どちらかというと懐疑的な見方のほうが優勢のように見受けられます。ただ、多くのコメントは誤解に基づいているように見受けられました。「JSが要らない」といった元記事のミスリードによるところも大きそうですが1、なぜhtmxが大きく支持を得つつあるのかを理解するには、背景情報を含めて理解することが必要です。 htmxは、最近の複雑化するフロントエンド技術に対する単なる逆張りではありません。これまで30年ほどのあいだウェブ上のシステムを支え続けた「ハイパーメディア」の持つ強力さに今一度目
あらゆる面で最強、アンカーの小型65W急速充電器がついに出た！スマホからPCまで全部これひとつでOK2021.07.08 10:0544,090 mayumine 全充電器をこれひとつに全集中可能。 本日、AnkerよりAnker GaN ll 搭載の第二弾製品｢Anker Nano ll 65W｣｢Anker Nano ll 30W｣が登場しました。 最大65W出力のUSB-Cポートを搭載した｢Anker Nano ll 65W｣は、MacBook Pro 13 インチ(M1 2020)をわずか 2時間20分でフル充電可能、また⼀般的な5W出⼒の充電器に⽐べiPhone 12 を最⼤3倍速く充電できるとのこと。 重さは112gとかなり軽量、サイズは 約44×42×36mmでコンパクト、お値段は3,990円とうっかりポチれるお値段です。 ちなみに、Appleの純正61Wアダプタの重さは20
初めましての人は初めまして、大学JKの騎空士鮫ミンです。 普段はX（旧Twitter）で（サメ）映画とかグラブルとかアイマスとかの話をしていますが、記事にしてまとめておきたいことがあったので note デビューしてみました。 まとめておきたいことというのはタイトルの通り、宇宙よりも遠い場所の聖地巡礼の話です。 宇宙よりも遠い場所とは？ 宇宙（そら）よりも遠い場所 A Place Futher than the Universe（通称よりもい）はマッドハウス制作によるオリジナルアニメで 2018年1~3月に AT-X, TOKYO MX などで放送され、2024年1月からEテレで毎週土曜 18:25から再放送がされていますhttp://yorimoi.com/。とりあえずみんなみんな見てください。見て、ミロ。PV→https://youtu.be/kFByZt2YdYA?si=6tiCZwS
コンテナイメージのレジストリでは、脆弱性検査の実装が当たり前になっている。企業でKubernetesなどコンテナを使用するにあたって脆弱性対策がどれほど重要なものか理解するために、脆弱性検査や、関連する国際的な標準について整理した。 脆弱性（ぜいじゃくせい）とは 脆弱性とは、プログラムの動作の不備を悪用される情報セキュリティ上の弱点である。つまり、ソフトウェア上の問題が原因となって生じた欠陥であり、セキュリティホールとも呼ばれる。当然、ソフトウェア開発者は、脆弱性を産まないように細心の注意を払ってコード開発を進めるが、開発者が利用するオペレーティングシステムのライブラリやパッケージに含まれることもある。そのような事情から、開発者の責任範囲外に原因がある場合も多くある。 潜在的な脆弱性を突いた新たなクラッキングの手口が、時間の経過ともに発見される。そのことから、開発当初はコードに脆弱性は無い
サイボウズは9月12日、社員に支給する社用PCの候補リストを春に更新し、8GBのメモリ（RAM）を搭載するマシンを外していたことを明らかにした。ITmedia NEWS編集部の取材に対し、不定期なリストの更新によるもので、現在はエンジニア以外が利用するPCを含め全てが16GB以上のメモリを搭載していると話している。 同社によれば、現在社用PCのリストに掲載しているマシンは、開発用として米Dell Technologiesの「Optilex 7000」と米AppleのM1チップ搭載「MacBook Pro」16インチモデル。一般業務用ノートPCがパナソニックの「Let's note SV9」「Let's note FV1」とDellの「Latitude 5330」、AppleのM2チップ搭載「MacBook Air」。 春の時点では開発用Windowsマシンが「Optilex 7000」では
<button></button>は最も使用されている要素の一つです。フォームの送信、モーダルを開く時、データを表示する時など、インタラクションのトリガーとして使用されています。button要素の詳細とすべてのブラウザで機能するようにスタイルを完璧に定義する方法について紹介します。 さらに、よく使用されるボタンのスタイル方法をはじめ、ボタンの実装時にある落とし穴の解決方法についても明らかにします。 Styling The Good Ol' Button Element by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 button要素のデフォルトのスタイル button要素の基本的なデザイン アイコン付きのボタン 複数行のボタン アンカーリンクとしてのa要素とbutton要素 アウトラインボタンの
![[CSS] button要素のスタイルシート、最新テクニックを徹底解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/e9ba8b37585d86205a71d0de6b3c024cd8265254/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202001%2F2020031410.png)
ランキングからアニメを除外の「映画芸術」に聞いた「荒井晴彦さん、あなたはアニメが嫌いなのですか？」 (2018年2月9日) - エキサイトニュース
「なんとも思ってはいない、ただ……」 夕方、会議を終えて少し疲れた様子の荒井晴彦は、少し考えてから口を開いた。 今、アニメ関係者の中でひとつの雑誌が話題になっている。荒井が編集発行人を務める「映画芸術」（編集プロダクション映芸）が、それだ。映画批評誌の中では老舗に位置づけられる雑誌。その最新号に掲載された「日本映画ベストテン＆ワーストテン」。年1回発表される同誌のランキングで、2017年の作品からアニメ映画を除外したことが話題になっているのだ。 その除外に至る論理、議論。アニメを外すなら選考を辞退することを決めた映画評論家の主張などは、これが掲載された最新462号に掲載されているので、興味のある人は各自で目を通してもらいたい。 ともあれ、最新462号の発売と共に、主にアニメ関係者から、さまざまな形で批判が噴き上がった。「アニメが嫌いなのではないか」「CGが当たり前になっているのに、実写とア
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1on1 ノウハウの共有 | DevelopersIO
成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie
ローカル開発環境の https 化 | blog.jxck.io
最近自分がADHD対策でやっていること｜牛尾 剛
丸よりも丸みを感じる!? スーパー楕円の魅力とデザイン | Spinners Inc.
迷いに迷って歯列矯正を始めて1年経ったので経過を共有したい
アンカー、7千円を切るスマート体組成計。筋肉や水分量など16項目をスマホ管理 - 家電 Watch
【徒歩111km】多摩川に架かる橋は何本あるのか徒歩で確かめてきた | SPOT
アジャイルな開発とチームづくり - Mitsuyuki.Shiiba
Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ
こづかい万歳の行動経済学 - 本しゃぶり
デザイナー向けに行なったHTML勉強会の資料を公開します｜sakito
初心者がストVを遊んで心折れて挫折した話｜TCP
「ゼロトラストネットワーク」を読んだので要約する - Qiita
【書評】ゼロトラストネットワーク | DevelopersIO
「YAMLの本来の使い方」を仕様から読み取ってみる | Wantedly Engineer Blog
いまどきのインターネットは文脈文盲状態が当たり前 - シロクマの屑籠
君は使い分けられるか？CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA
モバイルバッテリーの正しい“捨て時”、目安は〇〇 処分の基礎知識、Ankerに聞いた
画面のないノートPC「Spacetop」を体験--ARメガネで無数のウィンドウを表示
htmxとは何なのか？ その背景にある思想について - Qiita
あらゆる面で最強、アンカーの小型65W急速充電器がついに出た！スマホからPCまで全部これひとつでOK
大学JKの宇宙よりも遠い場所 聖地巡礼 Part1 OP編 ｜騎空士鮫ミンよりも遠い場所🇦🇶
コンテナ・セキュリティ入門 脆弱性 - Qiita
サイボウズ、“メモリ8GB”の社用PCを撤廃していた 全て16GB以上に エンジニア以外も
[CSS] button要素のスタイルシート、最新テクニックを徹底解説