古くてデカくて詳細度の高い common.css を倒す - Qiita
はじめに この記事はなに？ 詳細度 が高い CSS ファイルに対して、カスケードレイヤー を活用してスタイルの優先度を下げることで、新しいスタイルを高い保守性で実装できる方法を提案する記事です。 書かないこと カスケードレイヤーの詳細な内部実装 いわゆるモダンな技術のナレッジ 対象読者 歴史のあるウェブサイトを運用している開発者 古い CSS ファイルの高い詳細度に苦しんでいる開発者 「古くてデカくて詳細度の高い common.css」とは？ 歴史のあるウェブサイトを長年支えている古い CSS ファイルのことです。CSS 設計 という考え方が普及する前の時代に作成された CSS ファイルは、往々にして詳細度が高いセレクターが見受けられ保守性が低くなっており、記述されている量も多くファイルサイズも大きくなりがちです。また、このようなファイルは common.css という命名がなされているこ
もう仕事に追われたくない！自分起点で楽しく働くための自己管理術 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 仕事に追われる日々から解放され快適に楽しく働くことができる環境を実現するためには、自己管理が重要です。ここでいう「仕事に追われず快適に楽しく働ける状態」とは、自分自身で意思決定を行い、仕事の進行を自らコントロールする能力を身につけることを意味します。 多くのエンジニアは仕事の量や複雑さに圧倒され、自分のペースで仕事を進めることができないという状況に直面しています。しかし、自己管理スキルを身につけることでこれらの課題を乗り越え、より自分起点な働き方が可能になります。 この記事では、よく起きがちな問題とあわせて自己管理を強化するた
360度動画を使って、楽にInstant-NGPで3Dシーンを再現する話 - Qiita
概要 こんにちは！ VRChatを中心にXR関係の活動をしているサックーと申します。 この記事は、NVIDIAが公開した高速なNeRF技術であるInstant-NGPに360度動画を素材として使うことで、楽に3Dシーンの再現ができた話です。 新しい(？)部分としては、Unityを使って360度動画から2D画像を切り出しているところかなと思います。 また、これはIwakenLabアドベントカレンダー6日目の記事です 使用技術 Unity 2021.3.4f1 BRP 撮影機材 insta360 X3 ビルドを公開しました！(2023/3/18追記) こちらからダウンロードしてお使いください。 きっかけ さて、件のリポジトリ公開後Twitterでいろんな人がInstant-NGPを試しているのを見て、自分もやってみたところ想像以上に簡単に高精度なものができて普通に感動していました。 しかし自分
Amazon VPCを「これでもか！」というくらい丁寧に解説 - Qiita
はじめに AWS上で仮想ネットワークを構築できるAmazon VPCは、多くのAWSサービスが動作する基盤となる、非常に重要かつ多機能なサービスです。 多機能ゆえに公式ドキュメントやネット上の記事も断片的な機能の解説が多く、全体像を把握することが難しいサービスとも言えます。 そこで本記事はVPCの全体像を理解できるよう、各機能のつながりや動作原理を丁寧に解説し、 「VPC界の百科事典」 (あくまで例えですが…笑) となるような記事を目指したいと思います。 【追記】 実践編の記事を追加しました VPCの実画面での構築方法は、以下の別記事にまとめました。「VPCを実際に触ってみたい！」という方は、こちらもご一読いただけると嬉しいです。 VPCとは 「Virtual Private Cloud」の略で、クラウド上に仮想的なネットワークを構築するためのサービスです。 例えば、オンプレ環境でWebア
Datomic Ions ワークショップに参加した - Qiita
Clojure/Conj 2019 昨年に引き続き、Cognitect社が本拠を置くノースカロライナ州ダーラムにて開催されたClojure/Conj 2019に参加してきました。2回目ということで変化をつけるべく、カンファレンスの前日に開催されたDatomic Ionsワークショップに参加してきました。Cognitect社の社長であり、Datomicの主要開発者であるStuart Hallowayが講師としてハンズオンで教えてくれる形式でした。本稿では質疑応答で学んだことを混じえながらIonsを紹介します。 Datomic Ionsとは 一文でまとめると、Datomic Cloud上で、Datomicのデータを必要とするビジネスロジックを、ネットワーク越しにクエリするオーバーヘッドなしに実行するための仕組みです。 本稿はDatomic Cloudをある程度理解していることが前提となります。
iOSのUIを構築する仕組みと学ぶステップを考える - Qiita
過去を振り返って iOSを学びはじめて一番最初に戸惑ったことは どうやってUIを作成するのか？ ということでした。 最初Xcodeでプロジェクトを作成すると Main.storyboardがあり Storyboardを使ってUIを作成していくものだと思いましたが 色々なサイトで情報を調べてみると コードレイアウト Xib(Nib) AutoLayout autoResizingMask など色々なUIの構築方法が出てきて 結局何が良いのかがわからなくなりました。 今回は これからiOSを学ぶ人向けへの UIの構築方法のまとめ記事があったので それを参考にして どのようなUIを構成する方法があるのか？ どういう時にどの方法が選ばれているのか？ 何を学び、どう学ぶのか？ について見ていきたいと思います。 Xcodeの始まり AppleのSDKは 1997年のスティーブジョブズの２番目のスタート
UIViewPropertyAnimatorを使いこなそう - Qiita
本記事は、FOLIOアドベントカレンダーの7日目の記事になります。 UIViewPropertyAnimatorとは UIViewPropertyAnimatorはユーザーの操作とアニメーションを連動させたり、アニメーションの開始・停止・反転などのコントロールを可能にするAPIです。 なので、UIViewPropertyAnimatorを使うとインタラクティブなアニメーションを簡単につくることができます。（お馴染みのUIView.animateだけでは出来なかったことですし、LayerやCoreAnimationを使えば可能ではありましたが個人的に複雑な実装になる印象があります。） また、iOS10から導入されたAPIなのでUIViewPropertyAnimatorをご存知の方は多いのではないでしょうか。 なぜ今UIViewPropertyAnimatorなのか まず、iOS10で導入さ
builderscon tokyo 2019 - Elixir: Under the Hood - Qiita
2019年8月31日、builderscon tokyo 2019 にて「Elixir を支える技術 -「落ちない」システムの秘密に迫る」というセッションで発表してきました。この記事では、発表で使ったスライドと台本を公開します。時間的制約で当日喋れなかった部分や参考リンクもつけているので、当日聴かれた方は差分を楽しんでみてください。 builderscon は参加するのも初めてで、もともとは、Erlang & Elixir Fest 2019 の懇親会で元同僚から勧められた勢いで CfP を送ったのがキッカケでした。3日前になっても台本すら出来ていなかったときはさすがに後悔しましたが、当日は予想以上に多い聴衆と質問で非常に楽しいセッションでした。すべて運営スタッフと温かい聴衆のみなさんのおかげです。ありがとうございました。 また、ぼくがいま勤めている株式会社 ABEJA でも、Elixir
React開発において便利なTypeScriptの型まとめ - Qiita
React開発において個人的に便利だなーと思っているTypeScriptの型をだだーっとまとめてみました。私自身もまだまだTypeScript修行中の身ですので、新たに気づいたものがあったら随時追記していきます。みなさんも「こういう使い方できるぜ！」みたいなのがあったら、ぜひ教えていただければと思います。 対象とする読者 最近ReactにTypeScriptを導入し始めた人 ReactにTypeScriptを導入してそこそこ経つけど、いまいち使いこなせてる気がしない人 TypeScriptにあまり詳しくない人でもわかるように説明しているつもりではありますが、以下の記事がTypeScriptの入門用に素晴らしいので、そちらを先に読むとスムーズに読み進められると思います。 TypeScriptの型入門 Partial React開発においてよく定義する型としてコンポーネントのpropsの型があ
ネットワーク越しでパイプしたり、あらゆるデバイス間でデータ転送したい！ - Qiita
何を解決したいか？ Mac, Windows, Linux, iPhoneやAndroidのスマホ・タブレットとかのデバイス間でデータの転送したいことがあります。 SlackとかLineとかSkypeとかAirDropとかあっても 送りたい相手と共通して使っているサービスを探す必要とか、 GUIのソフトウェアのインストールが必要とか、 AirDropだとApple系OSである必要 があるなどの転送の障壁があって、GUIが使えないデバイスに送りたいときなどは困ってしまいます。 すでにたくさんのファイル共有系のサービスがありますが、コマンドを使ったCUIベースにあまり親切な設計なものはあまりないと思います。 そこで、上記の問題を解決するために、以下のようなファイル転送の仕組みを作りました。 他デバイス間でデータ転送ができ、 別途ソフトウェアのインストール不要で、 パイプにとても親和性が高くエン
汎用言語表現モデルBERTを日本語で動かす(PyTorch) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今DL for NLP界で、BERTというモデルが話題です。PyTorchによる実装が公開されていたので、日本語Wikipediaコーパスに適用してみました。 コードはこちらに公開しております。 2018/11/27 作成したBERTのモデルを使って内部動作の観察とその考察を行いました。単語の潜在表現獲得の部分で感動的な結果を見せてくれました。ご興味あればご覧ください↓ https://qiita.com/Kosuke-Szk/items/d49e2127bf95a1a8e19f この記事ではBERTのポイントの解説と、ポイントごとの実
私達が開催しているCoderDojoとは似てるけどちょっと違ったプログラミングサークル
本稿は CoderDojo Advent Calendar 2017 の13日目の投稿です。 （先日12日目の投稿はこちらです） 大幅に遅れてしまい、大変申し訳ございません… まず私について えーと、一応これから紹介するもの（ECoder’s）の主宰者側の人間です。（あっ、主宰者じゃないです。主宰者はリンク先記事を書いたyuki384さんです） あとは…私は小学生の頃かなりの頻度でCoderDojoKashiwaへ行っておりました。って事と、現在はCoderDojoJP非公式アプリだとか、ゲームだとか（現在ゲーム主体）絶賛製作中って事ですね。 （CoderDojoJP非公式アプリに関しては、来年のCoderDojo Advent Calendarで書きたいなぁと） では本題。 ECoder’sってなにもんよ⁉️ yuki384氏が立ち上げた、江古田でやっているプログラミングサークルです。
PKCS #12 個人情報交換ファイルフォーマットについて - Qiita
PKCS #12 個人情報交換ファイルとは 個人情報交換ファイル は PKCS #12 Personal Information Exchange Syntax Standard という規格で定義されたファイルです。 PKCS #12という規格は、英語版Wikipediaによると以下のように説明されています。 See RFC 7292. Defines a file format commonly used to store private keys with accompanying public key certificates, protected with a password-based symmetric key. PFX is a predecessor to PKCS #12. 訳してみます。 RFC 7292を参照。パスワードベースの対象鍵による保護のもと、秘密鍵をそれと
JSer のためのタスクランナー MEMI - Qiita
TL;DR https://github.com/3846masa/memi JSer のためのタスクランナー MEMI ES module で 1タスク 1Function で書ける 依存関係を自動でインストールしてくれる なんで作ったのか きっかけは mimorisuzuko/memi． 要約すると， JavaScript で書けるタスクランナーが欲しい Makefile やシェルスクリプトは，凝った処理を書くのが怠い どのディレクトリでも手間なく使いたい Node.js に関係ないディレクトリで node_modules や package.json を置きたくない タスクで使うモジュールのグローバルインストールは避けたい npm root -g の場所とは別のところに置きたい 既存のタスクランナーと問題点 Makefile シェルスクリプトで書かないといけないので，ちょっと複雑なこ
「エアコン消したっけ？」をAIでなくそう！ - Qiita
1.概要 CNNをつかって、家のエアコンのオン・オフを見分けるAIをつくりました。 2.はじめに Aidemyで「ディープラーニングで画像認識モデルを作ってみよう！」の受講ルートを勉強しました。なにかアウトプットをしようと思って、この記事を書きました。 ぼくはエアコンのスイッチを消したか覚えてなくて気になることが多いです。そこで、AIでエアコンのオン・オフを判別できたら便利だなと思い作ってみました。 強迫性障害のひとにとってはすごく大事な問題です。友達に強迫性障害のような症状をもっているひとがいて、「ドアのカギを何度も確認したくなって辛い」と言っていました。 強迫性障害では、自分でもつまらないことだとわかっていても、そのことが頭から離れない、わかっていながら何度も同じ確認をくりかえしてしまうことで、日常生活にも影響が出てきます。意志に反して頭に浮かんでしまって払いのけられない考えを強迫観念
Xamarin と React Native と Flutter の違いを正しく理解しよう - Qiita
概ね、デスクトップアプリに対応するか、Webアプリに対応するかで選択肢が大きく変わります。 開発者に提供される API X-Plat Tool が開発者にどんな「API セット」を提供するかを比べてみましょう。 ここでは２つに分類してみます。 A. 開発者は、X-Plat Tool の 独自API を利用する この方式の X-Plat Tool は、それ専用のAPIセットを開発者に提供します。 例えば Flutter では Stack というレイアウトクラスを提供しますが、これは Android の FrameLayout に近いものと考えられます。 あるいは JSX や XAML などの DSL(Domain Specific Language) を使用する場合もあります。React Native では画面のデザインは JSX(return で HTML っぽいタグを返すアレ) を使用し
ソートアルゴリズムを極める！ 〜 なぜソートを学ぶのか 〜 - Qiita
NTT データ数理システムでリサーチャーをしている大槻 (通称、けんちょん) です。 今回はソートについて記します。 0. はじめに データ構造とアルゴリズムを学ぶと一番最初に「線形探索」や「ソート」が出て来ます。これらのテーマは応用情報技術者試験などでも頻出のテーマであり、アルゴリズムの Hello World とも呼ぶべきものです。 特にソートは、 計算量の改善 ($O(n^2)$ から $O(n\log{n})$ へ) 分割統治法 ヒープ、バケットなどのデータ構造 乱択アルゴリズムの思想 といった様々なアルゴリズム技法を学ぶことができるため、大学の授業でも、アルゴリズム関連の入門書籍でも、何種類ものソートアルゴリズムが詳細に解説される傾向にあります。本記事でも、様々なソートアルゴリズムを一通り解説してみました。 しかしながら様々な種類のソートを勉強するのもよいが、「ソートの使い方」や
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
go.uber.org/atomic パッケージを使って、atomicな値を扱う。 - Qiita
Xcode9で謎のEXC_BAD_INSTRUCTIONと戦った話 - Qiita
trans-loader: node/webpack なしではじめるフロントエンドプロジェクト - Qiita
