並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 234 件 / 234件

新着順 人気順

対応の検索結果201 - 234 件 / 234件

  • 【公式】不用品の出張査定・高価買取|なんでも査定のトータル

    About Total トータルのご利用が 初めてのお客様へ 手数料一切無料で、業界最高買取価格! お客様に合った買取の追求とは? About Total 営業エリア拡大中! あなたの街にもトータル 買取査定の営業所一覧です。担当スタッフ やエリアはこちらよりご確認ください。

      【公式】不用品の出張査定・高価買取|なんでも査定のトータル
    • japan-map-js - 日本のクリッカブルな地図を表示

      MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 集まったデータをただ一覧にしているだけではインパクトは薄くなってしまいます。どう可視化するかが問題です。時系列で比較する場合は棒グラフや折れ線グラフ、グループの場合は円グラフなど、データによって選ばれるグラフは異なります。 もしデータが地域に合わせて作られるなら、地図上にマッピングするのがいいでしょう。日本地図にマッピングするなら使えるのがjapan-map-jsです。 japan-map-jsの使い方 デモです。都道府県名を出しているパターンです。 クリックすると、どの都道府県か分かります。 色分けもできます。 コロナウィルスのデータと合わせているパターンです。 japan-map-jsを使えば日本地図上にデータを可視化するのが簡単に実現できます。元々japan-mapで使われて

        japan-map-js - 日本のクリッカブルな地図を表示
      • 【フォトショップ】パターンプレビューで繰り返しパターンを一瞬で作成する方法

        この記事では、フォトショップのパターンプレビュー機能をつかった継ぎ目のないパターンテクスチャを素早く作成する方法をご紹介します。 パターンプレビューを使用することで、シームレスに繰り返されるパターンをリアルタイムで視覚化し、作成を手助けしてくれます。 ここでは、パターンプレビュー機能の使い方を詳しくみていきましょう。 パターンプレビューによる継ぎ目のないパターンの作り方 まずはフォトショップを開き、新しいドキュメントを作成しましょう。今回は、1000x1000pxの正方形としていますが、縦横の長さが異なる長方形でも問題ありません。 パターンプレビューを有効にするには、メインメニューより「表示」>「パターンプレビュー」にチェックを入れるだけ。ポップアップが表示されますが、OKで進みましょう。 すると青い枠が表示され、ドキュメント全体がカンバス同様、白に塗りつぶされた状態となりました。 メイン

          【フォトショップ】パターンプレビューで繰り返しパターンを一瞬で作成する方法
        • picture要素で使うsourceタグにもwidthとheight属性を書くといいらしい

          突然ですが、picture要素を使ってアスペクト比が違う画像を読み込む場合でも、imgとsourceにwidthとheightを記述すれば、レイアウトシフトが起こらなくなるって知ってました? <picture> <source srcset="img/img-800x480px.jpg" media="(min-width: 820px)" width="800" height="480"> <img src="img/img-480x480px.jpg" width="480" height="480" alt="画像の説明"> </picture> 実は1年以上前に公開されたChrome 90からサポートされていたそうで(僕はつい先日知りました)、上のコードのようにimgとsourceの両方にwidthとheightを記述すれば、ブラウザがそれらの値を認識して画像ファイルを読み込む前か

            picture要素で使うsourceタグにもwidthとheight属性を書くといいらしい
          • 阪神・淡路大震災~自然災害の記録~NHK東日本大震災アーカイブス

            1995年の阪神・淡路大震災の記録映像をまとめました

              阪神・淡路大震災~自然災害の記録~NHK東日本大震災アーカイブス
            • Maizzle - HTMLメールを作るためのフレームワーク

              HTMLメールを使うのも当たり前になってきました。しかし、レスポンシブなメールをきちんとメール向けに仕様に合わせて送らないとレイアウトが崩れてしまったりします。それではせっかく目立つHTMLメールを使っているのに勿体ないです。 そこで使ってみたいのがMaizzleです。HTMLメールを作るためのフレームワークです。 Maizzleの使い方 一例です。Webブラウザでプレビューを出しながら作成できます。 よくあるメールアドレス確認メール用のテンプレート。 管理画面です。 ホットリロードやスクロール同期などの機能があります。 MaizzleはJekyllに似たテンプレートエンジンを使っています。テンプレートに沿って作成することで、レスポンシブなメールテンプレートが簡単にできます。デバッグ機能もあり、HTMLメールを作る際に役立つツールになるでしょう。 MaizzleはJavaScript製のオ

                Maizzle - HTMLメールを作るためのフレームワーク
              • CSSと1つのdiv要素で出来る表現いろいろ | かちびと.net

                Result 1つのブロック要素とCSSで出来る表現をまとめたもの。スタイルの参考になりそうだったので備忘録 今更+余談ですけどこういう使い方↓できたんですね <div n1></div> こう書いて以下のように指定する [n1] { position: relative; } 思いつかなかったのでなんか新鮮でした 件のソースコードはPenをご参照ください can i use 個人的に気になったプロパティのブラウザ対応状況です

                  CSSと1つのdiv要素で出来る表現いろいろ | かちびと.net
                • 【WordPress】多言語対応プラグインPolylangでhome_url()を使うときに気を付けること | バシャログ。

                  みなさんこんにちは、yamashitaです。 6月からクーラーをフル稼働していて8月にはどうなっていることやら心配です。 さて今回はPolylangプラグインを設定している状態でhome_url()を使う際の注意点を一つ紹介したいと思います。 Polylangとは 設定することで多言語ページのURLを設定してくれるプラグインで、各投稿・ページにも対応するページが存在するか一覧で確認できるようになります。 今のところ自分は使用していませんが、有料版には自動翻訳もあるようです。 home_url()の動作 テンプレート上で使用する場合はほとんど通常時と同じ感覚で使って大丈夫です。 出力内容は以下の通りです。 デフォルト言語ページの場合、http://example.co.jp/の様にトップのURLがそのまま出力されます。 他の言語ページの場合、http://example.co.jp/enの様

                    【WordPress】多言語対応プラグインPolylangでhome_url()を使うときに気を付けること | バシャログ。
                  • 任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」

                    dragmove.jsは任意の要素をドラッグ移動の操作が出来るようにする軽量スクリプトです。タッチデバイスにも対応しています。 他ライブラリの依存もなく単体で動作します。サイズは非圧縮でも2kb程度と非常に軽量となっています。 Webアプリなどでドラッグ移動の為だけに大きなサイズのライブラリを利用されている方はご覧になってみては如何でしょうか。ライセンスはMITとの事です。 dragmove.js

                      任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」
                    • MacのFinderでWebP画像を見れるようにしよう!|WebP編 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                      健全なソースコードは健全な開発環境に宿る。こんにちは、フロントエンドのザワです。 私がWebPを扱い始めたのはここ最近の話です。JPG画像などを見るのと同じようにFinderを眺めていたとき気づきました。 FinderでWebPが見れないじゃないか! そんな苦い経験から、WebP画像をFinderで見る方法をここに記すことにします。対応はものすごく簡単なので、「まだやってないよ」という方はぜひ試してみてください! ではさっそく始めます! LIG技術研究会って? 日頃感じているWeb技術に関する疑問や不明な点を、研究員(LIG社員)がそれぞれのアプローチによって紐解いていく会。まだまだ謎が多い。 やってみよう! 動作確認(Before) まずはFinderで画像を見た場合の正常動作を確認しましょう。 たとえばJPG画像をFinderで見ると、このように表示されると思います。 うん、ブルーライ

                        MacのFinderでWebP画像を見れるようにしよう!|WebP編 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                      • スクールロイヤーの「半常駐」で学校に起きた変化 | 東洋経済education×ICT

                        なぜスクールロイヤーを「チーム学校」の一員に? 琉球大学教育学部附属中学校(以下、琉大附属中)では、毎週火曜日に行う生徒支援委員会に、2019年秋からスクールロイヤーが参加している。琉大附属中がある事案において法的アドバイスを必要としたことがきっかけで、チームを組むことになったという。 この取り組みは20年度から琉大法科大学院と琉大教職大学院の協働による実践研究(科学研究費助成事業)となっている。現在、弁護士資格を持つ琉大法科大学院の武田昌則教授と沖縄県で弁護士として活躍する横井理人氏がスクールロイヤーとして、さらに同大学院で憲法を教える西山千絵准教授がスクールパラリーガルとして、生徒支援委員会に参加し、現場対応に当たっている。 生徒支援委員会は、校長や教頭、生徒指導主任、養護教諭、各学年の代表教員、スクールカウンセラーで構成され、直近の困り事や生徒たちの情報を共有する。そこにスクールロイ

                          スクールロイヤーの「半常駐」で学校に起きた変化 | 東洋経済education×ICT
                        • なるべく少ないコードでレスポンシブなtable

                          Result ※内容は最新の方法的なものではなく以前からよく使われている方法です 個人的に毎回悩むtableのRWD対応ですが、やはり少ないコードで実装できるのが理想だと思うのでいろいろ記事を参考にしながら再考してみました なるべく少ないコードでレスポンシブなtable、というタイトルではありますが、そもそもtableの内容によって最適解は異なるので答えを出すのは難しそうですね csstable { border-collapse: collapse; text-align: left; width: 100%; } table tr { border-bottom: 1px solid } table th, table td { padding: 10px 20px; } table td:before {/*モバイル用の見出し。PC向けでは非表示にする*/ background: #

                            なるべく少ないコードでレスポンシブなtable
                          • シンプルで見やすいレイアウトをclass不要で作れるclasslessなCSSフレームワーク・「new.css」 - かちびと.net

                            new.cssはシンプルで見やすいレイアウトをセマンティックなHTMLだけで作れるclasslessなCSSフレームワークです ブラウザの設定に基づいたダーク/ライトモードにも対応できる上にCSS変数を利用したオリジナルのテーマ設計も可能となっています 主なユースケースとしてシンプルなブログ、リンク集、プロフィールページ、Markdownによって生成されたHTMLレンダリング等を想定しているそうです サイズもとっても軽量です。とても良いですね。ライセンスはMITとのこと new.css

                              シンプルで見やすいレイアウトをclass不要で作れるclasslessなCSSフレームワーク・「new.css」 - かちびと.net
                            • 台東区長、ホームレス拒否で謝罪 台風避難所、「対応が不十分」(共同通信) - Yahoo!ニュース

                              東京都台東区の服部征夫区長は15日、区が台風19号で自主避難所に避難しようとした路上生活者(ホームレス)の利用を断ったことに「対応が不十分で避難できなかった方がおられたことについて、大変申し訳ありませんでした」との謝罪コメントを出した。 台東区によると、台風が首都圏に近づいていた12日午前、区立忍岡小学校に相次いで避難しようとした男性3人に、職員が住所や名前を確認したところ、1人は北海道と答え、ほかの2人は「住所がない」と答えたため「区民が対象で、それ以外の人は受け入れない」として利用を断った。 服部区長は「今回の事例を真摯に受け止める」としている。

                                台東区長、ホームレス拒否で謝罪 台風避難所、「対応が不十分」(共同通信) - Yahoo!ニュース
                              • ダミーの画像やテキストを提供するweb components・「</placeholders>」

                                </placeholders>はダミーの画像やテキストを提供するweb componentsです。SVGで生成され、動作も高速です。 使い方もシンプル。勿論ReactやSvelte、VueなどのJSフレームワーク等でも利用可能です。 <script type="module" src="https://unpkg.com/@placeholders/core@0.0.2/dist/esm/placeholders.js"></script>スクリプトを読み込んで <placeholder-image></placeholder-image>このようなタグを使えば良いだけ。 <placeholder-image width="400" height="200" text="Hello World"></placeholder-image>従来のダミー画像生成サービス同様、サイズ指定や任意の文

                                  ダミーの画像やテキストを提供するweb components・「</placeholders>」
                                • シンプルで使いやすくPWAにも対応したオンラインWebサイトビルダー・「8b」

                                  8bはシンプルで使いやすいオンラインのWebサイトビルダーです。直感的な操作でWebサイトを作成、公開する事が出来ます よくあるビルダーサービスですが、UIもまぁまぁ分かりやすく、PWAにも対応しています。ページも複数作れるみたいです 有償版は月1ドル程度でSSL対応、作成したWebページのエクスポート、独自ドメイン対応、ページ数が無制限になる等のサービスが追加されます Google AMPにも対応、全てのテンプレートはモバイルフレンドリーに設計されています。広告も削除とあるんですが今のところ広告は見当たりませんので、無償版はそのうち挿入されるかもしれませんね 使ってみた エディターです。ブロック単位でスタイルや画像を編集、テキストはクリックでツールバーが表示されます。テキストはその場に入力します。メニューのリンクも最初は分からなかったんですが、ツールバーが出えるだけでテキストの編集はその

                                    シンプルで使いやすくPWAにも対応したオンラインWebサイトビルダー・「8b」
                                  • 教育未来創造会議「第一次提言」を受けたこれからの大学について<br />(進学者のニーズや人材需要に対応するための学部再編と理系女子学生の活躍促進について):文部科学省

                                    現在位置 トップ > 会見・報道・お知らせ > 大臣記者会見等 > 末松信介 文部科学大臣の会見 > 教育未来創造会議「第一次提言」を受けたこれからの大学について (進学者のニーズや人材需要に対応するための学部再編と理系女子学生の活躍促進について) 去る5月10日(火)、内閣総理大臣を議長とし、私が議長代理を務める教育未来創造会議において、「我が国の未来をけん引する大学等と社会の在り方について(第一次提言)」が取りまとめられました。この提言は、我が国が置かれている現状や人材育成を取り巻く課題を踏まえ、基本理念、在りたい社会像、目指したい人材育成の在り方を整理した上で、 ① 未来を支える人材を育む大学等の機能強化 ② 新たな時代に対応する学びの支援の充実 ③ 学び直し(リカレント教育)を促進するための環境整備 に特に焦点を当てて、今後取り組むべき具体的方策を取りまとめたものです。 この提言を

                                      教育未来創造会議「第一次提言」を受けたこれからの大学について<br />(進学者のニーズや人材需要に対応するための学部再編と理系女子学生の活躍促進について):文部科学省
                                    • 米沖で待機のクルーズ船で新型コロナ検査、「パニックはない」と乗客

                                      新型コロナウイルスの感染発生が疑われカリフォルニア州沖で待機するクルーズ船「グランド・プリンセス」。同船に検査キットを空輸するカリフォルニア州兵救急隊機より撮影(2020年3月5日撮影)。(c)AFP PHOTO / CALIFORNIA NATIONAL GUARD 【3月6日 AFP】米保健当局は5日、新型コロナウイルスの感染発生が疑われカリフォルニア州サンフランシスコ沖で待機中のクルーズ船「グランド・プリンセス(Grand Princess)」の乗客乗員に対し、検査を実施した。同船には乗客2383人と乗員1100人が乗っている。 カリフォルニア州兵が5日朝、検査キットを空輸。同日正午時点で乗客は全員、各自の客室に隔離された。検査結果は6日朝に発表される見通しだ。 ハワイ行きツアー中だったグランド・プリンセスでは、直前のメキシコ行きツアーに乗船していた男性(71)が新型ウイルス感染によ

                                        米沖で待機のクルーズ船で新型コロナ検査、「パニックはない」と乗客
                                      • Annimay

                                        A collection of pure CSS3 lightweight animations that can be applied to links, sections, buttons and much more. Available in SCSS, CSS and LESS. Scale Up Scale Up Stay Scale Down Scale Down Stay Skew Forward Up Skew Forward Down Skew Backward Up Skew Backward Down Backward Forward Opacity Small Opacity Lift Clockwise Lift Anticlockwise Rotate Clockwise Rotate Anticlockwise Float Float Stay Wiggle

                                        • Windows 10をサポート終了後も安全に保つ9つの方法

                                          Microsoftは2025年10月14日にWindows 10の公式サポートを終了すると発表している。この日以降、定期的なセキュリティ更新やサポートが提供されなくなるため、Windows 10を引き続き利用する場合には適切なセキュリティ対策を講じる必要がある。 BetaNewsがこのほど、「How to keep using Windows 10 safely after Microsoft ends support」において、サポート終了後もWindows 10システムを安全に保つための方法を紹介しているので、そのポイントを紹介しよう。 How to keep using Windows 10 safely after Microsoft ends support サポート終了後もWindows 10を安全に利用するには? 公式サポートが終了した後もWindows 10を保護する方法は

                                            Windows 10をサポート終了後も安全に保つ9つの方法
                                          • 可変フォントに対応したフォントを探せる・「variable fonts」

                                            variable fontsは可変フォントに対応したフォントを探せるWebサイトです まだ多いとは言えないvariable fontsに対応した有料/無料のフォントが集められています OSSのフォントもあるので勉強用に良いかなぁと思って備忘録。ブラウザの対応状況もかなり良くなってきました おさらい可変フォントのおさらい。可変フォントは以下のようなCSSが利用できます font-variation-settings: "wght" 100, "opsz" 6, "slnt" -9.5;font-variation-settings: "wght" 117.64, "wdth" 4.26, "ital" 3.62;以下動作サンプルです 可変フォントを利用する事で今まで以上に様々な表現が可能になりますね 日本語で可変フォントに対応しているフォントはあまり多くありません 僕自身、Axis-Prax

                                              可変フォントに対応したフォントを探せる・「variable fonts」
                                            • オリンピック開催議論から分かる日本の科学思考のなさ

                                              オリンピック開催議論から分かる日本の科学思考のなさ Olympic discussions reveal Japan lacks scientific thinking 2021.06.21 Updated by Mayumi Tanimoto on June 21, 2021, 12:11 pm JST 日本では、オリンピックを開催するかどうかということで大議論が起きているわけですが、オリンピックで大騒ぎしているのは、日本だけなんですよ、はっきり言って。 イギリスでは、そもそもオリンピック自体が報酬の面では全く注目されないイベントで、競歩や重量挙げのようなマイナーな競技に至っては存在すら知らないという程度の人が多く、サッカーの「UEFA EURO 2020」の方が一万倍盛り上がっています。 このような盛り上がり方は、日本では全然報道されておりませんね。 ロンドンオリンピックのときも、地元

                                                オリンピック開催議論から分かる日本の科学思考のなさ
                                              • 第8回 情報セキュリティ事故対応アワード レポート

                                                どんなに対策をしていても、事故を完全に防ぎきることは難しい。大事なのはその後の対応である。2016年からスタートし、今年で8回目を迎えた「情報セキュリティ事故対応アワード」では、不幸にも事故に遭ってしまったものの、今後の模範となるような説明や情報開示を行った企業を毎年表彰している。本稿では、6月28日にライブ配信形式で開催された表彰式および審査員によるパネルディスカッションの様子の一部をレポートする。 主催:情報セキュリティ事故対応アワード実行委員会 後援:経済産業省 ロゴデザイン:カミジョウヒロ 審査員/パネルディスカッション登壇者 SBテクノロジー株式会社 プリンシパルセキュリティリサーチャー 辻 伸弘氏 EGセキュアソリューションズ株式会社 取締役 CTO/独立行政法人情報処理推進機構(IPA)非常勤研究員/技術士(情報工学部門) 徳丸 浩氏 NTTセキュリティ・ジャパン株式会社 コ

                                                  第8回 情報セキュリティ事故対応アワード レポート
                                                • 「1人勤務」の養護教諭、命に関わる緊迫感の中で増え続ける業務に負担大 | 東洋経済education×ICT

                                                  「8時台は登校中に怪我などをした児童生徒の対応をし、9時過ぎから健康観察の集計から始まります。各クラスが朝の会で確認した出欠状況や健康観察を集約し、管理職に報告するのです。感染症が流行しやすい時期であれば学級閉鎖をするかどうかの判断材料にもなります。 授業が始まると、怪我や体調不良で来室した児童生徒の対応をしながら、合間で毎月の保健だよりを作成したり、保健室の衛生材料の補充、校内の水道やトイレ回りの衛生チェックなどをします」 お昼前後にも重要な仕事が詰まっており「給食をゆっくり食べられた記憶はほとんどない」と言う。 「栄養士とともに給食の食物アレルギー関連の確認や対応をしたり、保健委員会の活動に合わせて、子どもたちと食前の“手洗いチェック”や、食後の歯磨き指導に関わることもあります。給食中は嘔吐などをした児童生徒の対応にあたります」 そのほか、保健室登校の児童生徒と一緒に過ごしたり、保護者

                                                    「1人勤務」の養護教諭、命に関わる緊迫感の中で増え続ける業務に負担大 | 東洋経済education×ICT
                                                  • iOS14.4以降を搭載するiPhoneの楽天回線対応について | 製品のお知らせ | 楽天モバイル

                                                    平素は楽天モバイルをご利用いただき、誠にありがとうございます。 2021年4月27日(火)より、iOS14.4以降に対応する最新のキャリア設定が順次配信されます。 これにより、iOS14.4以降を搭載し、キャリア設定アップデートを実施した以下に記載のiPhoneで、楽天回線のすべての機能をご利用いただけるようになります。以下の内容をご確認いただき、【キャリア設定アップデート手順】にしたがって、キャリア設定のアップデートをお願いいたします。 お手持ちのiPhoneで、これから楽天モバイルをご利用開始される方は、初期設定ご案内ページをご確認ください。 キャリア設定 最新バージョンの配信開始日 2021年4月27日(火)より順次 対象製品 iPhone 12 Pro Max iPhone 12 Pro iPhone 12 iPhone 12 mini iPhone SE(第2世代) iPhone

                                                    • 障害対応は寝て、食べるが大事 - Qiita

                                                      「 障害対応 」 エンジニアができるだけ見たくない単語ですね。 でも人間が作っているシステムである以上おそらく避けては通れない道... 実は直近で障害対応を経験し、正直すごくしんどい思いをしました。 今回はその教訓を記事に起こしたいと思います。 障害&起こったこと 2月某日クライアントから障害報告が来ました。 幸い既に障害原因箇所が今後は動かないコードの部分だったのでシステム自体の改修はありませんでした。 ですが、障害報告として対象データの洗い出しを行う必要がありました。 結構対象データの件数もあったのですが、粛々と対象しないといけないです。 一通り調査し、報告したところ トラブル発生 ... 調査結果に不備が見つかってしまいました。。。。 障害が起きている時点でクライアントは結構噴火寸前。 もちろん厳しいお言葉をいただきました。。。。 その後も続く調査&報告....そして厳しいお言葉の数

                                                        障害対応は寝て、食べるが大事 - Qiita
                                                      • Vol.200 ブラックマジックデザインのクラウド対応デバイス体験レポート。国内でも「Blackmagic Cloud」サービススタート[OnGoing Re:View] - PRONEWS : 動画制作のあらゆる情報が集まるトータルガイド

                                                        ブラックマジックデザインのクラウド対応デバイス体験レポート。国内でも「Blackmagic Cloud」サービススタート DaVinci Resolveのクラウドコラボレーション機能が国内でも利用可能に 筆者は、アーティスト系ミュージックビデオや企業、地方のプロモーションビデオの制作、ライブ配信の案件を中心に取り組んでいるビデオグラファーである。ツールはDaVinci Resolveが中心で、Editページ、 Colorページ、Fairlightページをメインで使用し、ワンストップのサービスを提供している。特に編集ツールに関しては3年前からDaVinci Resolveに完全移行している。ノンリニア編集ツールは、Final Cut Pro、Adobe Premiere、DaVinci Resolveの順番に経験をしてきて、オフライン編集に関しては断トツでDaVinci Resolveの操作

                                                          Vol.200 ブラックマジックデザインのクラウド対応デバイス体験レポート。国内でも「Blackmagic Cloud」サービススタート[OnGoing Re:View] - PRONEWS : 動画制作のあらゆる情報が集まるトータルガイド
                                                        • レスポンシブ対応の動的なダミー画像を提供する・「TwicPics Placeholders」

                                                          TwicPics Placeholdersはレスポンシブ対応の動的なダミー画像を提供するWebサービスです。 上サンプルはリサイズ出来るようになっています。ただ、ダミー画像のサイズ変更にタイムラグがある場合があります。 使い方も非常にシンプルでユーザー登録も不要、無料で誰でも利用可能です。 使い方<script src="https://i.twic.pics/?v1" async></script>まず上記のスクリプトを読み込みます。 <img class="twic" data-src="placeholder:auto">そして、imgタグにtwicという名のclassとカスタムデータ属性を持たせたダミー画像を用意します。これだけで、包括要素やモニタのサイズに応じて可変するダミー画像を用意する事が出来ます。 前述通り、APIの為にユーザー登録をする等の必要もなく、誰でも無料で利用する

                                                            レスポンシブ対応の動的なダミー画像を提供する・「TwicPics Placeholders」
                                                          • ユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできる・「Pattern Generator」 - かちびと.net

                                                            Pattern Generatorはユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできるWebアプリです。 用意されたパターンを選択肢てカラー等を設定して好みのスタイルにカスタマイズして使う、みたいな流れです。今となってはやや古い印象のアプリ名ですが性能はモダンで割と高性能でした。 直感である程度分かるくらいには分かりやすいUIで使いやすい印象でした。フォーマットはSVGやPNG、JPGなどでCSSも提供してくれます。サイドプロジェクトなんかに良いんじゃないでしょうか。 Pattern Generator

                                                            • touch-actionでスクロールやズームを止める(知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 12日目) | Ginpen.com

                                                              知名度が低いウェブ標準ひとり Advent Calendar 2021 – 12 日目 今日は CSS の touch-action プロパティです。指操作の制御をします。 touch-action – CSS: カスケーディングスタイルシート | MDN デモ:https://codepen.io/ginpei/pen/gOGLrgG デモはタッチ対応端末でご覧ください。主にスマホ。 基本的な使い方 だいたいこんな値です。 auto – 通常 none – 反応しない pan-y – 縦方向スクロールのみ pinch-zoom – ズームのみ manipulation – スクロールとズームのみ(ダブルタップでの拡大を無効化) 他に下方向のみの pan-down とかいくつかあるので MDN をご覧ください。 Pointer Events 関係の仕様です。IE でも動きます。 使いどころ

                                                                touch-actionでスクロールやズームを止める(知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 12日目) | Ginpen.com
                                                              • 熱血になりがち、教師の魅力を見失うほど多忙な先生に必要な「塩対応」の技術 | 東洋経済education×ICT

                                                                教師本来の魅力がわからなくなるほど多忙な現場で思うこと 「教師の醍醐味は、生徒の成長を間近に見ることができること。私は教師の仕事を通して、長いドラマを見せられているような気がします。しかし、その本来の魅力がわからなくなってしまうほど現場は多忙で、生徒と関われる時間を何とかつくろうとするものの、難しい状況が続いています」 こう話すのは、東京都立中高一貫教育校に勤務する峯岸久枝氏だ。 民間企業での経験から見ると学校の現状には違和感を覚えた そんな峯岸氏は、異色のキャリアを持つ教師だ。大学卒業後、IT大手の富士通に入社し総合職の営業として活躍。在職中に通信制大学に編入してオンライン授業で学び、土日・長期休暇にはスクーリングに通って教員免許状を取得し、2008年に公立学校の教師となった。就職氷河期ほどではないものの競争率は全体で6.5倍と高かった頃のことである。 「会社の仕事には、とてもやりがいを

                                                                  熱血になりがち、教師の魅力を見失うほど多忙な先生に必要な「塩対応」の技術 | 東洋経済education×ICT
                                                                • 中国浙江省からも入国拒否へ 政府、滞在歴ある外国人 - 日本経済新聞

                                                                  政府は11日、新型コロナウイルスによる肺炎の感染拡大防止に向け、中国浙江省に滞在歴がある外国人の入国を拒否する方針を固めた。現在は入国拒否の対象を武漢市を含む湖北省に限定しているが、浙江省

                                                                    中国浙江省からも入国拒否へ 政府、滞在歴ある外国人 - 日本経済新聞
                                                                  • setPointerCapture()でdocumentでonmousemoveしなくて済む(知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 15日目) | Ginpen.com

                                                                    ちなみにそれぞれ gotpointercapture と lostpointercapture イベントが発火します。 何が嬉しいか mousemove イベントを使って自前でドラッグを作ってみると直面すると思うんですが、このイベントって対象要素上でマウスカーソルを動かしたときにだけ反応しますね。 経験ない人からすると何当たり前のこと言ってんだって感じだと思うんですけど、こんなときに困るんです。 マウスカーソルを素早く操作して対象要素の外へ出てしまう デザインの都合上、重なり手前に表示される要素がある デモで右端を掴んで右側へドラッグしてみてください。たぶん止まります。カーソルを戻して、ゆっくり、はみ出ないよう少しずつ動かすとドラッグできます。 対処としては対象要素じゃなくて document の方で mousemove を見張るって感じでしょうか。直感的ではありませんし、開放処理の漏れと

                                                                      setPointerCapture()でdocumentでonmousemoveしなくて済む(知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 15日目) | Ginpen.com
                                                                    • HTML レスポンシブ対応の日本地図 - by Takumi Hirashima

                                                                      <table class="jp-map"> <tbody> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td class="hokkaido" colspan="2" rowspan="2"><a href="#">北海道</a></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <t

                                                                        HTML レスポンシブ対応の日本地図 - by Takumi Hirashima

                                                                      新着記事