CSSでついにif elseの条件文が使える！ if()関数の便利な使い方を解説
5月にリリースされたChromeとEdgeで、CSSのif()関数がサポートされました。これによりCSSでもif elseの条件文が使えるようなり、プロパティに対して条件付きで値を設定できるようになりました。 新機能なので、実際にどのように使えばよいのか分からないことも多いと思いますので、if()関数の便利な使い方を紹介します。 たとえば下記のCSSだと、ボタンの幅はマウスで操作できるデバイス（デスクトップなど）だと30px、タッチデバイスだと44pxになります。 CSS conditionals with the new if() function 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに if()関数のデモ: インラインのメディアクエリ if()関数のデモ: インライン
CSSの進化がすごすぎる！ CSSで関数を自分で定義できるカスタム関数が使えるようになります
CSSの関数って、便利なものが多いですよね。calc()が登場したときも衝撃でしたが、最近ではattr()関数がパワーアップしたり、レスポンシブ対応に必須のmin(), max(), clamp()関数、ライトテーマとダークテーマのlight-dark()関数、ほかにも:is()や:where()といった疑似クラス関数、sin(), cos(), tan()などの三角関数もCSSで使えます。 そして2025年、これまでとは全く違う新しい関数がCSSで使えるよう開発が進んでいます。新しい関数はカスタム関数で、自分オリジナルの関数をCSSで定義して使用できます。 CSS Custom Functions are coming by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSのカスタム関数とは C
エクセルで「セルA2の住所から県名を抜き出す数式」を考えた人すごい→「これはカッコいい解法ですね」「こういうパズルは楽しい」
筒井.xls@エクセル関数擬人化本著者 @Tsutsui0524 @manboksuke IF関数は真か偽かで異なる結果を返す関数で、真か偽かを判断しているのは「MID(A2,4,1)="県"」みたいな論理式の部分です 論理式が成立していればTRUE、していなければFALSEを返します 2024-07-29 18:19:09 まんぼK助@やりたいゲーム多すぎ @manboksuke @Tsutsui0524 えーと…すると、レフト関数の…桁数んとこのカッコの式が論理式で…4個目が県の時は…TRUEだから…真で…1(ここがわからない)で…3＋1だから4文字切り出しで…そうでない時は0だから文字数3…かあ？？理解してなくてすみません… 2024-07-29 18:25:54 だい By Team D2E @Die_Team_D2E 横入失礼します LEFT関数と、MID関数を別々で考えて、最後
カリー化と部分適用
カリー化と部分適用 先日同僚にカリー化を説明する機会がありました。その際に、簡潔に説明に適した自分用の資料があるといいなと思いましたので、こちらの記事を書くことにしました。 この記事ではカリー化と部分適用について解説します。歴史等には触れずにただその内容について述べます。 混同しやすいという情報があるのですが、割と違うレイヤの話なのでなぜなのかは不明ですが、関連性に関する私見も末尾に書いておきます。 カリー化 カリー化 (Currying)[1]とは 複数の引数を取る関数を、単一の引数を取る関数に翻訳する手法 のことです。 簡単な例を見ます。以下のような2つの引数を持つ関数を考えます。 const add = (a: number, b: number) => a + b; console.log(add(1, 3)); // 4 関数を値のように返す関数のことを高階関数と呼びます。 カリ
Scalaのnull/Nothing/Nil/Noneはやりすぎなのか？ - ぐるぐる～
Twitterしてたら目に入ったので軽く。 Javaにおけるnull。これまでとこれから この後のスライドで、 Scalaにおける「何もないもの」の分類はやり過ぎ感はある と言われているんですが、ある程度は誤解に基づく意見だよなぁこれは、ということを言っておこうかなと。 Scalaについて 日本では説明が不要なくらいScalaって有名になってると思うんですが一応。 ScalaはJVMの上で動作する、(クラス指向の)オブジェクト指向プログラミングと関数型プログラミングを融合させた言語です。 そして、Scalaのコア機能はどちらかというとオブジェクト指向プログラミング寄りです。 オブジェクト指向プログラミングをベースに、関数型の色々なものを実現している感じです*1。 オブジェクト指向プログラミング的な機能として真っ先に思いつくのは何でしょうか？ 割と上位の方に、「継承」とか「型階層」とか来るん
Chrome 111のココに注目！ 三角関数やスタイルクエリなどCSSに関する新機能がけっこうたくさんサポートされました
本日リリースされたChrome 111で、CSSに関する新機能がけっこうたくさんサポートされたので、紹介します。 sin(), cos(), tan()などの三角関数をはじめ、親要素のスタイルに応じて子要素のスタイルを適用できるスタイルクエリ、:nth-child()で「of S」構文が使用できるようになったり、他にもいろいろ盛りだくさんです。 コンテナクエリは先月のFirefox 110ですべてのブラウザで使用できるようになりましたが、今度は三角関数がChromeでサポートされ、すべてのブラウザで使用できるようになりました。 sin()のサポートブラウザ CSSで使用できる三角関数は、sin(), cos(), tan(), asin(), acos(), atan(), atan2()です。すでに2022年にリリースされたSafari, Firefoxではサポートされています。 202
150 分で学ぶ高校数学の基礎
[重要なお知らせ (2023/8/12)] 現在，スライドの p.10 に不十分な記述があります．ルートの答えは 0 以上の数に限定することに注意してください (たとえば -3 を 2 乗しても 9 ですが，ルート 9 は -3 ではありません)．なお，現在筆者のパソコンが修理中でデータがないので，修…
オブジェクト指向のその前に-凝集度と結合度/Coheision-Coupling
High-Level Programming Languages in AI Era -Human Thought and Mind-
やっぱり JavaScript (TypeScript) でも アノテーション (Decorator) 使いたい！
自主的20%るぅる > 最新記事 > 技術ネタ > やっぱり JavaScript (TypeScript) でも アノテーション (Decorator) 使いたい！ JavaScript でもアノテーションしたい！ こんにちは、江嵜です。 JavaScript バリバリ書いてますか？ JavaScript をガッツリ書いていると、 やっぱり型が欲しくなったり Enum 欲しくなったり Interface 欲しくなったり みたいなことあって、TypeScript 使っちゃうんですね。 やっぱりあった方が便利ですからね。 で、次はアノテーション欲しいんですか？ TypeScript にもありますよ！良かったですね！ (もう Java 書いてればいいんじゃないかって気がしなくもない) 実際に書いてみよう！ 先ほどはアノテーションという名前を使いましたが、これは Java での呼び方ですね。 J
コールバックと、ポリモーフィズムと、それからコルーチンを構造的に見る - Qiita
この記事では、コールバックはポリモーフィズムの特別な場合であるという見方もできること、その意味ではそんなに難しい話ではないことを説明します。 あと、関数呼び出しを視覚的にブロックみたいなもので表現すると、ポリモーフィズムやコルーチンを使ってどういう事をやっているのか何となくわかった気になれるので、そのような表現を試みます。 ちょっと見方に変化をつけることで、難しそうな概念が身近になるといいなというような試みです。 コールバックのおさらいと、ご利益 const someFunction = (someCallable) => { /* nagai syori */ const isContinued = confirm('nagai syori ga owatta yo! tudukeru?') someCallable(isContinued) } someFunction((isCont
top-level awaitがどのようにES Modulesに影響するのか完全に理解する - Qiita
先日、TypeScript 3.8 RCが公開されました。TypeScript 3.8はクラスのprivateフィールド（#nameみたいなやつ）を始めとして、ECMAScriptの新機能のサポートがいくつか追加されています。この記事で取り扱うtop-level awaitもその一つです。 この記事ではtop-level awaitに焦点を当てて、その意味や使い方について余すところなく解説します。top-level awaitは一見単純な機能に見えますが、実はモジュール (ES Modules) と深い関係があり、そこがtop-level awaitの特に難しい点です。そこで、この記事ではECMAScriptのモジュールについても詳しく解説します。この記事を読んでtop-level awaitを完全に理解して備えましょう。 **※ この記事は3分の1くらい読むと「まとめ」があり、残りはおま
githubで最もやべー関数を発掘する - Qiita
はじめに 先日、職場で「自分が 改修したor 書いちゃった いちばんやべー関数」ネタで盛り上がりました。 みんないろいろ話してくれましたが、やっぱり僕の書いた「コマンドパターンのメインループ関数(1500行)」の圧勝でした。 なんであんなコード書いたんだろ。 そこで、今日は僕の傷ついたプライド癒すべくgithubから「世界でいちばんやべー関数」を発掘します。 つまり、「俺が書いた関数よりやべー関数に会いに行く」 結論 マジでやべー関数は次の2つ 「opencvリポジトリのcv::agast_cornerScore<AgastFeatureDetector::AGAST_7_12s>関数」(複雑度1868) 「SuiteCRMリポジトリのOpenTag関数」(複雑度1509) 言語毎の傾向に着目すると... javascriptにはやべー関数が多い python/java/swift/rub
Excel関数「VLOOKUP」の後継登場！ 「XLOOKUP」で数字管理を簡素化する【今日のワークハック】 | ライフハッカー・ジャパン
ところでVLOOKUPとは？VLOOKUPとは、ある場所の値を参照して、別の場所の値を取り出せるExcel関数です。たとえば、次のようなスプレッドシートがあるとします。 Image: Lifehacker USVLOOKUPを実行すると、セル（F5）に、ある列からある値（たとえばA列の”bus"）を検索して、同じ行の別の列の値（C列の”blue”）を取り出すことができます。 HLOOKUPも、行と列の指定が逆になるだけで同じことができる関数です。ある行のある値を参照し、同じ列の別の行から値を取り出します。 XLOOKUPで何ができる？そして今回、MicrosoftのJoe McDaid氏が「アイコニックなVLOOKUP関数の後継」と称するXLOOKUPが新たに登場しました。 XLOOKUPは、水平、垂直の両方を参照できるところからその名が付けられました（そう、HLOOKUPの代わりにもなる
JavaScript: transducerを作ってみた
const compose = (...fs) => x => fs.reduceRight( (acc, f) => f(acc), x ) const mapping = f => reducing => (acc, e) => reducing(acc, f(e)) const filtering = f => reducing => (acc, e) => f(e) ? reducing(acc, e) : reducing(acc, undefined) const folding = f => x => reducing => (acc, e) => acc.length === 0 ? reducing(acc, f(x, e)) : reducing(acc, f(acc[acc.length-1], e)) const taking = n => reducing =>
エミナルクリニック富山院の口コミ3選＆20代女子の本音まとめ
ネットで検索してよく出てくるエミナルクリニックの富山院がめっちゃ気になるなぁ。 医療脱毛なのにすごい安くていい評判も聞くけど、ほんとに痛くないのかな？ 通っている人の口コミをみてみたいなぁー。 なんて気になったので、エミナルクリニックの富山院についてSNSやネットで調べてみました。 そう思ってSNSを中心に調べてみたら、、、口コミや評判も良いじゃない♪ ちなみに、似たようなサービスや商品があるかも？なので、今回調べてみたのはこちらになります。 オープンしました！ エミナルクリニックの富山院ですが、すでにオープンしています！（2020年10月2日オープン済） もちろんですが、オープンしたてなんでめっちゃ予約が取りやすいです。 人気のある医療脱毛院なので早めの予約が良いかも？！
PHPでPNG画像の透過部分を保持したままリサイズするサンプル:phpspot開発日誌
Smart Image Resizing while Preserving Transparency With PHP and GD Library | Medium eXposure Also, you want it to preserve transparency damn it! Surprisingly, I was unable to find a good function that does all that, so I decided to attempt writing it. This should do it. PHPでPNG画像の透過部分を保持したままリサイズするサンプル。 PHP+GDで透過PNG画像をリサイズしようとすると、透過部分が黒くなってしまったり、ちゃんとやらないとうまくリサイズできなかったりします。 ということで、便利な関数を公開されているページを紹
PHP 4とregister_shutdown_function()に気をつけろ!! - よくきたblog
register_shutdown_function()はマニュアルを見てもらえばわかるのですが,PHPのスクリプト処理が終了した後に実行される関数(メソッド)を登録する関数です. ※指摘があり再確認したらregister_shutdown_functionは期待通りの動作をするようでした…(涙 PHP 4(バージョン4.4.4)で構築しているある案件で ・常に最後に実行される処理を用意したい. ・デバッグモードのときだけプロファイルを表示するようにしたい ってことでregister_shutdown_function()を何も考えずに使用した. コアクラスのようなものを作成していたので,シャットダウンメソッドで上記を実装. 例えばこんな感じ. class Core { var $flag; function Core() { $this->enableFlag(); : : : regi
PostgreSQL 7.1 から 7.2への変更点
version: $Id$ リリース日：2002/02/04 掲載日：2002/02/04 PostgreSQL 7.1 から 7.2 への変更点 注意: ここにあげた変更点は，すべてを網羅していない可能性があります．詳し くはソースに付属の HISTORY というファイルを見てください． 互換性のない変更点 データベースのフォーマットが変わったので、7.1.x またはそれ以前で作 成したデータベースは使えません。pg_dump か copy コマンドを使ってデータ ベースを再ロードする必要があります。 フロントエンド／バックエンドの通信プロトコルについては、7.1と7.2 は同じなので通信は可能です． 7.2では，OID(Object Id)を持たないシステムテーブルがあります．また， OIDを持たないテーブルを作ることができるようになりました．したがって， OIDを使って行を特定してい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Excel」の新関数「LET」が正式版に ～“変数”を使って可読性と計算速度をアップ／オートコンプリートにも対応
なぜ「オイラーの等式」は最も美しい数式と言われているのでしょうか？