デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール
![iOS15の新機能! 紛失したiPhoneの電源がオフでも探す方法 | ライフハッカー・ジャパン](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf7e65e53d529d74bb90c74e6cce79447ab50642/height=288;version=1;width=512/https%3A%2F%2Fmedia.loom-app.com%2Flifehacker%2Fdist%2Fimages%2F2021%2F10%2F17%2F20211017-findme01.jpeg%3Fw%3D1280%26h%3D630%26f%3Djpg)
Webサイトやスマホアプリで見かけるUIコンポーネントをTailwind CSSで実装されたコンポーネント集を紹介します。 Tailwind CSSを初めて触れる人にも簡単で、デフォルト構成で機能し、HTMLをコピペするだけで簡単に使用できます。 Flowrift Flowrift -GitHub 他にも、Tailwind CSSで実装されたUIコンポーネントを探している人は下記もご覧ください。 Tailwind CSSで実装されたUIコンポーネント・ページテンプレート、商用プロジェクトで無料のものをまとめました Flowriftは、Tailwind CSSで実装されたUIコンポーネントのライブラリです。通常のHTMLに、Tailwind CSSのデフォルト構成で機能します。コンポーネントを組み合わせて、ページレイアウトを作成することもできます。 Flowrift ライセンスが明記されてい
NTT データ数理システムでリサーチャーをしている大槻 (通称、けんちょん) です。今回は計算量オーダーの求め方について書きます。 0. はじめに 世の中の様々なシステムやソフトウェアはアルゴリズムによって支えられています。Qiita Contribution ランキング作成のために用いるソートアルゴリズムのような単純なものから、カーナビに使われている Dijkstra 法、流行中のディープラーニングに用いられている確率的勾配降下法など、様々な場面でアルゴリズムが活躍しています。アルゴリズムとはどんなものかについて具体的に知りたい方には以下の記事が参考になると思います: アルゴリズムとは何か ~ 文系理系問わず楽しめる精選 6 問 ~ アルゴリズムを学ぶと $O(n^2)$ や $O(n\log{n})$ や $O(2^n)$ といった計算量オーダーの概念が登場します。こうした記法を見ると
aspect-ratioを利用しない場合は、以下のように、beforeにpadding-top: 56.25%;を指定し、親や子の要素にpositionを設定するという面倒な対応をしないといけない .parent { position: relative; width: 100%; &:before { content: ''; display: block; padding-top: 56.25%; /* 16 : 9 */ } .child { position: absolute; top: 0; left: 0; } } min(), max(), clamp() 便利css関数 例えば以下のようなコードをminを利用すると1行で置換可能 追記:minとmaxの認識が逆になっていました。。申し訳ありません。 ↓この様な認識が正しいですね。 min('基本幅', '最大幅') max
bindを使うと、javascriptでprivate変数を実現できるという話です。 結論を先に書くと、こうなります。 function Counter(){ let privates = { count : 0, }; this.add = Counter.prototype.add.bind(this, privates); this.getCount = Counter.prototype.getCount.bind(this, privates); } Counter.prototype.add = function(privates, diff) { privates.count += diff; } Counter.prototype.getCount = function(privates) { return privates.count; } let c1 = new Co
やりたいこと ASP.NET無印、及びASP.NET Coreで発行プロファイルに応じてWeb.Configの設定値を書き変えて発行します。 発行プロファイルではDB接続文字列については個人単位に切り替えながら(*.pubxml.userを使って)運用できますが、それ以外の設定値も同様のやり方で自動的に切り替られればとても便利です。 また、個人用のテスト環境についての設定はgit管理から除外できると良いでしょう。 前提 ASP.NETの発行プロファイルを切り替えて運用しているケースは多いかと思います。 local_profile.pubxml(ローカルテスト用プロファイル) test_shared_profile.pubxml(共有テスト環境用プロファイル) production_profile.pubxml(本番環境用プロファイル) ここで、ログインページに表示するサイト名をWeb.Co
はじめに ASP.NETにて入力チェックをするにはDataAnnotationによる標準のValidationフレームワークを利用することができますが、標準機能だけでは業務要件的に全てのケースに対応できない場合には結局自前で検証コードを書くことになる為、検証コードが複数個所に分散することを嫌って標準のValidationを使っていない方もいるかと思います。 また、いろいろな理由でDataAnnotationが使えず、コントローラや業務ロジック側で入力検証をする必要があるケースもあるでしょう。 その際に使用できるシンプルな入力検証フレームワークの一つがFluentValidationです。 https://docs.fluentvalidation.net/ これを使うと、フレームワークでできる部分はフレームワークに任せ、複雑な検証は自前のコードで追加で記述することが容易に可能です。 また、
上記でいうと、"Styles"の部分に赤線が表示され、マウスホバーすると「Stylesは宣言されていません。アクセスできない保護レベルにあります」というメッセージが表示されます。参照が解決されていないようです。 しかしビルドは通り、発行も行われ、実際にウェブ上で表示させてもエラーは出ません。 ネットでは「Viewフォルダ内のWeb.configにSystem.Web.Optimizationのnamespaceを追加せよ」とあり、確認しましたが、既に追加されています。 <system.web.webPages.razor> <host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31BF3856AD36
目的 ASP.NETにおけるDI(Dependency Injection)時に、ConfigureServicesで個々の型をひとつひとつ登録しているときりがないし、これが開発のボトルネックになりかねません。 そこで必要となるのが、アセンブリスキャンによるサービスの自動登録です。AutoFacなどのDIコンテナでは標準搭載していますが、MicrosoftのDIコンテナでは今のところ未搭載です。 また、例えAutoFacを使ったとしても、「C#でアセンブリを取得するのはあなたが考えるより難しい(Getting Assemblies Is Harder Than You Think In C#)」でも書かれているとおり、スキャン対象のアセンブリを取得するのはなかなか面倒な作業でもあります。 この記事では、アセンブリをスキャンして登録対象の型を自動的にDIにサービス登録する為の適切な方法につい
「DI使うとインタフェース地獄に陥るらしいから使いたくない」と言っていたA氏がインタフェースを使わずにDIで幸せになるまでC#DIDependencyInjection依存性の注入 DIはインタフェース定義しなくても十分実用的だし、むしろそっちの方が本質だよ、という話をします。C#や.NETを使っていますが、それに限らず普遍的な内容です。 インタフェースと実装に分けるとか無理。DIなど不要! 中堅社員のA氏は、「DIっていちいち実装とインタフェース分けないとダメなんでしょ?。さすがにやってられんわ」と言って頑なにDIを導入しようとしません。 DIはテスタビリティと併せて語られることが多かった為か、A氏は「注入するクラスは基本的にインタフェース定義しましょう」という記事ばかりを読んでいたのです。 インタフェースと実装を分けるとは、例えば次のような事です。 services.AddScoped
はじめに 消防士として3年間勤務し、web系仕事に転職して2年位が経ったので、思い立ってアプリを個人的に開発しました。 制作時間としては、おおよそ3週間といったところでしょうか。 3週間くらい仕事終わりに、1.5〜2時間ほど行っていました。 あまり長い期間、予定をたてると失敗するタイプなので、なるべく短い期間で且つ必要機能だけといった縛りで行いました。 ※この記事は10/9にzennに投稿したものです。 自分のレベル感 レベル的には、エンジニアではなく、コーダーです。 異業種からweb系に転職して2年ほどです。 普段はweb系の会社でphp等を使ってバックエンドをしています。 使える、使ったことがあるものとしては、マークアップ言語、js、ts、vue、react、node、php、dart、firebase、flutter、mysql等です。 リリースしたもの まだiosしか審査の関係で出
こんにちはー!ニアです。 ここでは、Visual Studioの外部ツール機能の活用法について紹介します。 1. Visual Studioの外部ツール機能とは? Visual Studioの外部ツール機能では、GUID作成やコマンドプロンプトなどのツールを簡単に呼び出すことができます。 ここにコンピューター上の任意の実行ファイルを登録することもできます。 2. gnuplotをVisual Studioの外部ツールに登録してみよう ここでは「gnuplot」を例に外部ツールに登録してみましょう。 --- gnuplotとは? --- gnuplotとは、コマンドラインから操作するフリーのグラフ描画ツールアプリケーションです。Windows / Mac / Linuxなどに対応しており、2次元のグラフはもちろんのこと、3次元のグラフをプロットすることができます。 また、外部のデータファイル
はじめに 今回はVisual Studioの外部ツールとしてVisual Studio Codeを登録し、VIsual Studio上でVisual Studio Codeを起動する までの手順をまとめてみました。 環境 Windows 10 Visual Studio 2017 Community 1. 外部ツールの編集 「ツール」 -> 「外部ツール」を選択します 2. 追加 追加ボタンをクリック 外部ツールが追加されます 3. 名前を変更 まずは名前を設定していきます。 Visual Studio Codeを起動したいので名前に「VS Code」を入力 4. コマンドの指定 次にコマンドを指定します。 今回はVisual Studio Codeを起動したいので、Visual Studi Codeのexeのファイルパスを指定します。 exeのファイルパスの入力 ...と書かれたボタンを
はじめに ソートアルゴリズムの学習として、12種のソートアルゴリズムを実装して可視化してみました。 Unityにはあまり関係がなさそうな話題ですが、Unity上で作ったのでUnityタグをつけます。 バブルソート バブルソートのアルゴリズムは以下のような感じです。 配列の要素を最初から最後まで見ていき、順序が逆の要素があれば入れ替える 全ての要素の順序が正しくなるまで 1.を繰り返す. void BubbleSort(int[] a) { bool isEnd = false; int finAdjust = 1; // 最終添え字の調整値 while (!isEnd) { bool loopSwap = false; for (int i = 0; i < a.Length - finAdjust; i++) { if (a[i] < a[i + 1]) { Swap(ref a[i],
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く