静的サイト向けの全文検索エンジンと UI ライブラリの Pagefind
デモとして、このブログに Pagefind を導入してみました。ヘッダーの検索アイコンをクリックすると検索フォームが表示されるので、キーワードを入力して検索してみてください。 使い方 Pagefind は構築済みの UI ライブラリと、CLI コマンドとしてインデックスを作成するためのツールから構成されています。まずは UI ライブラリの部分から見てみましょう。 UI ライブラリ Pagefind の UI ライブラリは、検索フォームと検索結果を表示するためのコンポーネントから構成されています。この UI は以下のコードを追加するだけで簡単に利用できます。 <link href="/pagefind/pagefind-ui.css" rel="stylesheet" /> <script src="/pagefind/pagefind-ui.js"></script> <div id="s
JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js
動画、特に映画コンテンツを快適に再生することにフォーカスされたHTML5プレーヤーを実装するスクリプトを紹介します。 実装は非常に簡単でカスタマイズも豊富、字幕は多言語をサポート、動画の再生速度は0.1x-8xまで変更可能、デザインはCSSベースで簡単に変更できます。 Moovie.js デフォルトでも快適、フルカスタマイズも可能 動画の字幕は多言語をサポート 再生速度は0.1x-8xまで変更可能 .vtt, .srtの字幕ファイルをサポート トラックや字幕を動的に追加可能 字幕のカスタマイズ イベント・ショートカットのAPI 依存関係はなし、VanillaJSで構築 すべてのモダンブラウザをサポート レスポンシブに完全対応 MITライセンスで、商用プロジェクトでも無料で利用できます Moovie.jsのデモ デモでは映画コンテンツを再生しながら、Moovie.jsのいろいろな機能を楽しめ
1つのGASを複数のスプレッドシートで利用する方法（Google Apps Script） | 非IT企業に勤める中年サラリーマンのIT日記
この記事の情報は古いです。こちらに書き直しました。新しいスクリプトエディタに対応しています。 1つのGoogle Apps Scriptファイルを複数のスプレッドシートから利用する方法です。これはプログラムを集中管理するために便利です。 ちなみにExcelマクロにはこの機能がありません。GASならではの機能です。 Google Apps Script側の対応 まずはGoogle Apps Script側の対応です。 とりあえずこんな感じの簡単なスクリプトを作りました。A1セルにOKという文字列を入力する簡単なプログラムです。これを複数のスプレッドシートから実行できるようにします。 function myFunction() { var mySheet = SpreadsheetApp.getActiveSheet(); mySheet.getRange("A1").setValue("OK
ゼロからはじめるPython(65) PythonでExcelを操作する二大手法を比較しよう
業務でなくてはならないツールExcel。Excelのマクロを使って自動化することもできるが、Pythonを使うとより幅広いライブラリと併用できて非常に便利だ。とは言え、PythonでExcelを自動操縦する場合、「openpyxl」を使う方法と「pywin32」を使う方法の二台手法がある。ここでは、そのメリット・デメリットを比較してみよう。 Pythonの二大Excelライブラリを比較してみよう 「openpyxl」「pywin32」のどちらが良いのか？ PythonでExcelを操作して、業務の自動化をする場合、「openpyxl」を使う方法と「pywin32」を使う方法の二大手法がある。どちらにもメリットがある。 まず、どちらのライブラリを使う場合も、基本的なExcelのシートの内容を読み書きすることができる。しかも、双方ともオープンソースであり無料のライブラリだ。しかし、決定的に異な
Web制作の常識が変わる、便利な最新オンラインツール48個まとめ
この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。 「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の常識が変わる、便利な最新オンラインツールまとめ Web制作便利ツール The Hero Generator ウェブサイトの魅力的なヒーローイメージを作成できるオンラインツール。グラデーションオーバーレイやボタンスタイル、見出しタイトルの余白など細かい部分も手
Figmaのプランを理解せずに契約すると多分困るので解説｜Nao Komura｜note
2019/02/26 追記 Figmaのプラン内容少しづつ更新されています。この記事の内容は現行プランとは少しズレている部分があるので、公式サイトでの内容の確認は必須です！ 例えば、フリープランでは2メンバー以上招待できない（editor/viewer関係なく）とこの記事にはあるのですが、現行のプランだとeditorが2名以上招待できないだけで、viewerは制限なく招待できます。こちらの記事でFigmaをべた褒めしたのですが、プランについては少し複雑なので別記事に分けました。 べた褒めしてる記事を読んでいない方は先にそちらを読んだほうが良いかもしれません。そもそもFigmaが使いたくないのにプランを理解した所でアレですし......。 プラン自体はそんなに難しくない 前の記事で書いたようにFigmaは基本的には無料です。 ただ、プロジェクトを増やしたいとか、編集できるメンバーを増やしたい
VOCALOIDの競合となるのか？中国人天才少年が開発した歌声合成ソフト、Synthesizer Vの破壊力 | | 藤本健の "DTMステーション"
だいぶ以前からテクニカルプレビュー版という形で公開されていたので、一部の方はご存知だったと思いますが、上海出身の中国人天才少年、Kanru Huaさんが開発した歌声合成ソフト、Synthesizer Vが12月25日、正式にリリースされました。これはVOCALOIDとも近い考え方のソフトで、メロディーと歌詞の情報を与えれば、歌わせることができる、というもの。 価格は79ドル（約9,000円）となっていますが、すぐに支払わなくても、ダウンロードすれば誰でもフル機能を使うことができます。またUIを日本語、英語、中国語に設定できるほか、標準で日本語、英語、中国語の歌声ライブラリが用意されているので、すぐに日本語で歌わせることも可能です。現在このSynthesizer Vが動くのはWindowsとLinux（Ubuntu）の2プラットフォーム。ただKanru HuaさんのTwitter（@khua
技術選択編 - #golang で CLI 作るときにいつもつかうやつ - Qiita
// cmd/foobar/main.go //---------------------------------------------------------------- func main() { if err := run(); err != nil { fmt.Fprintln(os.Stderr, err) os.Exit(1) } } func run() { cmd := cmd.NewFoobarCommand() return cmd.Execute() } // pkg/foobar/cmd/cmd.go //---------------------------------------------------------------- func NewFoobarCommand() *cobra.Command { var ( flagVerbose bool )
[JS]さまざまなデータを最小限の記述でビジュアル化する高性能なJavaScriptライブラリ -Zeu.js
さまざまなデータを最小限の記述でビジュアル化し、アニメーションで表示する高性能なJavaScriptライブラリを紹介します。 メーターやファンやコントローラーなど、デザインがレトロなのも面白いですね。 Zeu.js -GitHub 上記は静止画ですが、もちろんアニメーションで動きます。 デモのカラーは派手ですが、オプションで簡単に変更できます。 My Command Center Zeu.jsはCanavasベースで、外部ファイルと空のcanvas要素を用意し、あとはタイプとデータを定義するだけで実装できます。 <!-- 外部ファイル --> <script src="zeu.min.js"></script> <!-- 空のcanvas要素 --> <canvas id="text-meter" width="200" height="100"></canvas> <script> //
![[JS]さまざまなデータを最小限の記述でビジュアル化する高性能なJavaScriptライブラリ -Zeu.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/31b37dfb88801f7bd583e6d221be6ed9f89769cc/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018091301.png)
ゼロからはじめるPython(36) PythonでExcelファイルを作ろう
業務で欠かすことのできないアプリを3つ挙げてと言われて、真っ先に思いつくのは、MicrosoftのExcelではないだろうか。多くの企業でさまざまな表を作るのに使われている。今回は、PythonからExcelファイルを自動作成する方法を見てみよう。簡単な利用例として、9月はじまりの年間カレンダーを作ってみよう。 『openpyxl』をインストールしてみよう Pythonの魅力の一つが、その豊富なライブラリにある。しかも、pipコマンドを利用して、手軽にライブラリをインストールできる。Excelファイルを操作するライブラリは、いくつかあるが、今回は『openpyxl』を使ってみよう。 【Windowsの場合】 Windows環境にAnacondaをインストールしているなら、Windowsのスタートメニューより「Anaconda3 > Anaconda Prompt」を起動しよう。コマンドライ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【保存版】Macの「その他」を削除し、ストレージ容量不足を解消する方法 | gori.me（ゴリミー）