お待たせしました。2022年のベストアルバム、最後の50枚です。このランキングはTwitterのハッシュタグ「#2022年ベストアルバム」、もしくはブログのコメント欄に挙げていただいた中で、集計のルールに適した540のデータを用いて作りました。 2022年の音楽は大充実の年だったと思います。私自身10枚を選ぶのが大変で、泣く泣く外した作品もありました。現実におけるコロナ移行の動きがそうさせたのかもしれないし、たまたまだったのかもしれません。今後聴き続けるであろう作品に多数出会いました。 しかしそれでもこの音楽オタクたちが選んだ150枚の中には聴いたことのない作品が多々あり、作り手と聴き手両方の途方もなさを実感します。僕がそうであったように、このランキングが誰かの次の一枚を見つけるきっかけになれば最高です。このように10年目の「ネットの音楽オタクが選んだベストアルバム」を迎えられてうれしいで
3/4 『シン・エヴァンゲリオン劇場版』冒頭12分10秒10コマが世界最速公開決定！ 『ヱヴァンゲリヲン新劇場版』シリーズ同時視聴イベントが開催 - ファミ通.com 3/6 エヴァとその謎を理解するための、たった一つの“あらすじ”｜照沼健太｜note #シン・エヴァンゲリオン劇場版:|| チケット発売日の風景 - AQM 解呪と供養のためにシン・エヴァンゲリオンを観に行く - シロクマの屑籠 3/7 庵野秀明 エヴァ、再擧 月刊ニュータイプ９６年５月号 エヴァ緊急ニュース 『シン・エヴァ』を観る前に── TV版・旧劇・新劇『エヴァ』シリーズを振り返るピックアップ！ - 週刊はてなブログ エヴァは25年の月日に潰された 3/8 公開日 庵野秀明はもうエヴァンゲリオンを創れない｜小山晃弘｜note デス魔道エヴァＱ - 指輪世界の第五日記 シロクマ先生と同じく、エヴァンゲリオンの葬式に参加し
これは何かGoogleの Material Design Guideline - Data Visualization がとても良くまとまっていたので、自分なりに和訳・編集してまとめたものです。 ※ 注意事項 こちらはあくまで、もとのドキュメントを参考に筆者が和訳・編集したものになります。原文の完全な和訳ではなく、抜粋の範囲や、英=>和の際の意訳を筆者が恣意的に行っています。 筆者の意訳・編集による曲解や元のドキュメントでのオリジナルの文意が気になる方は原文を読むことを強くおすすめします。 和訳の公開の可否についてはGoogle社に直接問い合わせています。1 / 原理原則（Principles） データの可視化は、複雑で内容の多い情報をグラフィカルな形式で表現するコミュニケーション手段である。 可視化の結果、データを比較しストーリーを伝えることが容易になり、データの利用者の意思決定の助け
最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごとに解説しているので、自分に不必要なものを削除したり加えたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのテンプレート（最終形） HTMLのテンプレートを1行ずつ解説 ページのタイトルと説明文、外部ファイル ソーシャルメディア用のHTML アイコンとアドレスバー もう
趣味にはさまざまなものがある。 私はゲーム好きが高じて株主総会のレポートを毎年書いたり、映画館でペンライトを振って歓声をあげる応援上映にのめりこんで同じ映画を何十回も観たりしている。 最近、新たにTwitter(Xともいう)におけるスパム報告が趣味に加わった。 [2024年2月20日現在 31000件ほど凍結確認済み] こちらは、記録に残している凍結済みアカウントのリストだ。2023年9月下旬から記録をあつめて、半年ほどで3万アカウントに達した。 他に、未凍結のスパムリストが5000件ほどある。 Twitter(現在はXと呼ばれる)のスパムといえば、バズったツイートに他のツイートをコピーしたり、自動生成したような文章でリプライを投げる青バッジ付きの「インプレゾンビ」が大活躍中だが、検索で拾いにくい上に凍結が容易ではないという理由で対象にしていない。 対象のスパム 現在は以下の4つを対象とし
Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.
draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3 年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。 「こんな使い方あるよ！オススメだよ！！」という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。 ツイッター公式アカウント 公式ブログ ショートカット ショートカット集です。机の上に置いて覚えましょう。 Line / 線 まずは最も頻繁に使う Line(線)の使い方からご紹介します。 矢印をまっすぐに揃える ちまちまと矢印の線をドラッグして微調整し
任天堂株主総会レポート2023
いつものように、始発の新幹線に乗って京都に向かう。 京都駅から任天堂の本社研究棟…ではなく、今回の行き先は京都市勧業館(通称：みやこめっせ)だ。 2022年9月末に任天堂は1株を10株に分割し、当時6万円前後だった株価は自動的に1/10の6,000円程度に下がった。 株主総会に参加するには最低100株の保有が必要だが、参加するためのハードルも大きく下がることになる。実際、個人株主数が大きく増加した。 社内の大会議室では増えた株主を収容できないため、イベント会場で行われるようになったのである。 昨年予想した通りだが、合法的に任天堂の内部に入り込む機会が失われたのは大変悲しい。 新幹線を降りてダッシュで地下鉄に乗り換えて最寄りの東山駅に降りると、改札の外に任天堂の若手社員が案内板を持って立っていた。 みやこめっせに向かう道中、交差点ごとに案内板を持った任天堂社員が… (※撮影許可はいただいてい
安全で、誰にも手頃でアクセスしやすく、ユーザーを尊重したWebを作るためのHTTPヘッダーのプラクティス [UI/UX]原文 HTTP headers for the responsible developer - Twilio (English) 原文著者 Stefan Judis 原文公開日 2019-04-23 翻訳依頼者 翻訳者 meiq 翻訳レビュアー doublemarket msh5 原著者への翻訳報告 1821日前 メールで報告済み 編集 This article was originally published on twilio.com, and translated with the permission of Twilio and the author. 当記事の原文はtwilio.comにて公開されたものであり、Twilio社および原著者の許可を得て翻訳しています
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る - Qiita
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作るMarkdownVisualStudioCodeDraw.ioMarpvega TL;DR Visual Studio Code上で、Markdownから、こんな感じのデッキを生成できるようにします。 使用したファイル類は、GitHub tomo-makes/marp-styles にまとめました。 きっかけ 叩き台となる資料がなく、急ぎプレゼンをする機会があり、Marpで作成した 内輪では使っていたが、多くの目に触れるのは初めてで、もう少しデザインを調整したいと思った 今後も使いまわせるものを、スニペット、およびサンプルテーマ化しておこうと思い立った ついでにいろいろな図表の生成とデッキへの入れ方、必要そうな配色、素材のリンクをまとめておきたい Marpとは Marp: Markdown
任天堂株主総会レポート2022
2013年から毎年行っている任天堂株主総会だが、2020年と2021年は任天堂から「コロナ感染対策でなるべく来ないでくれると嬉しいな」というニュアンスのお達しが出ていたので行くのを断念した。 そして今年も任天堂は「できれば来ないでね」というオーラを醸し出していた。だがしかし、2022年10月に1株を10株に分割するという話が出ており、株主になるための金銭的ハードルが一気に1/10になるため「2023年の株主総会はめちゃくちゃ参加者増えるのでは」「任天堂社内の大会議室ではなく別の会場になるのでは」「質疑応答で指名される確率がめっちゃ下がるのでは」という不安があり、今年は行くことにした。 というわけで、3年ぶり8回目の任天堂株主総会である。 ※ワクチン接種3回行っております。十分な感染症対策を行い株主総会に参加しております。 めちゃくちゃ暑い。夏か？ 午前6時に博多駅からのぞみカード(サイコロ
はじめに ヒューゴー賞についての基本 2013年――始まり 2014年――サッド・パピーズ2 2014年――ゲーマーゲートと「SJW」 2014年――「悪の同盟」とジョン・C・ライト 2015年――サッド・パピーズ3とラビッド・パピーズの登場 ヴォックス・デイについて 2013年――SFWA性差別論争とデイの除名 2015年――ヒューゴー賞最終候補への影響 2015年――「該当作なし」が続出した授賞式 2015年――アルフィー賞、木星賞、不時着賞 あるパピーの視点から 事件に対する評など その後のヒューゴー賞 ドラゴン賞 コミックスゲートとデイ キャンベル新人賞の改名 おわりに――SFF読者と作家の男女比など 謝辞 注釈に載せた以外の参照先 追記1 追記2 はじめに ケン・バーンサイド（Ken Burnside）によるエッセイ The Hot Equations: Thermodynami
Thank you for visiting nature.com. You are using a browser version with limited support for CSS. To obtain the best experience, we recommend you use a more up to date browser (or turn off compatibility mode in Internet Explorer). In the meantime, to ensure continued support, we are displaying the site without styles and JavaScript.
任天堂はSwitchの携帯専用新モデル「Nintendo Switch Lite」を7月10日夜に発表した。 発売は2019年9月20日、価格は税別19,980円。 従来型Switchとの主な違いは以下の通り。 ・小型化・軽量化した ・コントローラが本体と一体化して取り外しできない ・Nintendo Switchドックに接続してテレビに出力する機能に対応していない ・そのため、ドックは非同梱 ・モーションIRカメラなし ・HD振動に非対応 ・バッテリが若干長持ち ・安い 細かい違いは任天堂のサイトの比較表を見てほしい。 発表は唐突で、公式サイト・Twitter・Youtubeなどで事前の予告もなく情報が開示された。 理由は後述するが、そろそろ発表されるタイミングだろうという予感はあった。 仕様も概ね予想通りだが、意外だったのがTVモード完全非対応という点である。別売りのドックで対応するも
Awesome Dev Tool Tips 🔥
Contents (Click to expand) ↕️ Design Mode Pretty Print Command Pallet and Super Search Snippets Live Expressions Tracking Changes Console Shorthand Find Unused Code Rendering Panel Network Paint Times Network Timings Inspect Network Requests Performance Identifying Memory Leaks Raw Memory Inspection Test bfcache Full Refresh Lighthouse Page Size Breakdown Record User Flows Advanced User Flow Opera
デベロッパーツールの地味だけど便利な新機能が実装されるので、紹介します。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる機能です。 たとえば、親がdisplay: flex;ではないのにFlexboxのプロパティを設定しまった場合は、下記のように表示されます。 CSSに携わる人なら、この機能をオンにしておいて損はないでしょう。 display: flex;ではないのにFlexboxのプロパティを設定 ほかにも、widthを設定したのに効かないときは、それインライン要素ですよ、と教えてくれます。 インライン要素にwidthを設定 デベロッパーツールのこの新機能は「Find inactive styles」と呼ばれるもので、要素に適用されている非アクティブなスタイルを見つけることができます。 Find inactive styles -Ca
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるiconsaxを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。スタイルは6種類、フォーマットはSVGをはじめ、Adobe XD、Figma、Sketch、Illustratorとさまざまなアプリ用のファイルも用意されています。 iconsax iconsax -GitHub iconsaxの特徴 iconsaxのダウンロード iconsaxのアイコン iconsaxの特徴 iconsaxは、vue.jsのオープンソースのフレームワーク「vuesax」の公式アイコンです。個人でも商用プロジェクトでも完全無料で利用できますが、別の名前で販売および配布はできません。詳しくはライセンスをご覧ください。
福岡の「とり皮」を知っているか？ かわ屋が好き過ぎて全国民に布教したいので、お取り寄せとり皮のベストな焼き方を探してみた #ソレドコ - ソレドコ
みなさん、はじめまして。「N-Styles」というブログで前世紀からほそぼそと文章を書いているあれっくすと申します。生ハム原木をおすすめしなかったり、おいしいものを食べて語彙力を失ったりしています。 本日は福岡の焼き鳥の話。 20年以上福岡に住んでいて、福岡市内のお店をいろいろと食べ歩いている中で、とっておきのお店がある。それが焼き鳥屋さん「かわ屋」だ。 「かわ屋」白金店 お店の近所に住んでいて長年通っていた。最初は普通の焼き鳥屋さんだと思っていたが、遠方から来た友人を連れて行ったら妙に評判が良い。「あれ？ もしかしてこの店すごいのでは？」と思って、その後も友人たちを連れて行ったら全員絶賛。 10年以上通っていて、連れて行った友人の数は二桁に達している。福岡に来るたびにかわ屋に行くリピーターになった友人も複数いて、「今度福岡行くよ」「じゃあ、かわ屋予約しとくわ」みたいなやり取りをよくする。
社内のノウハウ蓄積やソフトウェアの説明書としてWikiを導入する場合、Confluenceなどの有料サービスが第一候補としてあげられますが、決して安くはないライセンス料金を支払う必要があります。無料で利用できるオープンソースソフトウェア「Wiki.js」は、Dockerで手軽に構築でき、権限管理や外部サービスの連携も可能な、無料とは思えないほど多機能なWikiシステムです。 Wiki.js https://wiki.js.org/ Wiki.jsはDockerイメージが公開されているので、今回はLinux上のDockerでWiki.jsを構築してみます。まずは下記コマンドを実行してDockerとDocker Composeを導入。 curl -fsSL get.docker.com -o get-docker.sh sudo sh get-docker.sh sudo curl -L "h
Atomic Designをやめてディレクトリ構造を見直した話｜食べログ フロントエンドエンジニアブログ
こんにちは。フロントエンドチームの金野と申します。 食べログでは現在、React+TypeScriptでフロントエンドのリプレースを進めています。 以前の記事で、食べログではAtomic Designをどのように取り入れているかの紹介をしました。 しかし、最近のリプレース作業では、Atomic Designとは異なるディレクトリ構造を採用しています。 今回の記事では、「なぜAtomic Designをやめたのか」という理由と、「どのようなディレクトリ構造にしたのか」を紹介します。 Atomic Designを導入したねらいと導入した結果 上記の記事で言及した通り、当初Atomic Designを導入したねらいは以下になります。 1. コンポーネントの責務がより明確になる 2. 見た目の粒度だけでなく、ロジックの責務も明確にできる 3. 「ドメインが入るか／入らないか」。「抽象的か／そうでな
2022/04/21更新 ふりかえってみて、この記事は手段と目的をごっちゃにしちゃった自分がよくわかる記事です。 DDDは「どうやってコードを書くか」が問題ではありません。その点を勘違いしちゃってるエンジニアの話として、続きを読みたい人は読んでください🙏 DDD（Domain Driven Design）って難しいですよね。難しい難しいとばかり考えていた僕もようやく最近になって少しずつわかってきた気がします。そのきっかけとなった書籍と僕のストーリーを本記事で紹介できたらと思います。 TL;DR Clean Architectureはなんとなくわかる DDDは難しい と感じている人は「Domain-Driven Design in PHP」を読むと道が拓けるかもしれない。 leanpub.com 僕とDDD DDDといえばEvansのドメイン駆動設計： エリック・エヴァンスのドメイン駆動設
こんにちは。ミーティングテクノロジーという会社で会議ツールを開発している伊勢川です。 仕事で位置情報サービスを軽く調べる機会があって、せっかくなので調べた内容を記事にしたいと思います。 位置情報（地図）サービスといえば、Google Mapを思い浮かべる人も多いのではないでしょうか。私もGoogle Mapのヘビーユーザー＆ファンで、カーナビの代わりとして使ったり、街で見つけた史跡の写真等を2000件以上投稿したりしています。 B2Cのサービスの中ではGoogle Mapが圧倒的な存在感を放っていますが、B2B向けのサービスとなると様相が異なるようです。今回は、ある調査でB2B向けサービスの中ではGoogle Mapより高い評価がついていた「HERE」というサービスについて書きます。 Google Mapよりすごいと言われる所以はなにか Omdiaのレポートによると、B2B市場の位置情報サ
こんにちは、よしこです。 株式会社ナレッジワーク というスタートアップで、2020年4月の創業時から一人目のフロントエンドエンジニアをしています。 初期に考えて組み上げたスタックで1年半ほど開発・運用してみて、なかなか快適に日々開発ができているので 新規開発のプロダクト立ち上げ時にどのようにフロントエンドを構築したのか？ 立ち上げから1年以上開発・運用を続けてきた今、それらの選択はどうだったのか？ を記事にして振り返り、公開したいなと思いました。 （プロダクトの内容はステルスで進めていてあまり対外的な発信ができないので、かわりに技術的なところはどんどんオープンにしていきたいなという気持ちがあります） いろいろな項目ごとに振り返りたいので、この記事は各項目を横断するindexとして項目ごとの概要を簡単に説明し、深堀りは項目ごとに追って詳細な記事を書いていく予定です！ 前提 プロダクトとしての
100を超える主要な音楽メディアの「2022年の年間ベスト・アルバム」を集計。ベスト・アルバム集計サイトAlbum of the Yearが集計版「2022年の年間ベスト・アルバム TOP50」を発表しています。 【集計ルール】 各メディアが発表した「2022年の年間ベスト・アルバム」のリストから、1位の作品に10ポイント、2位の作品に8ポイント、3位の作品に6ポイント、4〜10位の作品に5ポイント、11〜25位の作品に3ポイント、26位以降の作品に1ポイントをそれぞれ加算。ランク付けされていないリストの場合は、リストが10枚以下の場合は5ポイント、25枚以下の場合は3ポイント、25枚以上の場合は1ポイントをそれぞれ加算します。 現時点で108のメディアを集計。今後Album of the Yearの集計対象となるメディアがベストリストを発表した場合は、その分のポイントが加算されるため、順
藤子・F・不二雄「ノスタル爺」を読み解く
藤子・F・不二雄の「ノスタル爺」という作品がある。 1974年に、藤子不二雄Aとのコンビを解消する前の藤子不二雄名義で発表された28ページのSF短編で、ネット上では「抱けえっ！！抱けっ！！抱けーっ！！抱けーっ！！」のコマだけが妙に有名な作品だ。 ドラえもん公式サイトで2021年2月13日までの期間限定で無料配信されている。 【きれいなジャイアン登場！】 本日2/9（火）配信開始！「きこりの泉」（ドラえもん）をはじめ「見た！パー子の正体」（パーマン）「ノスタル爺」（SF短編）の３作品を無料公開！ おうち時間の気分転換に、藤子・F・不二雄作品をゆっくり楽しんでね♪https://t.co/59n1A7WRHd pic.twitter.com/X3gqCQj5k4 — 【ドラえもん公式】ドラえもんチャンネル (@doraemonChannel) February 9, 2021 現在入手可能な短
2017年3月にNintendo Switchが発売されて7年になる。発売からこれだけの年数を経ても売れ続けるゲームハードは非常に珍しく、おそらく最終的には1.5億台強を売り上げたニンテンドーDSを超えて任天堂史上最大のヒット商品となるだろう。だが、Switchが最新ハードとして活躍し続けることはなく、近い内に新型ハードが発表されるのは確実だ。 信頼性の高いもの、低いものも含め多くの憶測記事がでて、その真偽を問われるたびに任天堂は記事内容の否定を続けている。本記事もその憶測記事のひとつに過ぎないので話半分で読んでほしい。 新ハードの発売時期・価格・スペックについて、2024年5月時点における数々の記事や過去ハードに関する情報、市場動向などを基に可能な限り"正解"に近づくように推測してみた。 なお、理由は後述するが新ハードがSwitchとの互換性を持つことはほぼ間違いないと思われるので、任天
Twitterでクラシルのリデザインの題材として使って良いとつぶやいたら数名からリデザイン案をもらえました。ありがとうございます！ リデザインは、デザインの基礎スキルを身につけられると思うので、どんどんやったら良い派ですが、リデザインする際は何かにフォーカスすると振り返りしやすく技術を積み上げやすいです。 今回は、僕もクラシルのリデザイン案を作りつつそのコツを書いてみたので参考になればと思います。 デザイン力を鍛えるリデザインのコツ インターン採用でリデザイン課題を出すとだいたいの場合、グラフィック、UI設計、カラー変更など全部盛りの案を持ってきてくれる事が多いのですが、変更箇所が多すぎると狙いが分散した結果、フィードバックしにくい事がよくあります。 ポイントを絞り、リデザインの意図を伝えて、その案を叩きに対話できるとディスカッションのスキルもアップする上に『おおちゃんと深く考えてるじゃん
レビュー：ゼルダの伝説 ティアーズ オブ ザ キングダム
[本記事にはゼルダの伝説 ティアーズ オブ ザ キングダムのネタバレがほんのり含まれます] ゲームを心から楽しむためには仕事をしてお金を稼がねばならない。2023年5月12日金曜日も朝から仕事である。数年に一度のゼルダ新作発売日という大事な日に外せない予定を入れた上司を恨みつつ、木曜の仕事を終え、発売日に備えて食事を取り、風呂で体を清め、仮眠を取った。 そして、午前0時を迎えた。ゼルダの伝説 ティアーズ オブ ザ キングダムが発売された。 あらかじめSwitch本体にダウンロードされていたソフトを起動すると、ネットワーク越しに認証が始まり、プレイが解禁される。 ……。 ………。 …………。 気づけば午前4時。ほどよい疲労感を味わいながら再びベッドに入った。 金曜の仕事を終えてすぐにハイラルに潜り、寝て、起きて、土曜の朝にハイラルに戻り、祠を開放し続け、夕方に約束していた友人との食事会を完全
Transcript ํITاۀͷઓུΛ͛Δ ٕज़બͱͯ͠ͷ React Native Yukiya Nakagawa @ WaterCell Inc. 2019.10.11 MOBILE CREW NIIGATA 2019 ࣗݾհ • த ࠸ / Nkzn / ͳ͔͟Μ • ্ӽࢢग़ • ϞόΠϧΤϯδχΞ ʢReact Native, Android, PWAʣ • ೋࣇͷͰ࠺ͷ ຊ͕ධͰ͢ • ͨͬͨ1Ͱجຊ͕ʹ͘ʂ AndroidΞϓϦ։ൃೖ • ٕज़ධࣾ • 224ϖʔδ / 2,280ԁʴ੫ • https://gihyo.jp/book/ 2018/978-4-297-10004-9 ࠓճɺAndroidΤϯδχΞΒ͍͚ͩ͜͜͠ • Υʔλʔηϧגࣜձࣾ https://water-cell.jp • 2011ۀͷ৽ׁࢢͷϕϯνϟʔا
40代、50代のブロガー3人が考える「Web時代の理想の老い方」とは？ #老いの準備 公開日 | 2024/05/31 更新日 | 2024/05/31 インターネットが社会に普及し始めて約30年。20代の頃からインターネット、Webに親しんできた世代も、今や40代や50代を迎えています。忍び寄る老いを前に、技術の進化や昨今のネット社会の殺伐とした空気感にとまどい、インターネットとの付き合い方を見直したいと考えている人もいるかもしれません。 また、インターネットがあらゆるインフラにとって欠かせないものとなり、老若男女問わず当たり前にインターネットを使える「Web時代の高齢社会」をどう生きるべきなのか、その中で生じる困難をどう克服するかなど、さまざまな不安や悩みが生じる頃合いでもあります。 今回、集まっていただいたのは、1990年代のインターネット黎明期から長くWebを活用してきた40代、5
Obsidianを使って生産性を高める - Qiita
目次 1.はじめに 2.Obsidianとは 3.Obsidianのインストール 4.プラグインの導入 5.おすすめのプラグイン 6.Obsidian参考サイト 7.おわりに 1. はじめに 生産性を高めるツールは色々存在します。 タスク管理を例に挙げると、私はタスク管理にはカンバンツールが好きで、オフラインで使えるWekanやFocalBoardというツールを使ってきました。 しかし、タスク管理は〇〇、エディタは△△、作業記録は××といったように複数のツールを使うのは非常に面倒です。 機会があってマークダウンエディタであるObsidianを活用する方法を調べてみたところ、このツール1つで様々なツールの代替ができて非常に有用だと感じたので、Obsidianの導入方法とタスク管理機能を含めた個人的におすすめなプラグインを紹介し、Obsidianの活用方法を紹介していこうと思います。 まだまだ
フロントエンド初心者が無事に Hugo のブログを Gatsby で一から作り直すことができた。その振り返り。 歴史 インターネットを小中学生(もはや 25 年以上前)に触り初めた頃に、HTML で文章の構造を作り CSS でデザインする、ということができるのを知って感動したけど、結局自分には何かが合わなくてそれを突き詰めることができなかった。というか、それを知ったが故にテーブルレイアウトとかがどうしても気に入らず、かといって CSS は float が難しすぎて、結局ウェブサイトを作る、という根本的な営みをずっと避けてきてしまった。 時は過ぎ、Wordpress の様なブログエンジンや Hugo の様な仕組みがあったおかげでブログを初めて続けることはできた。13 年前にレンタルサーバに Wordpress を置いて始めたこのブログも 9 年前には VPS での Wordpress 運用に
モダンブラウザをターゲットにしたWeb制作では、CSSにおけるブラウザの互換性の問題はIE6の頃に比べるとはるかに少なくなりました。無理なリセットやすべてをリセットする必要は全くありません。 現在のWeb制作に合わせて制作された新しいCSSリセットを紹介します。 CSSの知見やテクニックも満載です！ A Modern CSS Reset A Modern CSS Reset -GitHub by Andy Bell 他のCSSリセットが気になる人は、こちらも注目です。 2020年、モダンブラウザに適したCSSリセットのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに モダンブラウザに適切なデフォルトのCSSリセット 各CSSリセットの解説 まとめ はじめに 私は日々、CSSについて考えて楽しんでいます。それは、お
Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に、 API から取得したステートを流し込み、それらを「いつ、どこで、どう」レンダリングするかという課題への最適解を、各位が模索するフェーズとなっている。 コンポーネントを敷き詰めるコンテナ側の設計は、 Flexbox および Grid の登場によるレイアウトの進化が手助けしたところも多いにある。しかし、「ページ」を前提に設計された CSS は、「コンポーネント」を前提にした設計に移行するうえで、ミッシングピースが多かった。 現在、提案/実装が進んでいる CSS の新機能群には、
こんにちは、柴田です。 今回は「会員制メディア」のチュートリアルを全3回に分けてお届けします。 === 認証編ページ作成編完成編=== 会員制メディアは、一部の記事は会員しか見れないような形式のメディアです。 ビジネスでは近年よくあるユースケースであり、もしかしたら個人ブログに導入してみても一風変わっていて面白いかもしれません。 また、応用すれば課金しないと見れない記事のような仕組みも作れると思います。 今回想定している仕様は以下の通りです。 記事一覧画面と全公開記事（/public配下）は事前生成をしておき、静的に配信する会員向け記事（/private配下）はログイン済みユーザーのみ閲覧可能とし、SSRで配信する Next.jsを用いてJamstackとSSRの合わせ技を行い、認証にはAuth0を用います。 1. Next.jsプロジェクトを用意まずは、Next.jsのプロジェクトを作成
ブログの文章やドキュメント作成など、さまざまなシーンで使われる記法に「マークダウン記法」があります。文字修飾の簡単さや読みやすさから使うタイミングは多々あると思いますが、みなさんは快適にマークダウンを書けていますか？ 筆者はVS Codeでドキュメントをマークダウンで書くことが多く、表の作成・編集やプレビュー表示など、めんどくさい・見づらい・使いづらいと思うことがあります。どうにか快適に書けないかと思いさまざまな拡張機能や設定を試しながら業務を行ってきました。 この記事では、筆者が試した拡張機能やVS Codeの設定の中で便利だったものを紹介します。①から⑥まではすべて無料で利用できるので気軽に試してみてください！ ①マークダウンの表をエクセルからコピペできる拡張機能 VS Codeでの表の作成に重宝しているのが「Excel to Markdown table」という拡張機能です。エクセル
WebAssembly (wasm) allows code written in languages other than JavaScript to run on browsers. If you haven’t been paying attention, all the major browsers support wasm and globally more than 90% of users have browsers that can run wasm. Since Rust compiles to wasm, is it possible to build SPAs (Single Page Applications) purely in Rust and without writing a single line of JavaScript? The short answ
How I built a modern website in 2021September 29th, 2021 — 34 min read For over half of 2021, I worked on a complete rewrite of kentcdodds.com. You're reading this on the rewrite of this site! Are you using dark mode or light mode? Have you signed in and selected your team yet? Have you tried to call into the Call Kent Podcast? This blog post isn't about these and other features of the new site, b
近年のフロントエンド開発にはコンポーネントという概念が付いて回ります。React・Vue・AngularといったViewライブラリでは、コンポーネントを定義してそれを組み合わせてアプリを作ります。また、いわゆるWeb Componentsとして知られる仕様群により、ライブラリに依存せずに“コンポーネント”を作ることもできるようになってきています。 コンポーネントは、何らかの機能（あるいは責務）を持った部品です。また、コンポーネントによっては再利用される（アプリ内の複数の箇所から利用される）ことを意図しているものや、そもそもライブラリとして配布されているようなものもあります。アプリの機能の一部分を抜き出したものという見方をすれば、コンポーネントというのは関数にとても類似した概念であることが分かります。 コンポーネント設計によって、言い換えればアプリがどのような機能を持ったコンポーネントたちに
GitHub - ByteByteGoHq/system-design-101: Explain complex systems using visuals and simple terms. Help you prepare for system design interviews.
Architecture styles define how different components of an application programming interface (API) interact with one another. As a result, they ensure efficiency, reliability, and ease of integration with other systems by providing a standard approach to designing and building APIs. Here are the most used styles: SOAP: Mature, comprehensive, XML-based Best for enterprise applications RESTful: Popul
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ネットの音楽オタクが選んだ2022年のベストアルバム 50→1 - 音楽だいすきクラブ
「シン・エヴァンゲリオン劇場版」公開から１週間分の感想エントリまとめ - まなめはうす
この記事の元の本編は削除しました。｜樫田光 | Hikaru Kashida｜note
最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説
3万アカウントの凍結を見届けた 趣味としてのTwitter(X)スパム報告 | N-Styles
Sign-in form best practices | Articles | web.dev
【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita
責任ある開発者のためのHTTPヘッダー | Yakst
SF界の文化戦争「パピーゲート事件」について - 100光年ダイアリー
Japanese research is no longer world class — here’s why
なぜSwitch Liteは7月に発表され、TVモードが削除されたのか
デベロッパツールの新機能が便利！ そのCSSがなぜ機能しないのか、どう修正すればよいのかが分かる
もうこれでUI用のアイコンには困らない！商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax
無料とは思えない多機能っぷりなWikiインフラ「Wiki.js」レビュー、自前でホスト＆外部サービスと連携可能
僕とDDDとClean ArchitectureとやっぱりDDD - kenfdev’s blog
Google Mapよりすごい！と噂の位置情報サービスを使ってみた - Qiita
2020年に立ち上げたWebフロントエンド構成の振り返り
100を超える主要な音楽メディアの「2022年の年間ベスト・アルバム」を集計 TOP50リスト発表 - amass
次世代Switchの現実味のある予測(2024年5月現在)
UIデザイン力を鍛えるリデザインの勧めとコツ｜坪田 朋
地方IT企業の戦略を広げる 技術選択としてのReact Native
40代、50代のブロガー3人が考える「Web時代の理想の老い方」とは？｜tayorini by LIFULL介護
フロントエンド初心者がGatsbyでブログを作り直した話 - As a Futurist...
古いCSSリセットからはもう卒業！モダンブラウザに適した新しいCSSリセット -A Modern CSS Reset
次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
Next.jsとAuth0で会員制メディアを作る【1. 認証編】
VS Codeでマークダウンを快適に書きたい！ オススメの拡張機能と設定6選 - ICS MEDIA
Single Page Applications using Rust
How I built a modern website in 2021
CSSとコンポーネント設計に対する考察 - uhyo/blog