Corredor

ウェブ、プログラミングの勉強メモ。

「Google バックアップと同期」アプリの仕様が分かりにくかったのでまとめ

元「Google ドライブ」アプリが「Google バックアップと同期」というアプリに変わり、Google ドライブの同期機能と、「Google フォト」の同期機能を兼ね備えるようになった。 Windows PC の特定のディレクトリ配下にある画像のバックアップのため、容量無制…

Twitter の埋め込みツイートを中央寄せする方法

Twitter の個別ツイート画面右上のメニューより、「このツイートをサイトに埋め込む」を選ぶと、次のような HTML コードが取得できる。 <blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr"> …… (以下略) コレを Web ページに貼り付けると、埋め込みツイートが表示できるワケだが、このブロックが左寄せで表示さ</p></blockquote>…

Premiere Pro のテロップ編集が激重な時の原因

Adobe Premiere Pro CC 2018 で検証。 「タイトル」をタイムラインに配置し、タイトルエディタでテロップを入力している時、愛用する超ハイスペックマシンのガレリア XG でも処理に時間がかかり、プチフリーズしたかと思ったらタイトルエディタのウィンドウ…

Windows10 でも画面の部分キャプチャができた

MacOS だと Cmd + Shift + 4 を押すことで、画面の任意の部分をマウスドラッグで選択してスクリーンショットを取得できるのだが、Windows10 でも同様の機能が搭載されていることを知った。 Windows10 では Win + Shift + 5 と押すと、Mac と同様の部分キャプ…

Windows10 にインストールした Lhaplus がコンテキストメニューを追加してくれない時はバージョンをチェックする

Windows10 に Lhaplus をインストールしたのだが、エクスプローラでのコンテキストメニューに「圧縮」「解凍」といったコンテキストメニューを上手く追加してくれなかった。 よくよく調べてみると、64bit 版 Windows 向けの最新版である、Lhaplus v1.74 をイ…

Premiere Pro のシーケンスにクリップが配置できなくなった時のショボい原因

Premiere Pro CC 2018 で検証。 ある時突然、シーケンスのタイムライン上にクリップが配置できなくなった。タイムライン上のどこに重ねてもバッテン印のカーソルが表示される。 何かと思って調べてみると、タイムラインの左端で、「V1」「A1」といったところ…

Premiere Pro の「トランスフォーム (変形)」と「シャッター角度」を使ってズーム時にブラー効果を与える

最近 Instagram とかでよく見かけるエフェクト。あるクリップでズームイン or ズームアウトしながら次のクリップに切り替わるカッコイイ感じのトランジション。コレを再現してみる。 参考:Premiereで出来るかっこいいトランジション、Smooth Zoom IN/OUTの…

Premiere Pro のイージング機能を使ってみる

Adobe Premiere Pro CC 2018 で検証。 ズーム処理やクリップの移動などで、だんだん加速していったりとか、ゆっくり止まるような動きをさせたい時がある。そんな時は、キーフレーム間のアニメーションにイージングを設定することで実現できる。 参考:[Premi…

【デルアンバサダー】Dell XPS 13 2-in-1 レビュー:総評・お返しします…!

デル・アンバサダー・プログラムに選んでいただき、Dell XPS 13 2-in-1 を1ヶ月間お借りしてきた。 neos21.hatenablog.com neos21.hatenablog.com neos21.hatenablog.com neos21.hatenablog.com 今回は最終回ということで、改めて総評を行い、本記事を読んで…

Premiere Pro でのネストシーケンスの作り方と、配置時の注意

Adobe Premiere Pro CC 2018 で検証。 複数の写真にトランジションを設定しているシーケンスを作ってあって、そのシーケンス全体をゆっくりズームインしたい、といった時に、「トランジションを設定しているシーケンス」を子シーケンスとして配置し、親シー…

【デルアンバサダー】Dell XPS 13 2-in-1 レビュー:タブレットモードとタッチペンの使い心地チェック

デル・アンバサダー・プログラムに選んでいただき、Dell XPS 13 2-in-1 をお借りしている。 neos21.hatenablog.com neos21.hatenablog.com neos21.hatenablog.com 今回はこのマシンのタブレットモードとタッチペンの使い心地をチェックしていく。 タッチペン…

Mac で指定の HTML ファイルを Chrome で開くコマンドを用意する

MacOS High Sierra にて検証。 僕は普段、.html ファイルを CotEditor というテキストエディタに関連付けしている。Finder から .html ファイルをダブルクリックすると、CotEditor で開くワケだ。 この状態で、ターミナルから $ open index.html のように op…

スマホを傾けても中身は水平なままのページを作ってみたい

完全にネタとして。 以前も紹介したが、DeviceOrientationEvent を利用すると、モバイル端末の傾きを JavaScript で検知できる。コレを利用して 3D のオブジェクトが動くインタラクティブな仕掛けを作ったりできるが、その流れで思いついたネタ。 端末の傾き…

iOS 実機から MacBook のローカルホストを参照する方法

MacBook 上で http://localhost:9999/ を立ち上げていて、USB 接続している iPhone からそれを参照したい場合。iPhone 上で localhost:9999 と指定しても、どこのローカルホストやねんとなるので、違う指定の仕方をする。 まず Mac の「システム環境設定」→…

遅ればせながら Parcel を使ってみた

Webpack のような設定ファイルを一切置かず、ES2015・SCSS などをトランスパイルできる Parcel というツールを使ってみた。 Parcel GitHub - parcel-bundler/parcel: Blazing fast, zero configuration web application bundler Node.js v10.7.0・npm v6.1.…

プロキシ環境下で ifconfig を使って自分の IP アドレスを調べる

よくグローバル IP を調べる方法として $ curl globalip.me こんな風に専用サービスを curl で叩く、というモノがあるが、プロキシ環境下では globalip.me にアクセスできなくて使えない。 参考:Shellで超簡単にグローバルIPを確認する方法 そこで調べてみ…

iPhone6Plus では 120fps の AVFrameRateRange が取得できなかった

以前、iOS アプリで 120fps とか 240fps とかの動画を撮るためのコードを紹介した。 neos21.hatenablog.com このコード、手持ちの iPhone7Plus と iPhoneSE では上手く動いて 120fps のモードが (iPhone7Plus では 240fps のモードも) 選べて録画できていた…

iPhone XS のノッチが気になったので CSS で再現してみた

【Spigen】 スマホケース iPhone X ケース 背面クリア 耐衝撃 米軍MIL規格取得 ウルトラ・ハイブリッド 057CS22129 (マット・ブラック)出版社/メーカー: Spigen Japanメディア: Wireless Phone Accessoryこの商品を含むブログを見る iPhone XS・XS Max・XR …

オフラインでも CodePen できる、Chrome 拡張機能の「Web Maker」が便利だった

CodePen すこ。 SCSS と、ES2015 or TypeScript のトランスパイル環境をサクッと作り、必要に応じて jQuery や Bootstrap なんかを適用した雛形を一発で用意できて、素振りやサンプルを作るのにもってこいだ。 しかし、CodePen はウェブサービスなので、イン…

ラジオボタンやチェックボックスをランダムにチェックするブックマークレットを作った

答える気が失せるほどのラジオボタンやチェックボックスがひしめくアンケートサイト。イチイチ文章を読んでチェックを入れるのもダルいので (爆)、ランダムにチェックを入れるブックマークレットを作った。 動作サンプルは以下。「Exec」ボタンを押すと、そ…

【Angular Utilities】SVG で三角形を描画するツールを作った

Angular Utilities 初の SVG。Draw Triangle SVG を作った。 https://neos21.github.io/angular-utilities/draw-triangle-svg 元は CodePen で見つけたサンプルだった。 See the Pen SVG Triangle Generator by Neos21 (@Neos21) on CodePen. SVG Triangle G…

Bitbucket API を使って複数のリポジトリからファイルをダウンロードしてきて比較してみる

Bitbucket という、GitHub ライクでプライベートリポジトリが持てるホスティングサービスを使っている。 この Bitbucket にも API が用意されていて、今回やりたかったことに使えそうだったので、試しにやってみた。 Bitbucket API リポジトリからファイルを…

【Angular Utilities】指定日時までのカウントダウンを表示する Date Time Countdown を作った

みんな大好き Moment.js と、v6 系が登場した RxJS を使って、カウントダウンタイマーを作った。 https://neos21.github.io/angular-utilities/date-time-countdown 入力値を moment オブジェクトにブチ込んで、moment#valueOf() を使って UNIX 時刻を取得。…

【Angular Utilities】NFD 文字を NFC に変換する Normalize To NFC を作った

主に MacOS の Finder なんかで問題になる、NFD 文字。濁点と半濁点が別の文字に別れており、Finder からファイル名をコピペしたりすると、「バイブス」という文字列が「ハ゛イフ゛ス」のようになってしまう、というものだ (この例は全角の濁点文字で再現)。…

【Angular Utilities】似た文字を判定する Detect Character を作った

アラビア数字の 1 (壱) と、アルファベット小文字の l (エル) など、似たような文字を判定するツールを作った。 https://neos21.github.io/angular-utilities/detect-character 作りはかなり原始的で、予め「似ているっぽい文字」の辞書を自分で作っておいた…

【Angular Utilities】色々とエンコード・デコードする Encoder Decoder を作った

今日も Angular Utilities。URI エンコードされている文字とか、Unicode 文字参照になっている文字とかを、雑多にエンコード・デコード、エスケープ・アンエスケープするツールを作った。 https://neos21.github.io/angular-utilities/encoder-decoder どれ…

【Angular Utilities】UNIX 時刻を変換する Epoch Time Converter を作った

ちょくちょく UNIX タイムスタンプを扱うことがあって、その度に「なんかサクッと思ったように表示させて欲しいなぁ〜」と思っていたので、作った。 https://neos21.github.io/angular-utilities/epoch-time-converter UNIX 時間と、YYYY-MM-DDT00:00:00 (UT…

【Angular Utilities】カラーコード・RGB 値を相互変換する Colour Converter を作った

Angular Utilities に新たなツールを追加したので紹介。その名も Colour Converter。 https://neos21.github.io/angular-utilities/colour-converter/colour-converter 左の「Colour Code」欄に #f00 とか #0070ff とか入れると、右側の「RGB」欄に RGB 値が…

Word 文書の1・2ページが横並びに1画面に表示されるの止めて!!

Word 文書を開くと、1・2ページが横並びに1画面に表示されてしまう。コレがメチャクチャ読みづらいので止めて欲しい…。 で、調べてみたら、「表示」リボンタブの中に「1ページ」と表示のあるボタンがあるので、コレを押す。すると、複数ページある文書も1カ…

Mac の入力ソース一覧から「U.S.」を消すには

12インチ MacBook を購入して最初に設定を行う時、うっかり間違えて「日本語」ではなく「U.S.」を選択してしまった。とはいえ後で Google 日本語入力を入れたらそっちに切り替えるしほっとくか…と思い、Google 日本語入力をインストールして入力ソースから「…