ofkのブックマーク - はてなブックマーク

データベースを遅くするための８つの方法

はじめに Twitterのタイムラインを見ていたらバッチ系のプログラムで逐次コミットをやめて一括コミットにしたら爆速になったというのを見ました。当たり前でしょ、と思ったけど確かに知らなければ分からないよね、と思って主に初心者向けにRDBを扱うときの注意点をまとめてみました。プログラミングテクニック的なところからテーブル設計くらいの範疇でDBチューニングとかは入ってないです。自分の経験的にOracleをベースに書いていますが、他のRDBでも特に変わらないレベルの粒度だと思います。大量の逐次コミットをするバッチアプリケーションでDBにデータをインサートすると言うのはかなり一般的な処理です。しかしデータ量が少ない時はともかく大量のインサートを逐次コミットで処理するとめちゃくちゃ遅くなります。数倍から十数倍遅くなることもあるので、10分程度のバッチが1時間越えに化けることもザラにあるので原

ofk 2020/11/16

database

リンク

GitHub - dbohdan/classless-css: A list of classless CSS themes/frameworks with screenshots

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

ofk 2020/11/04

css

リンク

Designing accessible color systems

Color contrast is an important aspect of accessibility. Good contrast makes it easier for people with visual impai rments to use products, and helps in imperfect conditions like low-light environments or older screens. With this in mind, we recently updated the colors in our user interfaces to be more accessible. Text and icon colors now reliably have legible contrast throughout the Stripe Dashboar

ofk 2019/12/11

color

リンク

Rubyプログラマが中学校で情報モラル講演会をしてきたよ - give IT a try

はじめに先日、Rubyプログラマが本職である僕が、なぜか地元・兵庫県西脇市の中学校で情報モラル教育に関する講演をしてきました。このエントリではなんでそんなことになったのか、そしてどんなことを話したのか、といった話を書いていきます。︻もくじ︼はじめに講演を依頼されたいきさつ去年の情報モラル講演会は本当にひどかった今年は誰かな〜？ → えっ、僕！？当日使用したスライドこの講演で伝えたかったこと﹁スマホやSNSは怖い﹂だけでは終わらせないトラブルに遭遇したら大人に頼る︵一人で解決しようとしない︶リスクを語るときは、必ず予防策と対処法をセットで伝えるテクニカルな解決策︵設定の変更等︶は重視しない大人だって失敗したり、ちゃんとできてなかったりすることを伝える生徒さんたちの感想その他の裏話等﹁経験がない＆時間がない﹂で、かなり準備が大変だった信頼が置ける専門家の方た

ofk 2019/07/29

education

リンク

OSSへフィードバックしてみたいけど、英語でどう書けばいいのか分からない - 2019-07-12 - ククログ

結城です。ここまで、OSSへのフィードバックをやってみようとした時に躓きがちなポイントについて、フィードバックするトピックの見つけ方、報告に盛り込むとよい内容、その情報の送り届け先の選び方の知見をそれぞれ述べてきました。ところで、それらの技術的な内容以前のハードルとして、言語の壁という物もあります。実際にOSS Gateワークショップでも、フィードバック内容をまとめた後、英語でそれを書き直すという段階で手こずっておられる方がかなり多い印象があります。 IT エンジニア向けに﹁こういう英語表現を覚えよう﹂という情報を紹介する記事は時々見かけます。ですが、ワークショップでビギナー参加者の方が英語を書くのに苦労している様子を実際に見ている印象では、必要なのはそういった記事で紹介される﹁実際の現場でよく使われる単語や熟語の情報﹂ではなく、﹁実際の現場で英文を書く時に行われる考え方の解説﹂の方であ

ofk 2019/07/16

english

リンク

マルウェア解析に必要な素養 - HackMD

本書は、マルウェアが絡んだ事情を体系的にまとめている。攻撃者、防衛者、解析者の各視点から"マルウェア"のチョメチョメを理解することを目標としている。

ofk 2019/07/09

security

リンク

Ricty を神フォントだと崇める僕が、フリーライセンスのプログラミングフォント「白源」を作った話 - Qiita

誰もが知る(？)プログラミングフォントこと Ricty にインスパイアされ、Ricty のように英文フォントと和文フォントを合成したプログラミングフォントを作りました。その名も、プログラミングフォント﹁白源 (はくげん／HackGen)﹂です！白源 (はくげん／HackGen) 通常版生成元にはプログラミング向け英文フォント Hack と、Adobe 製作の源ノ角ゴシックに丸みを付けた派生フォント源柔ゴシックを使用させていただきました。白源の生成元である Hack、及び源柔ゴシックには、いずれも SIL Open Font License Version 1.1 という大らかなライセンスが適用されているため、改変及び配布が自由となっています。したがって、白源の生成済みフォントファイル (ttf ファイル) は GitHub からダウンロードして、すぐにご利用いただけます。﹁白

ofk 2019/05/27

リンク

CSSリセットにも新しい動きが！最近の実装に合わせて、見直すきかっけになる新しいCSSのリセット -CSS Remedy

最近、CSSのリセットを見直す動きが少しずつあるようです。 2018年おすすめのCSSリセット！﹁Reboot.css﹂の特徴と使い方を解説、CSSリセットの2019年用私流カスタマイズ方法など、当ブログでもCSSリセットの記事を公開しました。今回紹介するのはMozilla Developerによる新しいプロジェクトで、後方互換性を備えつつ、現在のデスクトップやスマホの環境に合わせたCSSリセットです。 CSSRemedy -GitHub CSSRemedyの特徴 CSSRemedyのコード CSSRemedyの特徴 CSSRemedyはMozilla Developerによる、CSSリセットの新しいプロジェクトです。 CSSリセットの今までの流れ何年もの間、リセット用やベース用のスタイルシートは、Web制作者がより早く作業を始めるのに役立ちました。初期のリセットではすべて

ofk 2019/03/15

css

リンク

コピペで実装できる！最新WebテクHTML/CSSコードスニペット66個まとめ

思わずクリックしてコンテンツを読み続けたくなるような、コピー&ペーストで利用できる最新 HTML/CSS スニペットをまとめてご紹介します。新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、今後のデザイン制作に活用してみてはいかがでしょう。﹁Run Pen﹂をクリックすることで読み込みが開始されます。右下に表示された﹁Return﹂で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の﹁Edit on Codepen﹂をクリックしましょう。 2018年人気だったすごいHTMLスニペットベスト100選︻Codepen編︼コピペで実装できる、最新WebテクHTML/CSSコードスニペットまとめ Turbulence font – SVG マウスの動きに合わせて、

ofk 2019/03/08

css

リンク

プログラミングに関する情報を英語でググるときのコツ - koogawa blog

あけましておめでとうございます！今年も本ブログをよろしくお願い致しやす🙏 さて、私はプログラミングに関する情報を調べる際、基本的に英語でググるようにしています。理由は単純で、英語のほうが圧倒的に情報量が多いからです。このエントリではいつも私が英語でググる際に使っているキーワードなどをメモしておきます。実装した機能がうまく動かない場合〜が表示されないメソッドなどが呼ばれない/実行されないプログラムで〜したい2つの違いを知りたい〜かどうかをチェックしたい〜を検知したい〜の実装方法を知りたい〜についての最良の方法を知りたいあわせて読みたい実装した機能がうまく動かない場合〜 not work でググります。﹁動く﹂だからといって move で検索しても期待した検索結果にはなりません。さらにOSバージョン等を指定する際は〜 not work in iOS 12 のように

ofk 2019/01/08

programming

リンク

Qiita の新記事ページのレイアウト実装 - Qiita

この投稿はIncrements Advent Calendar 2017 の5日目の記事です。3日目の @htomine に続き、記事ページのデザインについて説明する予定でしたが、リリースブログと内容がかぶるので、この記事では記事ページのデザイン実装について述べます。Qiitaの記事ページで利用した CSS の比較的新しい機能は以下の2つです。 CSS Grid Layout Module position: sticky これらの紹介と、Qiitaでの使い方を解説します。 CSS Grid Layout Module CSS Grid Layout Module (以下 CSS Grid) とはその名の通り、CSS でグリッドレイアウトを実現する仕様です。display: grid という display プロパティに新しい値が追加され、その宣言がされている要素にグリッドレイア

ofk 2017/12/07

css

リンク

3年以上かけて培ったRails開発のコツ集大成（翻訳）｜TechRacho by BPS株式会社

概要原著者の許諾を得て翻訳・公開いたします。英語記事: Things I learned developing Ruby and Rails apps over the past 3+ years | by Filippos Vasilakis | Kollegorna 原文公開日: 2017/01/30 著者: Filippos Vasilakis 2017/11/20: 初版公開 2023/06/08: 訳文を更新順序は特に決まっていません。 🔗 1. トップレベルにrescue_fromを書くルートコントローラにrescue_fromを書くと、その下で発生したすべての例外をキャッチできるので非常に便利です。Webアプリにこれを追加すると、リクエスト/レスポンスのサイクルで実行されるほとんどのコードがさらに便利になります。シンプルなAPIを例に考えます。rescue_fro

ofk 2017/11/21

rails

リンク

ヘッドレスブラウザ(Chrome)を使ってSPAをスクレイピングする - Qiita

一般的なスクレイピング手法とその問題点スクレイピングというと、HTTPクライアントライブラリを用いてHTML取得し、HTML/XMLパーサーで解析するというのが一般的だと思います。この手法の場合、以下の場合にうまく処理できません。ターゲットのページがJavaScriptにより動的にDOMを操作する場合 HTML/XMLパーサーが取得したHTMLを正しく解釈できない場合(正しくないHTMLでもブラウザはなんとか処理するが、パーサーライブラリは正確なHTMLでないと処理できないことがある) 特に問題になるのは前者でしょう。最近のWebサイトではJavaScriptでDOMを操作することは珍しくなくなってきています。SPAであればなおさら難しく、もはやこういった手法によるスクレイピングは不可能でしょう。ヘッドレスブラウザによるスクレイピング動的なDOMやパーサーがうまく解釈できないとい

ofk 2017/07/03

リンク

ユーザーにスクロールを予測させるCSSの書き方について | mkasumi.com

受託案件でレスポンシブ対応をするようになって4年半ほど。未だに悩むのがテーブルのレスポンシブ対応。テーブル要素をレスポンシブ対応する方法はいろいろとあると思うのですが、私がよく使うのはテーブルをスクロールさせる方法。ただ、このテーブルにはデザインの面で抱えている問題があります。それは、スクロールできることがユーザーには伝わらないこと。ぱっと見、途中でコンテンツが切れているように見えてしまう。もっとひどい場合にはthやtdの区切り線と同じタイミングで見切れてしまっていてその先にもっとコンテンツが存在することが予測できない可能性があります。今回は続きのコンテンツの存在をグラデーションで表現し、CSSのみでスクロールを予測させる方法について記述しています。実装方法 box-shadowやbackgroundプロパティでグラデーションを適用すればいいと思ってしまいがちですが、ただ単にこのプロ

ofk 2017/06/15

css

リンク

CSS書きたくなさすぎ問題2017 - DRYな備忘録

css書きたくない。できればjsも書きたくない。js必要なの嫌。軽くやりたい。という個人の日記です。参考 Best CSS Frameworks of 2017 | Three29 10 Free Lightweight CSS Frameworks for a Fast Start 2017年にチェックしておきたい、CSSの軽量フレームワークのまとめ | コリスググれ。 lightweight css framework - Google 検索 Gridだけやりたいやつは除外した。 Bootstrap Materialize mui ︵追記︶UIkit ︵追記︶Semantic UIPure Bulma Skelton Spectre.css Kube Vuetify Fictoan avalanche Beuter Vanilla Milligram InvisCSS Look

ofk 2017/05/31

css

リンク

Z̩̮̜͉̣͎͉̤͇͂̇͊̇̅̚ͅa̠͌̔l̨̢̞̘͉̟̰̱̭̜͍̙̣̬̂̿̌̐̾̾͂̍̽̓̓̇̄g̨̢̡̢̛͍̪̠̠̹̜̪̘̱͌̆̒̅̐ỏ̡̱̞̣̖̦̰̙͊́̋́̃̂̓̍̃ - Qiita

Z̩̮̜͉̣͎͉̤͇͂̇͊̇̅̚ͅa̠͌̔l̨̢̞̘͉̟̰̱̭̜͍̙̣̬̂̿̌̐̾̾͂̍̽̓̓̇̄g̨̢̡̢̛͍̪̠̠̹̜̪̘̱͌̆̒̅̐ỏ̡̱̞̣̖̦̰̙͊́̋́̃̂̓̍̃JavaScriptワンライナーes6Zalgo T̡̨͈͇̟̼̱̤̹̠́͆̂̋̂̀̄̋́̚ö̴̮̬̙͎͈̳̯́̈́̄̿̔̿͌̀̈́̀̊͊͊̌̈̓̕ͅ i̷̢̛̖͈̗̇n̶̝͂̂̂v̸̹͈͍̮̰̺̰̯̬̀̋̎̃̅́̓o̸̢͈̪͍̦̫̬̪̬̞̫̗̅̑͊́̓͋̕̚k͉̣͆̄e̷̶̡̳̤̤͇̠̤̼̭̠̭͈̻͆̃́̒̂̊̇̂ ẗ̵̢̢̛͉̪͈̪̥̞̣̪̙́̈́̓̃̂̆̀h̨̗̻̰̱̳̅͂̎̇̽̃e̷̴̶̛̬̦̮̜̾̂̃͂̐̌̈́̄̾̈́̄̀̚̕ h͍̘̙̠̯̜̫̙̙̜̥͉̝̋͌̌́͋̽͋̉̂̊̄i̶̡̢̧̧̨̛̯̬̤̭͇͂́̏͂̐̋̈́̎̍̋̀̐̕v̸̡̢̛̤̫͇̹̱̗̮̻͈̳̄͆̓̄̾̀̋̀́̕ȩ͍̹͂-m̴̶̳̖̼̟̅̓ĭ̴̠̙

ofk 2017/05/25

Zalgoという呼称を知った。

リンク

楽ができるGolangのライブラリ達 - Qiita

ライブラリ探すなら基本awesome go見とけばいいけど、いろいろ楽するためという観点で、思い出した順に適当に追記していく。気が向いたらサンプルも書く gojson https://github.com/ChimeraCoder/gojson jsonのデータを渡すとそれに対応するstructを生成してくれる。JSON APIを利用するときに楽ができる。既存APIのリプレイスをGoでやるときとかも良い。 goquery https://github.com/PuerkitoBio/goquery JQueryっぽくhtmlをパースしたり検索したりして楽ができる。自前でhtmlのパースなんか書いてられない。 goreq https://github.com/franela/goreq net/httpパッケージで、httpリクエストを飛ばすのは結構面倒だったりいろんな書き方があったりしてヘ

ofk 2017/04/24

golang

リンク

expo.ioを使ってリアルタイムにReact Nativeアプリを開発する - マルシテイア

1年ぶり3度目のReact Native入門してるんだけど、expo.ioっていうサービスがメッチャ便利そうだったので紹介します。何がどう便利かっていうと、ケーブルなしで、実機の動作確認ができるもちろんコード変更も即座に反映される開発版アプリの配布がワンタッチでできる便利なReactコンポーネントもついてくる youtu.be expo.io とは React Nativeでのアプリ開発を支援するサービスです。公式サイトはこちら。めっちゃ素朴…… expo.io expoは create-react-native-app XDE expo client といったツールを公開しています。 create-react-native-app: アプリの雛形を作るCLIツール XDE: アプリ開発を支援するデスクトップアプリ。実機のログをみたり、アプリを再起動したりできる expo cl

ofk 2017/04/19

react-native

リンク

実際に運用してみてわかった、大規模Mastodonインスタンスを運用するコツ - pixiv inside

おはようございます、ImageFlux開発責任者のharukasanです。3日前の4月14日、ピクシブではPawooが急にリリースされることになりまして、ここ数日はずっとPawooサーバにログインしていました。このPawooサーバ、既にピクシブの監視体制に入っており、アラート受信後インフラエンジニアが障害対応できる仕組みを整えています。案の定、リリース直後の15、16日は週末にもかかわらずアラートを受け取ることになり、サーバにはりつくことになったわけです。どんなシステムであろうとアラートを受け取ったら対応する、それが我らインフラエンジニアです。 pawoo.netの構成さて、それではまずPawooの構成を見ていきましょう。digすればわかりますがpawoo.netはAWS上に構成されています。数百台以上の物理サーバを常時運用しているピクシブであっても、さすがにこんなにはやく物理サーバは用

ofk 2017/04/18

nginx設定など具体的なサンプルがある。

リンク

自然言語処理における前処理の種類とその威力 - Qiita

自然言語処理に前処理は不可欠です。テキストは文字の羅列であり構造化されていないため、そのままでは処理するのが難しいです。特にWebテキストの中には HTMLタグや JavaScript のコードといったノイズが含まれています。このようなノイズは前処理して取り除かなければ期待する結果は得られないでしょう。出典: Deep learning for computational biology本記事では自然言語処理における前処理の種類とその威力について説明します。説明順序としては、はじめに前処理の種類を説明します。各前処理については、1.どんな処理なのか、2.なぜその処理をするのか、3.実装方法(なるべく) という観点から説明します。種類について説明した後、前処理の威力を測るために前処理をした場合としなかった場合での文書分類の結果を比較します。前処理の種類と実装この節では以下に示す5つ

ofk 2017/04/17

前処理の実装が示されている。

nlp

リンク

はてなブックマーク

タグ

ofkのブックマーク (25)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス