日本研究のための歴史情報 法令データベース 本データベースについて 検索 全文 法令名のみ 法律 勅令 全て選択 全て解除 詳細検索 公布日 日付指定 範囲指定 年 月 日 〜 年 月 日 法令番号 年 第 号 検索 リセット
法令データベース
日本研究のための歴史情報 法令データベース 本データベースについて 検索 全文 法令名のみ 法律 勅令 全て選択 全て解除 詳細検索 公布日 日付指定 範囲指定 年 月 日 〜 年 月 日 法令番号 年 第 号 検索 リセット
はじめに こんにちは、バックエンドエンジニアのSakiです！バックエンドでPHPを書いたり、PHPという言語そのもののメンテナーもしています。 この度、注文データダウンロードAppのパフォーマンスをアップさせるため、とても入念にデータベースまわりの処理を見直しました。その中でも特に速度に関わってくる「index」についての考え方をまとめたいと思います。 この記事はMySQL（InnoDB）についての記事であり、他のRDBについては当てはまらない場合もあるということにご注意ください。 indexとは何か、おさらい ご存知の方ももちろん多いと思いますが、indexについておさらいさせてください。 indexとは辞書でいうところの目次に相当するもので、目的のデータをいち早く検索するために重要なものです。もし辞書に目次が存在しなかった場合、目的の情報を探すのにとても苦労するだろうというのは想像しや
curlはwget, lwp-request(GET, HEAD), lynxと同じようなcliのhttp client。だと思ってたらもっと機能があるようなので、man curl読んで色々調べてみた。HTTP(S)以外にもかなり対応してた。 curl is a tool to transfer data from or to a server, using one of the supported protocols (HTTP, HTTPS, FTP, FTPS, SCP, SFTP, TFTP, DICT, TELNET, LDAP or FILE). とりあえず良く使いそうなhttp, ftp関連のメモ。DLだけじゃなくて、アップロードもできるのが素晴らしい。 基本 syntax curl [optinons] URL URL It will then default to HTT
こんにちは。ウェブアプリケーションエンジニアのid:masawadaです。普段は、はてなブログチームで開発を行なっています。 今回は、日々の開発で生まれた困りごとを解消するために作ったyarn-outdated-formatterというツールを紹介します。 経緯 以前id:amagitakayosiが「フロントエンドPodcastはじめました - Hatena Developer Blog」にて書いたとおり、はてなには現在「フロントエンドエンジニア」という肩書きのメンバーはいません。はてなブログチームでも全員がバックエンド(Perl)とフロントエンド(JavaScript)両方のコードを書いており、どちらかというとバックエンドがメインのためクライアントサイドは片手間になりがちという問題がありました。 そこで、チーム内でFWG(フロントエンド・ワーキング・グループ)という会を組織しました。F
先日アナウンスされた脆弱性とその周辺について、とりとめなく。 The npm Blog — Package install scripts vulnerability Vulnerability Note VU#319816 脆弱性の概要 VU#319816 によれば、今回問題になっているのはnpmの以下の性質を利用するとnpmパッケージでワーム（自己増殖力のあるマルウェア）を作れるというもの。 依存パッケージのバージョンをロックせず、semverにより範囲指定することが多い CLIで一度npmへloginすると、明示的にnpm logoutするまで認証が永続化される npm registry が中央集権型サーバーである 具体的な手法として、Chris Contoliniが PoC として pizza-party というリポジトリを公開している*1。以下のように動作する。 ワームが仕込まれ
この記事は、WordCamp Tokyo 2012でお話した「WordPressでWebアプリケーションを作る方法～Croppy編～」の内容をまとめ、分かりやすいように + 一部のコードについてセッションよりも詳しく加筆したものです。 WordPress に Twitter・Facebook ログインのようなソーシャル性を取り入れたWebアプリを作るためのプレゼンをするにあたり、最初は「ノンプログラマーでもできる」みたいなタイトルにしようかと思ったのですが、さすがに PHP が分かっていないと厳しいかと思いますので入れませんでした。 普段 PHP を全く書かない方には少々難しいかもしれませんが、ある程度 WordPress をカスタマイズできる方ならなんとかなるかな…という程度かと思います。 Croppyとは Croppy は、ほぼ WordPress でできているWebアプリです。 気に
![[WordCamp資料]WordPressでWebアプリケーションを作る方法～Croppy編～](https://cdn-ak-scissors.b.st-hatena.com/image/square/ecd2788c73bf4fe2c30c0116e541fcc599fc08f9/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Fwctokyo_2012.001.png%3Ffit%3D1024%252C768%26ssl%3D1)
本日は、MySQL Casual Advent Calendar 2013の20日目である。というわけでカジュアルに小ネタを紹介しよう。 MVCC - Multi Version Concurrency Controlご存知の通り、InnoDBはMVCCを実装している。そのため、分離レベルがREPEATABLE READの場合には、行にロックをかけることなく、一貫した読み取りが可能になっている。 もし、あるトランザクションT1開始後に、別のトランザクションT2によって同じ行が書き換えられてしまった場合には、T1はロールバックセグメントにある古いバージョンの値を読み取ることができるので、T1内で実行したSELECTは常にT1開始時点のデータを参照することができるのである。大事なのでもう一度言うが、REPEATABLE READにおける単純なSELECTでは行ロックは必要ない。 Lost Up
こんにちは。吉永です。 今日は 久しぶりにすごいアプリに出会ったのでご紹介します。 その名も Post-it Plus。ふせんの「ポストイット」を作っている3Mさんが出している無料アプリです。 このアプリ、何がすごいか説明するよりも見たほうが早いので、さっそく試していきましょう。 アイデア出しなどの会議をしていて、ポストイットにネタをどんどん貼っていくことってありますよね。 こんな具合。 今までは、全部ノートを撮るのは大変なのでとりあえず全体をスマホで撮影して、必要に応じてあとから文字起こししたり、公式な資料にする時はエクセルやパワポのファイルに作りなおしていたと思います。 今回のPost-it Plusを使うとどうなるかというと…。 まずはアプリ内のカメラで撮影。 全体が入るように撮ります。 すると、自動でポストイットの位置にチェックが付きました。 ここでCreate Boardボタンを
最近某OSSに出されたPRが、git merge --squash <branch> でマージされたことにより、コミットのAuthorが書き換えられてしまったことが一部界隈で話題になっていました。この件にはマージを行った人に悪意はなかったようなのですが、gitの理解不足により生じてしまった案件だとすると悲しい話なので一応メモ 何が起きたか コミッターが複数の内容が含まれたPRを送った 管理者はその中の一部の内容だけをマージするために、管理者はgit merge --squashを実施し、コミットを改変した上でmergeを実施した ←これが問題 コードの内容はコミッターのものなのに、Authorだけ管理者にすげ変わってしまいコミッターのモチベを損ねた そもそもsquashするとどうなるの ここに分かりやすくまとまっています。 アジャイルSEを目指すブログ 図で分かるgit-mergeの--f
これを待ち望んでいた人も多いと思います。 ついに、メディアクエリで比較演算子（>=, <=）を使用できるようになります！ 幅が400px以上の場合、@media (min-width: 400px){}と定義していましたが、@media (width >= 400px){}と記述できます。 比較演算子だと、400pxを含む「以上」というのも分かりやすいですね。 New syntax for range media queries in Chrome 104 by Rachel Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに基づいて翻訳しています。 Chrome 104 メディアクエリの範囲指定の新しい構文 メディアクエリの範囲指定で、比較演算子を使用できる Chrome 104 メディアクエリの範囲指定の新しい構文 メディアクエリはレ
vimの使い方 - 備忘録(チラシの裏)
備忘録(チラシの裏) トップページページ一覧メンバー編集 vimの使い方 最終更新： yoynizi9691 2012年07月10日(火) 14:59:51履歴 Tweet vimのコマンド一覧移動lカーソルを右に一文字移動hカーソルを左に一文字移動jカーソルを下に一文字移動kカーソルを上に一文字移動gj表示行上カーソルを下に一字移動gk表示行上カーソルを上に一文字移動ggカーソルをファイルの先頭に移動0カーソルを行頭に移動カーソルを行頭に移動$カーソルを行末に移動Hカーソルを画面一番上の行に移動Mカーソルを画面中央の行に移動Lカーソルを画面一番下の行に移動+次行の先頭へ移動-前行の先頭へ移動%対応する括弧へ移動W次の単語へ移動w次の単語へ移動e次の単語(末尾)へ移動b前の単語へ移動B前の単語へ移動Ctrl+f1画面分下に移動Ctrl+b1画面分上に移動Ctrl+d半画面分下に移動Ctrl
ポジ熊です。 PC画面のスクリーンショットを撮影してお手軽に加工・使用できたら便利じゃないですか？ というわけで今回は僕が愛用しているフリーソフトの紹介です。 こんなソフト ダウンロード よく使う機能 ①矢印＆文字入れ ②モザイク ③ハイライト おわりに 関連記事 こんなソフト 画像で示してみました。 ダウンロード Monosnap - Free Screenshot Tool 英語だけど、DL後は日本語の文字を入力して加工できます。 よく使う機能 ますはアプリケーションを立ち上げましょう。 ここからCtrl+Alt+5で 加工したい部分を範囲指定する！ 加工開始！ 管理人の使用頻度が高い３つの機能を紹介します！ ①矢印＆文字入れ 矢印と文字入れを別に入れることも可 色の変更ももちろん可 ②モザイク 目の粗さは指定できないけど十分 ③ハイライト 本来は四角で囲う機能だけど、Alt+でハイラ
Excel(エクセル)基本講座目次 [Excel基本講座へGO!] 各項目毎に詳細に説明しています。 基本的な使い方を忘れたときに便利? 基本操作(一般操作) はじめに Excelの起動と終了 Excelの画面構成 シートの操作 標準シート数の変更とシート名の変更 シートの追加と削除および非表示 シートの移動とコピー 複数シートの操作 シートの保護 セルの操作 アクティブセルの移動 セル/列/行の選択 セル幅/高さの調整 セル/行/列の挿入と削除 セル/行/列の挿入 セル/行/列の削除 セルをコピーする方法 セルを移動する 書式の設定方法 フォント(文字)の設定方法 文字の配置 罫線の設定方法 セルの塗りつぶし/パターン・網かけ データ/数式/関数の入力 データ(数値/文字列)の入力方法 数式と関数の入力方法 相対参照と絶対参照および複合参照 文字や数式の修正方法 オートフィルの使い方 フ
ちょっとしたコードで JavaScript を豊かにしよう♪ ってこと jQuery は 嫌い 使いたくない. だけど Pure JavaScript だとちょっと物足りないってときに使える便利なメソッドをまとめてみました. すべて Runstant によるサンプル付きなので, 実際に開いて動かして試すことができます. 実行したりコードをいじってみたりと遊んでみてください. 他にもこんなメソッドあるよーとかあれば追加するので 気軽に Twitter などでご連絡下さい. String.prototype.format() - 文字列フォーマット 文字列を拡張して Phyton っぽい format メソッドを定義しています. '(' + a + ')' って書いていたところを '({0})'.format(a) といった感じで書くことができるようになります. Define 実装です. Ob
世の中には数々の写真や画像がありますが、見せてはいけないケースというのも多々あります。そういった場合に画像処理を行ってそのダメな部分、見せてはいけない部分を適切に処理するわけですが、どうせならキレイに違和感なく、それでいてわかりやすく加工したいもの。そこで使えるのがこの「MAKE MOSAIC モザイクメーカー」です。 無料のネットサービスとして運営されているため、画像とネットに接続できる環境があれば誰でも今すぐに利用することが可能、しかも使い方は範囲指定して「ギリギリ」「薄め」「普通」「濃い目」「かなり濃い目」の5段階で選ぶだけなので非常に簡単です。 というわけで、実際にモザイクをかけてみました。詳細は以下から。 MAKE MOSAIC モザイクメーカー http://mosaic.usagifrask.com/ この画像を実際に使って、目の位置にモザイクを入れることにします。 「参照」
[JavaScript] JKL.Calender
Kawa.netxp [JavaScript] JKL.Calendar／ポップアップするカレンダー表示クラス JKL.Calendar は、ポップアップでカレンダー表示を行うクラスです。 2006年10月にクラス名を変更しましたが、2005年4月のリリース当初のクラス名 JKL.Calender も 別名定義してあるので、こちらも利用可能です。半年前にご指摘いただいた typo でした。 合わせて、選択可能な日付範囲指定用のプロパティ min_date／max_date を追加しました。 Yahoo! UI ライブラリのカレンダー機能がかなり強力なので、 最近なら YUI もオススメできそうですが、 実は JKL.Calendar の方が日本語環境では使いやすかったりするかもしれません。 JavaScript ソースのダウンロードはこちら： jkl-calendar.js JavaScr
HTTPパーサにおけるSSE4.2最適化の威力と注意点 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、サイボウズ・ラボの光成です。 PicoHTTPParserは@kazuhoさんたちが開発している高速なHTTPパーサです。 同じ作者によるHTTPサーバH2Oにも使われています。 11月4日の開発ブログによると、その時点でNode.jsなどに使われているhttp-parserの10倍程度の速度を誇るそうです（現在はhttp-parserも速度向上しその差は縮まりました。それでも4倍以上の差があるようです）。 該当ブログにはその高速化のためのノウハウが書かれていて大変興味深いです。ただIntel系CPUに搭載されているSIMD命令は用いられていませんでした。今回、@kazuhoさんと一緒に文字列処理専用のSSE4.2を用いることで1.7～1.9倍の高速化を達成しました（Improving Parser Performance using SSE Instructions (in
無料で有料だったプロ御用達のPhotoshop・Lightroom・Aperture用・写真加工プラグイン集「Google Nik Collection」がゲット可能に
PhotoshopやLightroomなどで画像を手軽に加工できるプラグインパッケージ「Complete Collection」はプロの写真編集にも使われるほど高いクオリティで人気でしたが、製造元のNik SoftwareがGoogleに買収されたことで「Google Nik Collection」としてリニューアルし499ドル(日本では6万3000円)で発売されました。その後、数回の価格改定が行われたNik Collectionがなんと無料化されています。 Google Nik Collection https://www.google.com/nikcollection/ さっそく「Nik Collection」をインストールしてみます。上記ページ右上にある「Download now」をクリック。 今回はWindows 7マシンにインストールするので、「Windows」をクリック。 イ
作成：2015/06/8 更新：2017/04/16 Web制作 > 使い方 Git（ギット） でどういったことができるか、メリットなどは結構知っている人が多いと思うので、ここでは「コマンドやGUIなどの初歩的な部分だけを１日で使える」ようになるためのフローをポイントだけメモしておきます。 内容は知っているけど実際に使っていない人、筆者のような超初心者、分厚い本を読むのが苦痛な人、すぐに使いたいのでポイントだけサクッと教えて欲しい人対象となります。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 準備 準備する物３つ 予備知識 必須用語を「ひとこと」で解説 実践 ファイルの表示設定 git コマンドと便利なコマンド クライアントツールとリモート SourceTreeの使い方 Bitbucketの使い方 準備 準備する物３つ とりあえず、必要な物は以下の３つ。イ
class: middle, center <img src="./assets/logo.svg" align="center" width="200" /> Deno の これまで と これから --- アジェンダ - Deno とは - Deno のこれまでのロードマップ - Deno のこれからのロードマップ --- # 話す人 <img src="./assets/hinosawa.jpg" align="right" width="300" /> 日野澤歓也 twitter @kt3k - GREE (2012 - 2013) - Recruit (2015 - 2019) - Deno Land (2021 -) <small>2018年から Deno にコントリビュートを開始。2020年作者に誘われ Deno Land に転職。現在はフルタイムで Deno と Deno D
FotoFlexer: Photo Editing Supreme?というエントリーより。 The powerful online photo editing service will be integrating their tools with Facebook, MySpace, Flickr, Picasa and Yahoo to make it even easier to work on the pictures you find there, or even work inside their services. オンラインで写真編集できる「FotoFlexer」というサイトが、ソーシャルサービスと統合されるというニュースがあったので試してみたところ、これがかなり凄いサイトでした。 これまでにもオンラインで写真編集できるサイトはいろいろ試してきましたが、「FotoFlexe
Unicodeで「漢字」の正規表現 – ものかの
改訂：2017/07/22 Unicode 10.0に合わせて書き直し。正規表現を簡易にしようとしてやりすぎていたのを修正。 改訂：2023/03/21 U+30000以降を追加。InDesignの正規表現を追記。 正規表現で漢字の範囲指定をする場合、Unicodeではどうするかが悩ましいところです。 Unicodeの漢字の範囲として [一-龠] にしている例を見かけます。しかしこれは旧規格JIS X 0208の漢字が含まれる範囲をUnicodeの中から切り出しているだけです。互換漢字ブロックをまるごと取りこぼしているので、WindowsのシフトJIS（CP932）の拡張漢字に当たるものが含まれていません。現規格JIS X 0213の第３・第４水準漢字も考慮されていません。簡易な範囲指定だとしても、新常用漢字の「𠮟」が含まれておらず、今から見るとあまりに時代遅れです。 Unicodeのす
混乱を引き起こしがちなGitの用語まとめ
分散型バージョン管理システムのGitは2005年の登場以降シェアを伸ばし続け、2022年の調査では約94％のユーザーに利用されるほど一般的なツールとなっています。Gitにはさまざまな機能が搭載されていますが、その中で特に混乱を引き起こしがちな用語について、Gitを15年近く使用してきたというジュリア・エヴァンスさんが解説しています。 Confusing git terminology https://jvns.ca/blog/2023/11/01/confusing-git-terminology/ ◆HEADと「heads」 HEADは現在チェックアウト中のブランチやコミットを指しており、「.git/HEAD」に保存されています。一方「.git/refs/heads」に保存されているのはブランチで、「heads」は「branches」と読み替えればOKとのこと。 ◆detached HE
2007年03月15日19:45 カテゴリTips tips - Mac OS Xのスクリーンショット 便乗企画。これなしでMac OS Xでスクリーンショットを取るやり方。 [N] スクリーンショットの管理ができるキャプチャソフト「Copernicus」 撮影したスクリーンショットを管理することができる「Copernicus」という、Mac OS X用のソフトがありました。スクリーンショットはソフトウェア関連の記事を書く時には書かせないツール。ネタフル紹介の Copernicusや、大昔から定評のあるSnapZ Pro Xなどサードパーティ製のツールも少なくありませんが、当然システム本体にもその機能はついています。 [cmd]-[shift]-[3] - スクリーン全体をキャプチャー [cmd]-[shift]-[3]を押すと、シャッター音がして、画面全体がデスクトップ上のPicture
要件定義のヒアリングシートはいくつか見たことはあるが、web 開発に 特化したまともなヒアリングシートを見たことがないので作ってみた。 「サイトの目的は」などの上流部分はあえて省いて、機能・実装にフォーカスしている。 思いつくままに記述してみたが、結果としてはインターネット上の コマース向けサイトに特化した形になった。 請負時のヒアリングシートと、発注時の要件伝達漏れチェックシートと、 開発時のレビュー観点の元ネタとして使えるといいなぁ。今後気づいた ところがあれば追記していきます。 ●2010/02/24 追加分。 - サイトメンテナンス時のアナウンス要否 - メンテナンスページは「503 Service Temporarily Unavailable」を返すようにし、 検索エンジンにキャッシュされないよう注意する。 ●2007/08/23 追加分。 404/403/500 などのエラー
【Facebook】Graph API の説明：プロジェクトマネジメント10.0：オルタナティブ・ブログ
ブログ引っ越しました→「Looops 直人の備忘録」 ◆関連記事 【Facebook】Social Plugin 説明 2010/04/23 【Facebook】Open Graph Protocol 説明 2010/05/12 お世話になっております。 ループス岡村直人です。 前回の記事ではFacebookのSocial Pluginに関して、 簡単な説明を書かせていただきました。 今回はその続き、Graph APIについて書いてみたいと思います。 前回同様、Facebook.com上のドキュメントがベースになりますので、 内容については未検証の部分も多々あります（未検証の部分はその旨言及するようにいたします）。翻訳をベースとしているため、断定するような表現で文章が終わっている部分が多いのですが、その内容を保証するものではありませんので予めご了承いただきたく存じます。 認識違いや不明点等
ついにSafariも。 media queryの範囲指定をより直感的に書ける記法が全ブラウザ対応へ
筆者が CSS を学び始めたとき、media query で画面サイズに応じてスタイルを変える方法が大変ニガテでした😭 min？ max？ 未満のときはどうするの？ and で繋げなきゃいけないの？ 長くない？ と疑問に思いながら、今日まで長い年月を過ごしてきました。 本日（2023/03/28）、Safari 16.4 がリリースされ、 media query のrange（範囲）記法に対応しました。 ▼ 従来の media query の範囲指定
PDFの全ページをまとめてトリミングする
昨今の電子書籍ブームによって、PDFのデータを外出先で見るためのデバイスの数は、1年前とは比較にならないくらい増加した。これまでのノートPCに加え、iPadやKindle、ソニーのReader、そして各社のスマートフォンの多くが、PDFビューアとしての機能を備えている。仕事関連のファイルはもちろんのこと、自炊した書籍データに至るまで、あらゆるPDFデータを持ち歩き、好きなところで閲覧することができる。 しかしここで問題になるのが画面サイズだ。もともとA4やB5サイズだったPDFを原寸表示するには、これらデバイスの画面サイズは小さすぎる。画面サイズが大きい部類に入るiPadやKindle DX、GALAPAGOSのホームモデルであっても、有効表示面積はB5サイズにすら届かない。もちろん部分的にズームすれば細かい文字を読み取ることは可能だが、1ページを分割して表示する形になる上、ページを1枚め
最近の検索エンジンは、タイプ・ミスや表記のゆらぎに対応している。例えば、Google で「シュミレーション」と検索すると「もしかして: シミュレーション」と聞いてくるし、「バイオリン」で検索すると「ヴァイオリン」も検索されるといった具合。 そんな検索エンジンでも、ブレなく検索するのが「数字」。「2005 king kong」という検索は、間違っても 2004 年や 2006 年の「King Kong」を検索しない。 この数字に対する厳格さは、検索がブレなくて嬉しい反面、あいまいな検索が出来なくて困ることがある。 例えば、King Kong の映画化一作目を検索したい時、貴方はその制作年を覚えているだらうか。普通、1920〜30 年代の白黒映画という位いしか知らないと思う。そんな時に役に立つのが、Google の数字範囲を指定した検索。 数字範囲を指定した検索 数字の範囲を指定するには、数字
レベルデザインに遺伝的アルゴリズムを活用する
2015年Apr6日レベルデザインに遺伝的アルゴリズムを活用する こんにちは。オインクゲームズの新藤です。 先日、弊社のデジタルゲーム第二弾となる「OLYM」がリリースされました。OLYM はターン制限のあるパズルゲームで、各ステージごとに決められたターン数が設けられてています。このターン数以内に目標を達成できないと、クリア失敗になってしまいます。そのため、このターン数をどう決めるかが、難易度に大きく影響する一因となっています。OLYM では、ステージごとのターン数を決定するのに遺伝的アルゴリズムを活用したので、今日はそれをご紹介します。 最終的にやったことは非常にシンプルです。端的に言えば、AI に実際にパズル解かせて、何手で解けたかをレベルデザインの参考にするということです。この AI を作る際に、遺伝的アルゴリズムを活用しました。そもそもは「自動でパズル解いてくれる AI がいたら面
MongoDBのちょっと詳しいチュートリアル<a href="http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/doryokujin/20101010/1286668402" class="bookmark-count"><img src="http://b.hatena.ne.jp/entry/image/http://d.hatena.ne.jp/doryokujin/20101010/1286668402" title="はてなブックマーク - Mo
@doryokujinです。本エントリーから数回にわけてMongoDBの紹介をつらつら書いていきたいと思います。日々、MongoDBの魅力にどっぷりな僕でして、それを少しでも多くの方に共有できたらというモチベーションで書いています。今回はチュートリアルとして主要な機能を少し詳しめに紹介していきます。アジェンダは以下の通りです： はじめに ちょっと詳しいチュートリアル オープンソース NoSQL・ドキュメント指向データベース ドライバとして多くの言語サポート 完全なインデックスサポート リッチなクエリー MySQLに類似した機能群 レプリケーション機能 オートシャーディング 巨大ファイルを扱うGridFS 今後の予定 本家ドキュメントの翻訳 より深い機能説明 勉強会での発表 Production Deploymentsとして弊社の名前を掲載する はじめに 僕は現在MongoDBをソーシャルア
2023年9月7日 CSS CSS小技集シリーズの第5弾！「【第4弾】少しのコードで実装可能な10のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！ ↑私が10年以上利用している会計ソフト！ 目次 ネストで親子セレクターを管理 チェックボックスやラジオボタンの色を変更 アスペクト比を指定する 新しいメディアクエリーの範囲指定方法 背面の要素をぼかす 要素を画面のど真ん中に固定表示 空の要素にスタイルをあてる 条件に合致しないセレクターにスタイルをあてる スムーススクロールのジャンプ位置 動いているCSSアニメーションを止める HTML・CSSの全コードは各サンプルの「HTML」や「CSS」タブを、別タブでのサンプル表示は右上の「EDIT ON CODEPEN」をクリックしてご覧ください！ 1. ネストで親子セレクタ
WindowsユーザーがMacを使うときにひっかかるポイントとしてよく「Deleteキーでカーソルの前が消される」というのがある。そりゃBackspaceだろ、あれ？BSキーがない。なんで？となっちゃうわけだ。解決策としてはDeleteで前の文字、Fn+Deleteで後ろの文字が消されるからそれうまく使ってねということになるけど、そもそもなぜDeleteキーしかなく、それが「前の文字を消す」動作なんだという疑問は残るだろう。 実はLisa及び初代Macintosh～Macintosh Plusまでのキーボードには「Delete」キーはなく、「Backspace」キーがあった。これがMacintosh II/SEのキーボードで「Delete」キーに置き換わったのだ。なので最初の頃、とにかく文字の編集に関しては「Backspace」の動作は後のWindowsユーザーのイメージと変わらなかっただ
《この記事で扱う関数》 絞り込みリストの作成：INDIRECT関数 付随する情報を自動入力：VLOOKUP関数 エラー値を非表示にする：IFERROR関数 フリガナ・郵便番号も自動入力：PHONETIC関数 データベースを作成する際は、Excelの機能や関数を駆使してできるだけ自動化をします。でも、日々の売上や経費、顧客情報など、どうしても“手入力”を必要とする場面は多々ありますよね。そんな時に覚えておきたいのが、できるだけミスなく速く入力できる表の作成方法です。 リスト入力や自動表示を駆使して、データ入力の精度とスピードを大幅改善！ どんなにタイピングが得意でも、変換ミスや入力ミスは起こるもの。リストから選択入力したり、紐付く情報は自動表示させたりして、決められたデータ以外は入力できないようにしてしまいましょう。 ただ、リスト入力の選択肢が多いと、「選択が面倒！」「手入力したほうが早い！
この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 Mac OSに組み込まれている標準ソフト、QuickTime。 ほとんどの人は、動画再生に使っているのみだと思います。 実はこのQuickTimeを使うことで、Macの画面を音声込みで録画できることをご存知でしょうか。 音声入力はMacからでも、自分の音声を入れてもOK。 今回は、意外と知られていないこの方法の手順を詳しくご紹介。 QuickTime Playerで「新規画面収録」方法は簡単。QuickTime Playerを起動させ、「ファイル」-「新規画面収録」を選びます。 するとこのようなウィンドウが出てくるので、あとは音声入力を選んで赤い録画ボタンを押すだけ。 ここでは「内蔵マイク」（Macのマイク。自分の声などを録音可能）にしてみます。 録画ボタンを
QiitaとKobitoで画像アップロードができるようになりました。 その後ろ側をちょっぴり公開します。 件名からも分かるように、背後ではAWSのS3を画像ストレージに採用しています。 画像アップロード機能をリリースしました - The Official Qiita Blog Kobito v1.6.1リリース: ドラッグ&ドロップやスクリーンショット撮影で簡単に画像を添付できるようになりました! - The Official Qiita Blog 用語統一 サーバ はQiitaのサーバのことを指すことにします。（つまり、S3ではない、ということ） また クライアント は各ユーザのブラウザのことを指します。 要件 画像アップロード機能を実装するにあたっていくつかの要求がありました。 成りすましを防げる アップロードされたファイルを管理できる 自分達のサーバに負荷をかけたくない 変な画像のア
Feedly／Pocket／Evernoteを用いたRSSの運用フロー（後編）ー RSSからのインプット情報をシェア・アーカイブする
先日書いた「Feedly／Pocket／Evernoteを用いたRSSの運用フロー（前編）ー GoogleReaderの後継はFeedlyに決めた！ 」の後編です。まだお読みで無い方はこちらを先に読んで頂いた方がより分かりやすいかと思います。 前編ではFeedlyをGoogleReaderの後継として選定した理由と共に以下の使い方を簡単に紹介しました。 ・Feedlyは速度重視で読み進める ・長文/全文配信されていない記事はPocketに送って後で読む ・参考資料として使いたい記事はEvernoteへ （Pocketに送った記事はPocket側でEvernoteへ送信） ・ 共有したい記事はB!をつけたはてブ投稿も含めてTwitterへ投稿 ・はてブに送った記事は興味を持った記事としてEvernoteへ 後編では高速インプットを保つためのFeedlyとPocketの使い分けのポイントや設定
GitHubがコード検索を強化。正規表現対応、プログラミング言語別、組織やリポジトリ、ファイルパスなど範囲指定、高速な結果表示
GitHubがコード検索を強化。正規表現対応、プログラミング言語別、組織やリポジトリ、ファイルパスなど範囲指定、高速な結果表示 GitHubは検索機能を刷新し、新たに強化したコード検索機能「https://cs.github.com」のテクノロジープレビューを公開しました。 Check out the technology preview for GitHub code search, the next iteration for search, discovery, and navigation on GitHub. https://t.co/DcV1RAwNXs pic.twitter.com/ua97dyff7h — GitHub (@github) December 8, 2021 新しいコード検索機能では正規表現に対応したほか、特定のプログラミング言語を対象にすること、特定の組織
はてなブログ凍結の原因となった「商標権の侵害」について調べてみた。 - 俺の遺言を聴いてほしい
「Blog is not found」の文字を見たとき、背筋が凍った。 俺の遺言が、本当に遺言になってしまった... なんてシャレを言ってる場合ではない。ブログが見れないのである。 2014年11月から書き始めたこのブログには、特別な思い入れがある。 あるときは街角でアンケートを行い、あるときは自腹でユニクロの服を買い集めに行った。 一人も読者がいない時から、毎週ブログを書き続けた。 「どうやったら読者の心に響くだろうか？」 と考えながら、小さな工夫を積み重ねてきた。 僕自身が読者に育てられた面もある。 たくさんの意見を浴びて、たくさんの批判にもさらされた。 それが僕の価値観を育んできた。 鳴かず飛ばずだったこのブログも3年目にしてやっと、花開いたように感じていた。 はてなブログ読者数ランキングで50位以内に入ったのが嬉しかった。 僕のKPIはいつだって、読者の数だったから。 やっとこれか
検索 UI を作る機会があったので、リファンレンスを集めた。あたまの整理をかねてパターン分け。 パターン一覧 1. フリーワード型 2. サジェスト型 3. グループ型 4. あとからフィルター型 5. 条件指定型 6. レコメンド型フリーワード型キーワードで検索。入力中に検索結果がリアルタイムに変わるものが多い。 良いところ シンプル。入力と同時に検索結果を表示できるので、最短で検索対象へたどり着ける。 イマイチ キーワードが間違っていると、対象へたどり着けないことがある。 感想 タスク管理やシンプルなファイル管理に多く採用されていた。 複雑な検索条件が不要。ユーザーが検索対象のキーワードを把握している場合に有効そう。見つける、というよりも、ショートカット的な役割に近い。サジェスト型キーワードを入力すると、検索候補が表示。 良いところ キーワードを正確に把握していなくても対象へたどり着け
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
explainだけじゃわからない！MySQLのindexの考え方 - BASEプロダクトチームブログ
curlのオプション勉強したのでまとめ - うまいぼうぶろぐ
更新が必要なnpmパッケージを可視化する - Hatena Developer Blog
npm install scriptの脆弱性とオープンソースと信頼 - teppeis blog
[WordCamp資料]WordPressでWebアプリケーションを作る方法～Croppy編～
InnoDBのREPEATABLE READにおけるLocking Readについての注意点
神無料アプリ「Post-it Plus」で名刺を取り込んでみた
他人のコミットをgit merge --squashするべきでないのではという話 - Qiita
CSSのメディアクエリの範囲指定で、比較演算子を使用できるようになります
スクリーンショットして画像加工するならMonosnapがおすすめ - 羆の人生記
Excel(エクセル)入門/基本/上級/実用講座の総目次
phiary
見せてはいけない部分にお手軽に5段階でモザイク処理できる「MAKE MOSAIC モザイクメーカー」
これからGit を始めてみようという人のための使い方と入門フロー
Deno のこれまでとこれから JSConf JP 2021
超パワフルなオンライン写真編集サイト「FotoFlexer」 - ネタフル
tips - Mac OS Xのスクリーンショット : 404 Blog Not Found
無精で短気で傲慢なプログラマ web 開発のヒアリングシート/チェック項目
clmemo@aka: Google で数字の範囲を指定して検索する
【第5弾】少しのコードで実装可能な10のCSS小技集
MacのDeleteキーがなぜBackSpaceの動作なのか - 仮想と現実
Excel（エクセル）のデータ入力を簡単に自動反映！ 4つの関数テクニック | マイナビ転職
Macを音声込みで画面録画する方法。標準ソフトQuickTime Playerで簡単にできる！
Qiitaの画像アップロード機能も簡単に実装できる。そう、S3ならね。 - Qiita
検索 UI まとめてみた｜あき - 良いもの作って正しく届ける