概要 Chromeには様々な拡張機能がWebストアで公開されています。 New Tab Pageをカスタマイズできる拡張機能もたくさん公開されています。 Aewsome New Tab Page Infinity 新しいタブ などなど便利な拡張機能がすでにたくさんあります。 しかし、自分好みのちょうどいいのがなく、自作してみると非常に簡単にできたので、記事にしようと思いました。 この記事を参考に自分専用のNew Tab Pageを作っちゃいましょう。 実装 ディレクトリ構成
![【Chrome 拡張機能】ChromeのNew Tab Pageを自作してみる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/776d070ab6e2e3349bf69cfa16f7dfb0fa32ec35/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwQ2hyb21lJTIwJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgwJTkxQ2hyb21lJUUzJTgxJUFFTmV3JTIwVGFiJTIwUGFnZSVFMyU4MiU5MiVFOCU4NyVBQSVFNCVCRCU5QyVFMyU4MSU5NyVFMyU4MSVBNiVFMyU4MSVCRiVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDI4NmU0YzMyYjAzNzc2ZTkzOGI4OWMzMGU4ZGE2YjU%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB1dDBuJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zOGIzMDhmYmEzNjFhYTE3YTUxZTdiNmM2ODQyYjZlNw%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D1ff32163adc9795ac8ff35906692af58)
個人開発で 賃貸物件の検索サービス Comfy を作りました1。グラフや地図でサクサク絞り込める UI が特徴のサービスです。とにかく気持ち良い使い勝手を実現するために色々工夫しています。 既にリリースからは 4 ヶ月以上経っているのですが、改めてサービスの概要や、システム構成及び使用した技術・サービスをご紹介しようと思います。2。 サービスの概要 Comfy は日本全国の賃貸物件を検索できる Web サービス です。画面 UI は上の GIF 画像のような感じです。 こだわったポイントを色々書くよりも実際にさわって頂いた方が新感覚の UI や気持ちよさを体感頂けるかと思いますので、 実際のサービス をぜひお試し頂ければ幸いです! システム構成 図の通り、システムは大きく 3 つに分けられます。 フロントエンド バックエンド データ基盤 使用技術は図の通りではあるのですが、フロントエンドと
■ rsyslogとは アプリケーションから通知されたメッセージをログファイルに保存するLinuxのログ管理システム。 ■ /etc/rsyslog.confの文法 ● 基本構成 セレクタ(出力対象ログの内容設定)とアクション(出力先のログファイルの設定)で構成される。 下記のような形式で指定する。 複数のセレクターを定義するには、セミコロン (;) を使用して区切ぎる。 # セレクタ アクション authpriv.* /var/log/auth.log # セレクタ;セレクタ アクション mail.info;authpriv.none /var/log/messages セレクタ 出力対象のログメッセージを指定する。 ファシリティ(≒ログの種類)と、プライオリティ(≒ログのレベル)を設定する。 下記のようにファシリティ.プライオリティという形式で指定する。 定義するファシリティ、プライオ
自身のプライオリティによりますが、いくつか。 Markdownで幅広く再利用性を利かせたい、長期的に丁寧に版管理したい 自分自身の操作性、描きやすさと、見た目 俄然手軽に、短期的に、Onlineでいつでもどこでも いずれかという視点で考えると良いのかなと思い、並べてみました。 1. 長期的に: Markdownで幅広く再利用性を利かせたい、丁寧に版管理したいなら Markdownで描くことのメリットは再利用性。 将来的に追記・編集、自分以外の誰かが手を入れる可能性が高い。 現在のドキュメントだけでなく多種説明資料、媒体に転用する可能性がある。 ...という点で差分管理をしたいなら、以下。 VSCodeでPlantUML、Mermaid 上記参考で以下。 Alt+D でプレビュー起動。 Ctrl + Shift + P でコマンドパレットを起動し、出力。 png, svg, eps, pdf
phpDocumentorの書き方ってこれ!っていうベストプラクティスがなくて(ドキュメントとはそういうものなのかもしれないけど…)、毎回試行錯誤して、フォーマットを考えるだけでも時間を取られるので、一度自分なりのフォーマットをまとめたいと思います。 今回は、クラスとメソッドについてまとめています。 プロパティについても書いたほうがドキュメントとしてはよいと思うのですが、プロパティまで書き出すとなかなか継続出来ない(ダメ人間です)ので、追々。。 ちなみに、CakePHPをやんわり想定しています。 では、まずクラスについて。 クラス:フォーマット /** * [区分]クラスの概要 * * クラスの詳細 * 出来るだけ細かく書いたほうがよいが、詳細な説明は各メソッドに任せる。 * 全体での共通ルールとか仕様を書く。 * * @access アクセスレベル * @author 名前 <メールアド
-nn をつけるとアドレスやポート番号を名前に変換しない(No Nameの略か?)。基本的につけた方が見やすいと思う。 -X をつけるとパケットの中身(HTTPならリクエストやレスポンス)も表示。 -A をつけると16進ダンプでなくテキストのみ表示。
はじめに 個人的なシェル(スクリプト)あるあるなんですが、変数操作に悩んでいるとBashの 変数展開 って思った以上に色んなことができてしまうことに気がつきます。 「なんかいい感じの書き方ないかなー」 「cut, tr, sed, awk, ...、まぁできるのは間違いないんだけど」 「うーん」ググリ― (10分後) 「えっ、変数展開...?(怪訝)」ポチポチ 「...」カタカタ 「いけるやん!!!」 ってことが結構あります。皆さんもこういった経験少なからずあるのではないでしょうか。 (そして今もまさにそういう記憶・期待があるから、変数展開について少し調べている...そんなところかと推察します) 毎回調べるのも感動があっていいと思うんですが、もはや衝動を押さえきれないので 全部調べたい と思います。 Bashのバージョンは 4.3.48(1) でしたが、そうそう変わるような内容でも
最近どこの会社でも「働き方改革」を目的としてRPAの導入が加速しており、多くのコンサル会社やSIerがRPAツールを使ったソフトウェアロボットの取り組むようになってきてます。 そんな中、個人的にはもっと注目を浴びても良い気がしているのが、「AutoIt」「AutoHotkey」「UWSC」といった(ほぼ)無料で使える「自動化ツール(マクロツール)」です。 RPAツールのように使いやすいデザイナーツールや、遠隔から実行する仕組み等はないものの、 RPAツールを使うまでも無い単純な作業を特定のマシン上で動かす(RPAツールのライセンス節約) RPAツールだけではちょっと機能的に足りない部分を補完する 上記のような用途では非常に有効なツールだと思っています。(特にエンドユーザでロボット開発をしない場合) 今回は、この「自動化ツール(マクロツール)」について簡単に(主観的に)比較してみました。 比
chromeのログってログが出力された時刻が出ずにちょっと不便だなって思うことありませんか? 現在時刻出力させるコードを書くのもめんどいし。 実はchromeのオプションで時刻が出ることが分かったので備忘録としてqiitaに残します。 Developerツールの右上の三点ボタンをクリックしてSettingsを選択します。 Preferencesの中のConsoleにShow Timestampsという項目があるのでチェックを入れます。 これだけでめでたくconsoleのログに時刻が出力されました!! エンジニアに役立つ情報をTwitterでも発信していますので宜しければTwitterの方もフォローをよろしくお願いします! Twitterへのリンクはコチラ
操作方法 1 装置を起動する 2 コントローラを起動する 3 コントローラからConnectする 4 ボタンが有効になったら、左右に動かす コントローラ import 'dart:io'; import 'dart:typed_data'; import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; void main() { runApp( ChangeNotifierProvider( create: (context) => TcpClient(), child: MaterialApp( home: ClientPage(), debugShowCheckedModeBanner: false, ), ), ); } class TcpClient with ChangeNotif
竈門禰󠄀豆子をMySQL5.6のテーブルにinsertしようとすると正しく格納できず、竈門禰となってしまうケースがあるという話を聞き、調べてみました。 実践 まずは試しにやってみます。 mysql> show create table verification\G *************************** 1. row *************************** Table: verification Create Table: CREATE TABLE `verification` ( `name` varchar(100) COLLATE utf8_bin DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin 1 row in set (0.01 sec) mysql> inse
概要 この記事ではDoxygenPreviewerの説明と、下記のような作成で得た知識のまとめの導入をします。 doxygenのソースコードのコンパイルとそれに関すること Visual Studio Codeの拡張機能の作成方法とそれに関すること DoxygenPreviewer なにそれ 筆者が作成した、現在編集しているCソースコードのdoxygenをすぐに見れる、Visual Studio Codeの拡張機能です。C言語用です。C++もある程度はOKです。 https://github.com/hakua-doublemoon/DoxygenPreviewer に公開しています。 近いうちに(何事もなければ)マーケットにも出します。 Marketplaceで公開されました。使ってみてください。 なぜ作った というのが今の開発現場のコードレビューでよくあるからです。 解決策としてはDox
このドキュメントではRedmineでGitを連携させる方法について記述する。 環境 OS:Debian7 Redmine version 2.3.1.stable git version 1.7.10.4 apt-getでRedmineとgitをインストールしている。 gitリポジトリの作成してSmartHTTP経由参照できるようにする。 リポジトリの作成 Webサーバからアクセスできる権限で、リポジトリを作成する。 $mkdir -p /var/git/test.git $cd /var/git/test.git $git --bare init $git update-server-info $chown -R www-data .
はじめに Dartでは,dart:asyncのFuture.wait()を使う事で複数の非同期処理を並行して待つことができます. Flutterなどで,複数のAPIを同時に取得したい時に使えます. 動作確認 DartPadにコピー&ペーストで動作確認できます. コード void main() async { List<Future<bool>> futureList = []; for (int i = 0; i < 5; i++) { futureList.add(somethingAPI(i)); } print('Future.wait() start'); var futureWait = Future.wait(futureList); print('start await'); var result = await futureWait; print(result); prin
Flutter歴一週間にみたない赤ん坊です。バブー。はいはい。 timeout処理を実装するためにFutureのtimeoutメソッドを使用したのですが、これがsleepだとうまく動きませんでした。試行錯誤の末、ようやくawait Future.delayedを使わなければいけない事がわかったので、シェアさせていただきます。 以下のコードは、うさぎとかめが競争するプログラムです。うさぎはsleepで寝てもらい、かめはawait Future.delayedで休んでもらいます。 import 'dart:async'; import 'dart:io'; //計測用 class Timer { static int started = 0; //開始時間 //リセット static void reset() { started = getNow(); } //現在エポックミリ秒を取得 sta
Original article:https://dev.to/dotnetsafer/rip-copy-and-paste-from-stackoverflow-trojan-source-solution-4p8f その昔コピペできない文章というものがありました。 実際は単にフォントを変えているだけというものですが、人間の目に見える文字と実際の文字が異なることを利用した攻撃の一種と見ることもできます。 さて、最近になって似たような攻撃に関する論文が公開されました。 人間には見えない文字を織り交ぜることによって、一見問題ないコードが実は脆弱になってしまうというものです。 ただ論文は堅苦しいうえに長くて読むのがつらいので、具体的に何がどうなのかよくわかりません。 平易に解説している記事があったので紹介してみます。 以下はDotnetsafer( Twitter / GitHub / Web
用語 コントローラ (ctrl) とは: ローカルに接続されている BT の MAC アドレスの事 デバイス (dev) とは: リモート BT デバイスの MAC アドレスの事 操作手順 典型的な操作手順は以下のとおりです。BT コントローラは自動起動になっていて、使いたいデバイスの MAC アドレスを D4:0B:1A:F2:FE:DC とします。MAC アドレスは scan on で表示されるのでメモっておいた方が良いです。 bluetoothctl scan on pair D4:0B:1A:F2:FE:DC trust D4:0B:1A:F2:FE:DC connect D4:0B:1A:F2:FE:DC bluetoothctl これが標準の方法らしい。bluetoothctl とは、 bluz ソースコード に含まれるツールで、コマンドラインで Linux の Bluetoo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く