9月も終わり、2018年も残り３ヶ月。 今月もさまざまなサービスやアプリがリリースされました。 というわけで、今回もSNSやメディアで話題になったサービスをいくつかピックアップしました！ 【過去の記事はこちら】 » 【最新】話題のWebサービス・アプリまとめ ニッポンの名字 日本郵便が公開した、名字について教えてくれるサイト。 9月19日、名字の日に公開され、SNSで話題になりました。 気になる名字を入れて検索すると、「全国に何人いるのか」「どの都道府県に多いのか」「名字の由来」を教えてくれます。 名字について教えてくれるサイトは他にもありましたが、日本郵便が公式で公開しており、ユニークなイラストもあいまって、多くの人が利用しました。 Cocoda! オンラインのデザイン学習サービス。 カリキュラムに沿って学んでいくというスタイルではなく、架空の依頼内容に対して、ユーザー自らが考えてデザイ

Unicorn PlatformはシンプルなLP作成サービスです。出来る事は用意されているコンテナを追加/削除してDLする、という事のみとなっています。テキストやカラー、要素の編集等は出来ませんのでHTMLやCSSの基礎知識が必要です。編集できない代わりに、かなり大量のコンテナが用意されており、さまざまなシーンに対応できるようになっています。ツールを使うための学習コストはほぼ0で利用できるくらいには簡単なものなので時短ツールとして覚えておいて損はないかなぁと思います。 Unicorn Platform

Design notes is a free online resource library for product designers. Free icon, free fonts and much more... ただ闇雲にまとめているわけではなく、フリー素材で誰でも使えるものを中心にしてまとめられています。課金が必要そうなものは大手デザインツールぐらいではないでしょうか。 またこちらのサイト、制作に関わる素材・ツールだけではなく大手各社のデザインガイドライン、プロトタイピングツール、デザインツール、UXの記事サイトや学習に必要な情報が書いてある公式ブログなどなど、本当にデザイナーに必要であるサイトが凝縮されています。最新のInDisign Blogもまとめられているので、随時更新はかけられているようです。願っても無いサイトではないでしょうか。 数ヶ月かけて集めたブックマークがこれひと

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5以降、APIがどんどん拡張されており、Webにおける表現力が増しています。支える技術として知られているのがSVGとCanvasでしょう。これらは2Dグラフィックスを描画するのに使われることが多いです。 そんな中、登場したのが3D Builderです。なんとSVGで3Dを描くためのライブラリです。 3D Builderの使い方 デモです。ハートを3Dで描いています。 回転もできますが、かなり重たいです。 ワイヤーだけになると若干軽くなります。 回転しているところ。 球のワイヤー。 3D Builderは回転させることはできるのですが、動作はかなり重たいです。SVGは3D描画には不向きですが、JavaScriptと組み合わせたりするのには良いかも知れません。利用機会は限定的で

何よりもまず、何かをやりなさい フランクリン・D・ルーズヴェルト(アメリカ合衆国第３２代大統領) はい、やります。ルーズヴェルト先輩。 こんにちは、フロントエンドエンジニアのザワです。 最近思うんですよ。興味・好奇心が薄れることが一番の恐怖だと……。ということで今回から、今まで注目していなかったNPMパッケージの世界に足を踏み入れることで自身の好奇心を煽っていきたいと思います。 記念すべき第1回目にご紹介するNPMパッケージは、chalk。 なぜchalkを選んだかって？ NPMのサイトを見ると、「Most depended-upon packages」に名を連ねているからです。いろいろなNPMパッケージに頼りにされているパッケージということですよね、きっと。 そして、パッケージ名がchalk。「チョーク」といえば、黒板とチョークと日直の画が頭に浮かびます。もしくはチョークスリーパー。どち

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ネットワーク上に流れるデータは極力小さい方が良いです。圧縮はもちろん、余計なメタ情報を削除したりして、ネットワーク負荷を軽減するのが望ましいでしょう。しかし一つ一つのファイルを手作業でやるのは現実的ではありません。 そこで自動化です。今回はコマンド一つで画像サイズを軽減できるimageminを紹介します。 imageminの使い方 例えば以下のようにコマンドを実行します。これだけでPNGファイルをまとめて処理してくれます。 $ imagemin *.png -o ./out 処理前後のファイルです。682KBが433KBになっています。37%削減されています。 imageminはオプションとして他の画像圧縮ライブラリを指定できます。より圧縮率の高いアルゴリズムを指定するのも良いでし

Result CSS変数を更新するJSスニペットです。べんり。 ※本コードは非依存のバニラJSです let root = document.documentElement; root.addEventListener("mousemove", e => { root.style.setProperty('--mouse-x', e.clientX + "px"); root.style.setProperty('--mouse-y', e.clientY + "px"); });css.mover { width: 50px; height: 50px; background: red; position: absolute; left: var(--mouse-x); top: var(--mouse-y); }html<div class="mover"></div>viaUpdati

CSSのグラデーションconic-gradient()関数は、conic（円錐）の名のとおり、円錐状にグラデーションを描画するものです。conic-gradient()関数を使用すると、円錐状のグラデーションはもちろん、集中線や市松模様といった表現が手軽に実装できます。 ▼ conic-gradient()関数で実装したグラデーション例 ▼ conic-gradient()関数で実装した演出例 サンプルを別ウインドウで開く 本記事ではconic-gradient()関数の基本的な使い方を解説しつつ、応用的な表現やクロスブラウザ対応の方法を紹介します。 conic-gradient()関数の基礎 linear-gradient()関数・radial-gradient()関数との比較 CSSでグラデーションを実現する手段は次の3種類があります。 linear-gradient()関数： 直線状

最新のMacBook Proに搭載されているTouch Bar。キーボードとディスプレイの間とも言える部分ですが、それだけに使い方次第では生産性を高めることができるでしょう。ただ表示だけしているのでは勿体ないです。 今回はTouch Barを拡張するEnergyBarを紹介します。 EnergyBarの使い方 起動するとこんな感じでDock風にアイコンが並びます。 輝度設定。 カスタマイズもできます。 設定です。 macOSのDock風に使えるのと、アクティブなアプリ名表示、時間、Escキーなどが設定できます。今再生している楽曲名も表示できます。自分の使い勝手の良いようにカスタマイズしてみると面白そうです。 EnergyBarはObjective-C製のオープンソース・ソフトウェア（GPL v3）です。 billziss-gh/EnergyBar: Supercharge your Mac

絶対に入れておくべきとまではいきませんが、入力補完やドキュメント参照が容易にできるなど慣れると手放せなくなるようなものもいくつかあるので、VS Codeを利用していて普段からWordPressを触る機会が多い人は試してみてください。 WordPress Toolbox WordPressの関数・クラス・定数を入力補完してくれる拡張機能で、現時点の最新版であるVer 4.9.8にも対応しています。 展開時には引数付きで出力してくれる機能もあり、展開したコード内にある引数の選択部分をtabまたはshift + tabで移動させることもできます。 例）add_filter()を引数表示有りで展開 add_filter( $tag:string, $function_to_add:callable, $priority:integer, $accepted_args:integer )

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました オンラインブックマークはついついブックマークした後の整理を怠り、どんどん蓄積されていきます。後で見返した時に、あまりにも膨大な数で目的のブックマークに辿り着けなくなってしまうのではないでしょうか。 そこで使ってみたいのがBrowser Online Bookmark Incsearchです。各種オンラインブックマークサービスのデータを取り込み、インクリメンタルに検索できます。 Browser Online Bookmark Incsearchの使い方 まず取り込むブックマークサービスを指定します。Googleブックマーク、Pinboard、はてなブックマークが使えます。それぞれのサービスにあらかじめログインしておく必要があります。 取り込み中。 取り込んだらブックマークが一覧表示さ

macOSでは通常、最小化したウィンドウはDockの右端に並べられていきます。 最小化状態のウィンドウは、「ウィンドウの外観+アイコン」を縮小化したものなのですが、何のアプリか分かりづらかったり、最小化したウィンドウによってDockの項目の数が増えてしまうという問題が存在しています。 実はこの動作は設定で変更可能で、Dockの右端ではなくアプリのアイコンに格納することも可能です。以下その方法を説明します。 システム環境設定で変更 Dockの挙動を変更するにはシステム環境設定を利用します。 ▲「システム環境設定 > Dock」を選択し、「ウィンドウをアプリケーションアイコンにしまう」にチェックを入れます。 ▲設定を変更した後、ウィンドウの黄色のアイコンをクリックして最小化すると、そのアプリのアイコンに格納されるようになります。 Dockを常に表示にしておき、最小化したウィンドウがどこに格納さ

はてなブックマークでフォローしている人たちのブックマークを軽快に読めるHBFavが開発を停止しました。はてなブックマーク自身のフィード仕様が変わったのが原因ですが、残念なことです。 そこで登場したのがHatebLineです。iOSではなくmacOS向けのソフトウェアですが、HBFavの体験を引き継ぐソフトウェアです。 HatebLineの使い方 まず設定でユーザ名とトークンを設定します。 後は自動的に更新されていくので眺めていくだけです。 スペースキーで記事を閲覧できます。 HatebLineはブックマークではなく、誰がブックマークしているかという人にフォーカスしたビューワーです。これはFBFavと変わらないでしょう。はてなブックマークをソーシャルとして楽しんでいる人にぴったりなソフトウェアです。 HatebLineはSwift製のソフトウェア（ソースコードは公開されていますがライセンスは

Lazyestload.jsは画像の遅延読み込み機能を実装できる軽量のJSライブラリです。画像以外の部分を先に読み込ませることができるので、ユーザーにとっても無駄な待ち時間が減り、より快適にWebページを閲覧できますね。Webページを少しでも高速化したいと考えている人は要チェックです。 以下のページからLazyestload.jsの実際のデモ動作をチェックできます。 デモ デモでは縦長のページが用意されていて、ずらずらと書かれたテキストが表示されます。下へスクロールしていくと画像も出てきますが、遅延読み込みされるようになっているので、はじめはボカシが入った画像が表示され、少し時間を置いてから本来の画像が表示されます。 画像ファイルが重いとそれが読み込まれるまでそれ以降のコンテンツの読み込みができない状態になるので、早くコンテンツを見たいユーザーにとっては不便を強いられることになってしまいま

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました カンバンといえば元々はトヨタの生産システムから来ていますが、ITの中に入ってかなり変質したようにも感じます。とは言え、プロジェクト管理やタスク管理など、良い形に変わってきたと言えるでしょう。 そんなカンバンをデスクトップで使えるようにしたのがTopsi Project Managerです。 Topsi Project Managerの使い方 最初に保存場所を決めます。 カンバンの色も変えられます。 プロジェクトを作ります。これはボードに相当するものです。 プロジェクトを作りました。 プロジェクトに入るとカンバンが表示されます。 タスクを作ります。 ドラッグ&ドロップで移動できます。 マイルストーンを変えるとタスクもすべて切り替わります。 タグです。 Topsi Project Ma

Webページに実装されているHTML要素の構造を可視化し、header, nav, main, articleなどセマンティック要素が正しく実装されているか検証できるスタイルシートを紹介します。 デバッグ機能も備えており、不正なマークアップや問題のあるマークアップを表示することもできます。 Construct.css Construct.css -GitHub Construct.cssはセマンティックHTMLの使い方をより身近にするために、スタイルをフックとしてクラス名を使用するのではなく、直接タグをスタイルするCSSのライブラリです。目に見えないセマンティックのタグであることを視覚的に確認することができます。 ブラウザで簡単に利用できるブックマークレットも用意されています。 ブックマークレット Construct.cssのブックマークレット ブックマークレットを使用すると、以下のCSS

よくある開発時のミスとして、メールの誤配信があります。メールアドレス確認などでメールを出したいと思ってSMTPサーバを適切に設定してしまったために他の機能のメールまで飛んでしまったりします。メールはしばしば大きな問題になります。 そこで使ってみたいのがPapercutです。ローカルで立てるSMTPサーバです。 Papercutの使い方 メイン画面です。 メールが届くと通知が表示されます。 メールが来ました。残念ながら日本語はコンバートされないようです。 オプションです。 設定です。メールのフォワードができます。 別な送り先に送れます。 開発用SMTPサーバに届いたメールは個人のアドレスに転送させて確認することもできるでしょう。また、URLクリックなどであればそのままPapercut上で十分と言えるでしょう。開発時に用意しておくと便利なソフトウェアです。 PapercutはJavaScrip

IkonateはOSSとして公開されているSVGアイコンのセットです。カスタマイズ性、パフォーマンスを重視しているそうです。数もそこそこ用意されており、いずれも汎用的なものとなっています。また、本サイトではカスタマイズツールも用意されています。ライセンスはMIT。 Ikonate

Contents 画面解像度 デバイスピクセルとCSSピクセル 1. 画面解像度 ディスプレイ画面の大きさ・解像度は環境によって変わってきます。画面の解像度が大きければ広い範囲を表示できますが文字は小さくなります。画面の解像度が小さいと表示できる範囲はせまくなりますが文字は大きくなります。解像度の違いに気を配ることでWebサイトの見やすさは変わってきます。 2. デバイスピクセルとCSSピクセル AppleのRetinaディスプレイをはじめとして、最近は高精細なディスプレイを搭載する端末が増えて来ました。以前のディスプレイのルールでは1ドットをそのまま等倍の1ピクセル(1ポイント ＝ 1ドット ＝ 1ピクセル)で表示していましたが、高精細ディスプレイではそれを「2 x 2」で4つや「3 x 3」で9つなど、1ピクセルを細分化して表示するようになりました。 ・デバイスピクセル デバイスピクセ

「z-indexプロパティ」と聞くと、面倒くさいと顔をしかめる人もいるのではないでしょうか？「要素の順位を決めるプロパティであることはわかっている。でも、思い通りの順位にならないじゃないか」と感じたことはありませんか？ CSSの「z-index」は癖の強いプロパティです。単純な設定は問題なくても、複雑な設定になった途端、思い通りの挙動にはなりません。positionプロパティを使う人であれば、頻度高く使用するのが「z-indexプロパティ」ですが、理屈を知る必要があります。ここでは、その理屈を勉強しましょう。読み終わったら、「z-index」の使い方が理解できていることでしょう。

12月更新・前月(11月)の人気記事トップ10 12/07/2023 ( 02 ↑) 【Mac】macOSをHigh SierraからMontereyにアップグレード ( 01 ↓) 【iPhone / iPad】iPhoneでSuicaをクレジットカード無しで使う方法 ( 03 – ) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方法 ( 05 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 06 ↑) 【jQuery】入門2. jQueryをHTMLに組み込む (圏外↑) 【jQuery】入門11. switch文による条件分岐 (圏外↑) 【Mac】Safariでソースコードを見る方法 ( 09 ↑) 【Mac】横画面で撮影した動画をYouTubeショー

※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 Safari 12から、複数のWebサイトで、繰り返し使用されているパスワードに対して、Safari環境設定＞パスワードのパネルで印が表示されるようになりました。 どれだけのWebサイトで使用されているかの数も表示され、パスワードの変更を行うよう注意されます。

jQuery Tags Input Revisited Pluginは、シンプルで使いやすいタグ入力機能を実装できるjQueryプラグインです。レスポンシブにも対応できるのでモバイルからでも快適にタグ入力できるのが便利ですね。 以下のページからjQuery Tags Input Revisited Pluginの実際のデモ動作をチェックできます。 デモ デモページには機能別に用意されたサンプルがいくつか用意されています。シンプルなタグ入力、バリデーション、オートコンプリートなど、タグを入力するうえであると役立つ機能がいろいろ用意されています。 ボックス内にキーワードを入力して簡単にタグを登録できるのでとて便利なほか、各タグの横にはバツ印が付いていて、ここをクリックすることで個別に削減することも可能です。 また、デモはレスポンシブにも対応しています。画面の横幅を縮小・拡大することでそれに合わ

Vapidはテンプレート駆動型のOSSなCMSです。HTMLに特定のテンプレートタグを組み込む事でCMS化する、みたいなもの。静的サイトですが、しっかりダッシュボードも付いています。学習コストもかからず、よくあるCMSよりもパフォーマンス面で期待が持てそうで個人的には期待したいところです。ライセンスはMIT。 VapidOn Github

この記事ではCSSアニメーションについて解説をしながらサンプルを掲載していきます。 CSSは書けるけどアニメーションは詳しくない。 CSSのアニメーションに興味がある。 だけどどう実装すればいいかわからない…… 主にコーダーの方、初心者フロントエンドエンジニアの方が対象です。 CSSで再現でき、使用頻度が高く、よく使用されているアニメーションのサンプルを紹介します。 こちらもすすめ：【コピペ改変OK】CSSだけで作れるボタンデザイン10選 CSSのアニメーション CSSのアニメーションに関わるプロパティはトランジション（transition）とアニメーション(animation）があります。 トランジション（transition）プロパティ 何らかのアクションを起こしてから時間をかけて変化させるということを書くことができます。 例えば、カーソルを当てたときに文字色を白から黒にふわっと変えた

ペンですらすらっと書かれたような、繊細で美しいブラシタイプのスクリプトフォントを紹介します。 55種類以上のリガチャが含まれており、走り書きされたメッセージやサイン、シグネチャなどにも最適です。

ようやくFonts Module Level 3がW3C Recommendationになった。そこそこ実装があっても、勧告までは5年もかかる。他いくつか仕様の更新もあったので、vim-css3-syntaxもリリースした。既存の仕様への更新のみのためv1.1.1とパッチ・レベルでのリリースになる。 css-fonts-3の勧告と同時期に出たcss-text-4の最新WDでは、新しくline-paddingプロパティーが追加された。このプロパティーはブロックの各行の最初と最後の文字に余白を追加する。左(右)寄せ時における最終行の最後(最初)の文字や、中央寄せ時における最終行の最初と最後の文字、自動折り返しでの最後の文字などでpaddingプロパティーとは挙動が変わる。 見出しの文字だけに背景色を追加するCSSを考えてみると良いかもしれない。今までは見出しをinlineにしてpadiingプ

WordPressで構築されたブログやメディアでよく見かける詳細ページで前後記事へのリンクを設置の際に、単純な前後記事へのリンクではなく現在表示しているカテゴリーやタグと同じものが設定されている記事へのリンクを表示させる方法です。 in_same_termを使う ここでは前後の記事リンクを表示させるために全部で3種類の関数を用いた方法を紹介していますが、先に結論から言うといずれも基本的に$in_same_termというオプションを利用することで実装できます。 the_post_navigation()は前後両方の記事へのリンクを表示させたい場合、previous_post_link()は前の記事へのリンクを表示させたい場合、next_post_link()は次の記事へのリンクを表示させたい場合になります。 同じカテゴリー（投稿） デフォルトの投稿にあるカテゴリーを利用している場合は、下記の

具体的な使用例としては、ブログやメディアなどでよく見かける1ページ目のみ「もっと見る」とか「さらに表示」のような2ページ目に飛ぶリンクが設定されたボタンを表示して、2ページ目以降は通常のページネーションを表示させるなどができます。 1ページ目と2ページ目以降とで処理を分ける 1ページ目と2ページ目以降とで処理を分ける実装には、is_paged()を使用します。 is_paged()を使って2ページ目以降かどうかを判定して、2ページ目以降だった場合はページネーションを表示させたいのでtrue時にthe_posts_pagination()を記述し、false時は2ページ目以降ではなく1ページ目ということになるので、ここにページネーションではないコンテンツを出力させるコードを記述することで、1ページ目と2ページ目以降とで異なる表示にすることができます。 よくある「もっと見る」ボタンを表示させる

パスワードによる認証が脆弱であるのはよく知られています。そのため多要素認証としてSMSを使ったり、認証コード生成アプリといった補助ツールが存在します。最近ではYubiKeyのようなハードウェアも使われています。 そんな中、パスワードを使わない認証機能としてPAW.jsが登場しました。 PAW.jsの使い方 まず登録を行います。 メールアドレスを入力するだけです。 登録完了して、日記が書けます。 次にログインです。すでに登録したメールアドレスが表示されます。 ログインできました。 別なWebブラウザではログインできません。 PAW.jsの仕組みは公開鍵認証で、各Webブラウザに対して公開鍵が生成されます。そのため、同じ人であってもWebブラウザが異なるとログインできません。パスワードがない分、セキュリティは十分に強力ですが、万一鍵を紛失するとログインできなくなるので、復旧するための仕組みは何

1 ：風吹けば名無し ：2018/09/20(木) 03:30:37.77 ID:bPRDy8h4F.net 🐸👤🐮「ショートコント」 2 ：風吹けば名無し ：2018/09/20(木) 03:30:59.13 ID:Spf1KCAB0.net 続けてどうぞ 14 ：風吹けば名無し ：2018/09/20(木) 03:32:59.80 ID:eEEc8WDO0.net 間に変な絵文字入ってるぞ 3 ：風吹けば名無し ：2018/09/20(木) 03:31:11.96 ID:RTC2to2I0.net なんて名前だっけこの芸人 7 ：風吹けば名無し ：2018/09/20(木) 03:31:55.61 ID:9TUe/JLL0.net >>3 ネゴシックス 8 ：風吹けば名無し ：2018/09/20(木) 03:31:58.46 ID:UDwjzKvGM.net >>3 パックンマ

Result リンクにマウスホバーすると波のようにアニメーションする、というもの 背景に波打つSVGが使われています。ちょっと面白いなと思ったので備忘録 css:root { --mainColor: #ff9800; } a { background: linear-gradient(to bottom, var(--mainColor) 0%, var(--mainColor) 100%); background-position: 0 100%; background-repeat: repeat-x; background-size: 3px 3px; color: #000; text-decoration: none; } a:hover {/*背景に波打つアニメーションをSVGで描く*/ background-image: url("data:image/svg+xml;ch

Result CSS Gridを使ったカレンダーUIのサンプルです コードはCodepenをご確認下さい ※本記事での表示用に少しコードを変更しています viaCSS grid calendar

フォトショップに慣れてくれると、重要になるのが「作業の効率アップ」でしょう。 「自分のやりたいこと」を、できるだけ早くこなす、時短ワザは欠かせません。 この記事では、フォトショップを使う人なら誰でも役立つテクニック11選を、サンプル例と一緒にご紹介します。 コンテンツ目次 同じファイルを2画面で表示する方法 Photoshop以外から色を抽出する方法 コピースタンプツールの使い方（応用編） グループ機能の手軽な写真合成テクニック 輝きをアップする８つの描画モード 「白黒」調整レイヤーをつかった色の変更テクニック 気になるシワやしみを消す方法 写真の明るい部分のみ選択する方法 色調の自動補正アルゴリズムを変更する方法 切り抜きサイズを統一する方法 隠しバナナアイコンを表示する方法 フォトショップを持っていない人は、まずは7日間の無料トライアルからはじめませんか。 すべての機能を試すことができ

ScrollFixはスクロール時に特定の要素を固定して表示できるjQueryプラグインです。画面の上部や下部に要素を固定できるので、ユーザーに特定の情報を見せておきたい場合には最適ですね。 ScrollFixの実際のデモ動作は以下になります。 ScrollFix デモでは下へスクロールしていくと特定の要素が上部または下部に固定された状態で表示されます。スクロールしても任意の情報を見せたままにしておきたい場合に役立ちます。 上部・下部どちらへ固定するかはオプションの「side」という項目から指定できるようになっています。デフォルトでは「”top”」です。他にも「”bottom”」「”both”」という値が用意されています。 また、オプションには他にもtopPosition、bottomPosition、topFixClass、bottomFixClass、substituteClass、st

SchemeColorはさまざまなカラースキームを超大量に保管しているWebサイトです。ダウンロードや編集も可能です。基本的にはシンプルな機能ですが、量が非常に多く、ざっと数えただけでも1万ほどあるようです。また、ブランドカラーや動物、国旗、特定の色などでソートも可能となっています。全て美しいカラースキームと言うわけではありませんが、とにかく種類が豊富なので運が良ければ良いインスピレーションを得られることもあるかもしれませんね。 SchemeColor

※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 macOS Mojaveから、Finderに複数の新機能が追加されています。 これまで、ファイルの表示方法として提供されてきた、アイコン表示、リスト表示、カラム表示に加えて、フィルムストリップ表示に変えられる「ギャラリー表示」が追加されています。 Adobe Bridgeなど写真系のビューワに搭載されていた機能が、Finderでも利用可能になりました。

macOS Mojaveから、外観モードとして、作業に集中できる「ダークモード」機能が追加されています。 設定＞一般の最上部にある「外観モード」で「ダーク」を選ぶことで切り替えすることができます。

※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 macOS Mojaveから、デスクトップとスクリーンセーバのデスクトップタブに、現在地の時刻に合わせて変化する「ダイナミックデスクトップ」が追加されています。 選択できるのは「モハベ」「ソーラーグラディエント」の２種類となります。 リストから、「ライト」「ダーク」を選ぶことで、明るさが変化しない壁紙としても指定することが可能です。

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 長い動画を見るのは勇気がいります。時間を吸い取られてしまうかも知れません。あらかじめ、ざっと内容が分かると嬉しいのではないでしょうか。とは言え、そのために短い動画を作るのは大変です。 そこで使ってみたいのがmovie-thumbnailerです。動画を切り出してサムネイル画像を生成します。 movie-thumbnailerの使い方 movie-thumbnailerは動画ファイルを指定するだけで使えます。 >bin\mtn.exe test.mp4 File: test.mp4 Size: 283862089 bytes (270.71 MiB), duration: 00:01:55, avg.bitrate: 19747 kb/s Audio: aac (LC) (mp4a

前回は、行移動のショートカットを紹介しました。今回は、それ以外の便利な二つのショートカットを紹介します。 ちなみに、内容についての詳しい話や、そもそもScrapboxってなんやねん、については書籍『Scrapbox情報整理術』をご覧ください。あるいは、Scrapbox研究会にも情報が集まっているのでそちらを参照してください。 control + t でタイムスタンプが挿入されます。 control + t を押した直後に、tをもう一度押せば、タイムスタンプのフォーマットが変わります。さらにもう一度押せば、さらにもう一度フォーマットが変わり、さらにさらにもう一度tを押せば、最初に戻ります。これがループします。 標準で準備されているフォーマットは以下の三種です。 2018/9/28 [2018/9]/28 2018/9/28 09:53 このフォーマットは、後の回で紹介するUserScript

Zipsellは電子書籍や動画、音楽やソースコードなどのデジタルコンテンツをオンラインで販売できるOSSのプラットフォームです。Ruby on Railsで書かれています。カートに入れる、というものではなく、金額ボタンをクリックすると、クレジットカードの入力フォームがポップアップする形で、使用感はGumroadに近いのかな？という印象でした。デフォルトでは決済システムにはStripeが導入されている他、Amazon S3やBulma、Figaroなども使用されています。ライセンスはMIT。 Zipsell

Dapr × Kubernetes ではじめるポータブルなマイクロサービス（CloudNative Days Tokyo 2020講演資料）

2019/4/30を持ちまして本講座の新規受付を停止いたしました！１万人を超える方に受講していただきました。「参考になった」「業務や転職に役立った」というお声をたくさんいただき、講座を作ってよかったと思っています。今後も技術的な話をしていければと思いますので、もしよろしければ今後もブログやTwitterをフォローいただければと思います。 twitter.com Udemy で AWS の講座を持たせていただくことになりました！タイトルは「手を動かしながら2週間で学ぶ AWS 基本から応用まで」です。この記事ではこの講座の特徴についてご紹介したいと思います。記事の最後に、お得に講座を受講できるクーポン情報を載せておりますので、ぜひ最後までご覧いただければ嬉しいです。 https://www.udemy.com/aws-14days/www.udemy.com 講座を作るに至った経緯 Udem

InoreaderのPCフロントエンドとして動くRSSリーダのIrodrが十分安定したので1.0.0をリリースしました。 LDRライクなInoreaderクライントのIrodr 1.0.0リリース。https://t.co/oco0VlPbBDhttps://t.co/UTPYfW3FnW pic.twitter.com/GzKLSj9zeo — azu (@azu_re) September 30, 2018 Release Release 1.0.0 · azu/irodr IrodrはLDRライクな操作感を実現するために作成したInoreaderのフロントエンドです。 RSSの管理やRSSのクロールなどはInoreaderが行っていて、IrodrはAPI経由でRSSを取得しているだけです。 未読などはInoreaderと同期しているため、Inoreaderのウェブ版やモバイルアプリと

「JapanTaxi（旧 全国タクシー）」というアプリを使ったことがある人も少なくないのではないだろうか。 簡単に言えば、地図上で乗車場所を設定すれば、そこへタクシーが迎えに来てくれるというものであるが、使う人が多すぎて迎車料金の410円だけでは乗務員にとって割の合わない仕事も増えてきた。 全国各地のタクシー会社と提携しているが、開発元が日本交通の子会社で、前身が日本交通専用配車アプリであるということもあり、東京では日本交通の車両を呼ぶアプリという印象が強い。 （実際は一部の個人タクシーや、東京無線の車も呼べる） 東京のタクシー事情一般的にタクシーは駅や病院に待っているものに乗るか、電話で家まで呼んで乗ることが多いと思われるが、東京は前述の2つよりも、そこら辺を走っているタクシーに手を挙げて乗ることが多い。タクシーの営業エリアも広く、東京都は営業区域が5つに別れているが、その中でも都心部を