複数の選択可能なリストにするためのjQueryプラグイン「multi-list」 – bl6.jp
multi-listは、順序付けされていないリストを複数の選択可能なリストにするための便利なjQueryプラグインです。バラバラに並んでいるリストから、特定のジャンルに関するリストを表示したり文字によるフィルターをかけたりしたいという場合にはピッタリの機能ですね。 文字によるフィルターも可能 multi-listの実際のデモは以下のページからチェックできます。 デモ デモでは順序付けされていない地域名が並べられています。「Filter」と書かれたテキストボックスから文字を入力すると、その文字が入っている地域名が抽出されます。 また、下の方にはSelect all、Select Asia、Hide Oceania、Show Oceania、Disable Africa、Enable Africaなど、さまざまなボタンが設置されています。 すべてのチェックボックスにチェックを入れたり、アジアだ
docsify - 動的/静的両方に対応したドキュメントジェネレータ MOONGIFT
APIやSDK、ライブラリなどにドキュメントは必須です。しかも読みやすく、分かりやすいドキュメントでなければなりません。デザインに凝るのではなく、可読性を重視して作られるべきです。そういったドキュメントはなかなか作るのは難しいでしょう。 そこで使ってみたいのがdocsifyです。ドキュメントサイトを作るためのフレームワークになります。 docsifyの使い方 デモです。左側がメニュー、右側にコンテンツが表示されます。 多言語対応しており、右上のメニューから切り替えられます。 テーマもあります。こちらはbuble。 dark。 docsifyはデフォルトでは静的なHTMLを出力せず、動的に生成する形になっています。そのためUIとしてはスムーズなコンテンツ切り替えができるようになっています。また、SEO対策として静的なHTMLファイル出力も対応しています。 docsifyはnode/JavaS
OCRmyPDF - PDFをOCR解析して透明テキストを付加
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました PDFを作る方法は幾つかあります。ドキュメントエディタで出力する分には透明テキストが含まれており、検索もできます。しかし単に画像を重ねただけのPDFの場合、文字はあっても検索できないため使い勝手が非常に悪いでしょう。 そこで使ってみたいのがOCRmyPDFです。PDFをOCR処理を施して検索可能なPDFファイルにしてくれます。 OCRmyPDFの使い方 変換前です。画像なので検索できません。 変換は元ファイルと変換後のファイルを指定するだけです。オプションも多数あります。 $ ocrmypdf xbanner_l.pdf output.pdf 変換後です。検索結果が出るようになりました。 OCRmyPDFは透明テキストを元々の文字と位置を合わせてくれるので便利です。なお日本語は対応
CSSが苦手な人、CSSを書く時間がない人に最適！見栄えのよいページを簡単に作成できるスタイルシート -sakura
CSSの知識は必要なく、そして時間もない時に、簡単にいい感じのデザインになるCSSのフレームワークを紹介します。 CSSが苦手な人に、バックエンドで作業する用の即席プロトタイプにも最適です。 既存のHTMLに一行、もしくは二行追加するだけで簡単に利用できます。 sakura sakura -GitHub sakuraの特徴 sakuraのデモ sakuraの使い方 sakuraの特徴 かなり古くさいデザインのページでも、モダンなページでも、わずか数秒で見栄えのよいページにすることができます。 使い方は簡単。外部ファイルを加えるだけで、既存のHTMLでさえも見栄えのよいデザインを適用できます。 即席のプロトタイプにも最適。特にバックエンドで作業する時に、簡単にスタイルを適用できます。 友達や叔母さんなど、CSSが難しいという人にも美しいブログが構築できます。 他のすべてのCSSフレームワーク
デザインの腕が上がる、すごい新作フリーフォント50個まとめ 2017年6月度
見ているだけで楽しくなる、個性豊かな新作フリーフォントをまとめています。個人利用、商用利用の可否についても一緒に記載しているので、デザインの目的に合った書体をスムーズに見つけることができます。 豊富なウエイトが揃ったシンプルな万能フォントから、トレンドを意識した手書きブラシフォント、読みやすさにもこだわった筆記体など幅広いバラエティが用意されているので、今後のデザイン案件に活用してみてはいかがでしょう。 デザイナーが愛用したい！こだわりの新作フリーフォント60書体まとめ 2017年5月度 デザインの腕が上がる、すごい新作フリーフォントまとめ Wavehaus Sans Typeface 太さの異なる極細から太字まで6ウエイトが揃ったサンセリフ書体は、使い勝手のよい万能スタイル。 ※ 個人、商用利用可能 Chlakh 手書きされたレトロ系フリーフォントで、温かみのあるデザインに仕上げます。
Googleアナリティクスでキャンペーン費用をコスト分析する方法と得られる多くのメリット | アユダンテ株式会社
Googleアナリティクスでは、キャンペーンごとにどのくらい集客することができたか、その集客からどれくらい成果をあげることができたのかを確認できます。 さらにGoogle AdWordsやDoubleClick製品であればGoogleアナリティクスと連携することで、広告に関するデータもGoogleアナリティクス内で確認可能です。 広告に関するデータには広告出稿した表示回数やクリック数に加え、広告費用も含まれています。広告関連で連携することができるのはGoogle AdWordsとDoubleClick製品ですが、その他の媒体もGoogleアナリティクスで管理すると様々なメリットがあると考えられます。 今回はキャンペーンを行った広告費用を、Googleアナリティクスで一括管理、分析する方法をご紹介します。 成果の確認はコストも伴う 実はハードルが高くない費用データインポート 費用データインポ
Payday｜毎日をお給料日に！
やりたいことや欲しいもの いつもお給料日まで我慢していませんか？ Paydayを使えば、その日のお給料をすぐに受け取ることができます。 Paydayで、あたらしい毎日を！ もう待つ必要はありません もうお給料日まで待つ必要はありません。 Paydayを使えば、必要なときに すぐにお給料を受け取ることができます。
CASH｜目の前のアイテムが キャッシュに変わる
いつもCASHをご利用いただき、ありがとうございます。 この度は、勝手ながらCASHをサービス終了させていただくことになりました。 アプリからの引き出し申請は停止しておりますが、2024年11月2日までキャッシュ残高の引き出しを受け付けております。 引き出しをご希望の方はコチラからお問合せください。
日曜日に
妻へ 驚くべきことが起きました！ 娘から デートに誘われたのです ７月２日、日曜に 横浜アリーナでライブがあり 娘は本当は 友達と行くつもりだったそうですが 友達がどうしても行けなくなったので 代わりに僕を誘ったとのこと でもまだ本決まりではありません 月末の金曜までに 誰か他の人が見つかれば そっちと行くそうです 要するに僕は 最後の手段 ギリギリの 補欠要員です 僕は平静を装って どちらでもかまわないよ それじゃあ一応 日曜は空けておくよ と言いました しかし内心は 冷静なはずがありません まさか娘が 僕をライブに誘うなんて！ そんなことは 一生無いと思ってました 娘が小５の時に 君が死んで しばらくは父娘で 仲良くやってたつもりでしたが やはり君がいなくなってから 家の中は 彩度や明度が落ち 音楽も テレビの声も シャカシャカと味けが無くなり 二人ではどうにもならなかった カラ元気は
Docker Composeで複数コンテナの管理を簡単に！ HTTP/2に対応したWordPress環境の構築方法 - ICS MEDIA
ウェブサーバーのコンテナーを作成 # docker-compose.ymlのwebコンテナ部分を抜粋 web: build: ./web ports: - "80:80" - "443:443" volumes_from: - app volumes: - ./web/nginx.conf:/etc/nginx/nginx.conf ウェブサーバーは前回の記事で作成したDockerfileを利用します。webという名前のフォルダーにDockerfileとnginx.confを格納し、Dockerfileを格納したフォルダーのパスをbuildで指定してください。ただし、ウェブサーバーの設定ファイル（nginx.conf）は外部化しておきたいため、volumesでwebフォルダーに格納したnginx.confをコンテナー内（/etc/nginx/nginx.conf）にマウントします。 ngi
Gガンダムの石破天驚拳の由来
Ｇガンダムの石破天驚拳が『石破・天驚拳』じゃなくて『石破天・驚拳』であることは意外と知られていない（元ネタの武侠小説の主人公の通り名が「石破天」さんで、石破天さんもビックリのすごい拳って意味だよ）— あろまーら (@aromara1) 2017年6月27日 普通にこっちじゃねえの。 https://dictionary.goo.ne.jp/leaf/idiom/%E7%9F%B3%E7%A0%B4%E5%A4%A9%E9%A9%9A/m0u/ せきは-てんきょう【石破天驚】の意味 音楽・詩文・出来事などが、人を驚かすほど奇抜で巧みなことの形容。石が破れ、天が驚くほど巧妙であるという意から。 石破天驚の出典 李賀「李憑箜篌を引く」 吳絲蜀桐張高秋 空山凝雲頹不流 江娥啼竹素女愁 李憑中國彈箜篌 崑山玉碎鳳凰叫 芙蓉泣露香蘭笑 十二門前融冷光 二十三絲動紫皇 女媧煉石補天處 石破天驚逗秋雨 夢
将来の戦闘機は「人間パイロットの親機＋複数のドローン戦闘機」になるという可能性
各国が防衛や攻撃のために配備している軍用機にもコンピューター化が進み、今や戦闘機も大きな情報システムの一部に組み込まれるようになっています。そして現在研究開発が進められている将来の戦闘機の姿は、現在のように人間のパイロットが操縦する「親機」に、無人のドローン戦闘機が複数連なるという形になるものとみられています。 The future of the Air Force is fighter pilots leading drone swarms into battle | Popular Science http://www.popsci.com/future-air-force-fighters-leading-drone-swarms 各国が防衛のために配備している戦闘機は、年々レベルが高くなる機体性能の向上要求や、複雑さを極めるシステムなどのおかげで、機体価格および周辺を含めた運用コス
「刻の大地」連載再開へ、夜麻みゆきがクラウドファンディングを開始
「刻の大地」連載再開へ、夜麻みゆきがクラウドファンディングを開始 2017年6月27日 19:16 6624 116 コミックナタリー編集部 × 6624 この記事に関するナタリー公式アカウントの投稿が、SNS上でシェア / いいねされた数の合計です。 4327 2183 114 シェア
当時のプログラマーが「スターフォックス2」について語る
本日6月27日に発表されたミニスーパーファミコンには幻のタイトル「スターフォックス2」が収録される。本作の開発は完成していたのにもかかわらずキャンセルされたことが有名だが、10月5日からいよいよプレイできるようになる。IGN JAPANは本作のプログラマーを務めたディラン・カスバート氏（現在はQ-Gamesの代表取締役）に短いインタビューを行った。 17才からイギリスの開発会社アルゴノート・ソフトウェア（現アルゴノートゲームズPLC）に所属してゲームを開発していたディラン氏は若き天才として任天堂に注目され、3Dグラフィックスを搭載したゲームボーイタイトルの「X」、スーパーファミコンの「スターフォックス」の開発に携わった。同氏は「スターフォックス2」のプログラマーでもあった。 ――「スターフォックス2」は20余年の歳月を経て日の目を見るわけですが、それについてはどのような気持ちですか？ 「ス
いいババアになりたい
大学院生23歳。見習いババアである。 まだ若者の範疇だけど、そろそろ女の子とも言いがたくなりつつある。 世にはアラフォーでもまだきれいなかわいいお姉さんって感じの人がたくさんいるし、 わたしもまだまだお姉さんで通る見た目だと思う。だってまだ23だし。 でも確実に老いは来る。そして、それに抗って若い見た目を保つ努力はめんどくさい。 わたしは強くてかっこいいババアになりたい。 おばさんは嫌だ。ババアになりたい。だから、見習いババアを自称しはじめた。 わたしの母親は適度にズボラで適度にサバサバしていて、いいババアみを持っていると思う。強烈な天然パーマもババアみにちょっと寄与している。 ただ、外見にはそれなりに気を使っているし、気遣いもすごくできるし、ババアっていうかマダムって感じ。 最低限の気遣いやマナー、身だしなみも生きていくうえですごく重要だと思うけど、マダムというのもなんだか癪である。 わ
ニコニコチャンネル
ユーザーブロマガのサービスは終了いたしました ユーザーブロマガサービスは2021年10月7日をもちまして終了いたしました。 長らくのご愛顧ありがとうございました。 ニコニコチャンネルトップへ
フルスクリーンに最適なナビゲーションメニュー「Fullscrenn-Menu-Jquery-Plugin」 – bl6.jp
Fullscrenn-Menu-Jquery-Pluginは、フルスクリーンに最適なナビゲーションメニューを実装することができるjQueryプラグインです。サイドに表示するシンプルでコンパクトなナビゲーションメニューを取り入れたい人にオススメです。 メニューから目的のコンテンツの位置まで自動スクロール 以下のページから、Fullscrenn-Menu-Jquery-Pluginの詳しい使い方やダウンロードができます。ダウンロードしたファイルから実際のデモ動作もチェック可能です。 Fullscrenn-Menu-Jquery-Plugin デモではフルスクリーンによるコンテンツが全部で6つ用意されています。下へスクロールしていくことでコンテンツが切り替わっていきます。 画面右側にはシンプルなナビゲーションメニューが設置されていて、現在表示されているコンテンツがどの位置なのかが瞬時にわかるよう
bash-powerline: Bashのプロンプトをリッチに
B! 10 0 7 0 ターミナルで作業する際に常に目にするプロンプト部分ですが、 bash-powerlineを使うと簡単にリッチなプロンプトにすることが出来ます。 bash-powerline bash-powerline インストールは スクリプト(https://raw.githubusercontent.com/riobard/bash-powerline/master/bash-powerline.sh) を適当な所に置いて.bashrcなどで読み込む様にしてあげれば良いだけです。 こんな感じで灰色の背景の上に現在のディレクトリと 環境に合わせたマークが出ます。 環境はMac (uname=Darwin):(リンゴマーク)、Linux(uname=Linux):$, その他:% と言うマークが出るようになっています。 このマークは通常は緑背景、コマンドが失敗した直後は赤い背景
Kryptonite - 公開鍵認証をスマートフォンで管理
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 今はサーバへの接続に対して公開鍵認証が一般的になっています。しかし秘密鍵が漏洩したらすべて終わりで、その意味では若干怖い認証かも知れません。最近では二段階認証が流行っており、スマートフォンなどで自動生成されるコードを管理するケースがあります。 今回紹介するKryptoniteは公開鍵認証においてスマートフォンを用いようという試みになります。セキュリティとして新しい試みと言えそうです。 Kryptoniteの使い方 最初の実行時にQRコードが出ます。これをiOS/Androidアプリ側で読み取ります。 こちらはiOSアプリです。 登録が終わると、SSH接続できます。この時、スマートフォン側で認証して良いかという確認が出るようになります。 許可すると秘密鍵を使ってログインします。 Kr
Unsplashから同じ設定で指定した写真をzipで一括DLする・「Unsample」
UnsampleはCC0で高品質な写真を配布するUnsplashから、同じサイズ、同じ写真化等、任意の設定内容に沿った写真をまとめてzipでダウンロード出来る、というサービスです。利用理由にダウンロードが必要な場合は楽でいい気がします。覚えておいて損は無さそうです。下部に書かれている注意事項をご確認の上でご利用下さいませ。 Unsample
知っておくとかなり便利！Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ
Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ
無料なのに高機能！総務省統計局提供の地域分析ツール「jSTAT MAP」の使い方を解説
店舗を構えてサービスを展開している企業にとって、店舗周辺の調査は欠かせません。 ですが、人口統計や事業所調査などのデータを集め、地図に商圏を描き、データを落とし込むまでの作業は時間も手間もかかるので、なかなか行えていない方も多いのではないでしょうか。 今回は、総務省統計局が公開している無料の地域分析ツール「jSTAT MAP」の使い方を解説します。 「jSTAT MAP」はGoogleマップを利用して自社の商圏を地図に落とし込めるだけでなく、総務省が提供している各調査のデータを地図に落とし込んでレポートとして作成できます。 すべてのサービスが無料で提供されているので、マーケティングにかけられる経費が限られている中小企業でも利用しやすいでしょう。 jSTAT MAPとは https://www.e-stat.go.jp/gis/gislp/ 「jSTAT MAP」はマップを軸とした地域分析ツ
自動でインラインCSS化できるHTML email inline styler | バシャログ。
案件でメルマガのHTML化の作業がありまして、テーブルレイアウトでコーディングするのが初めての体験でした。その旨を上司に伝えたら遠い目をしており、昔の個人サイトに思いを馳せていたのかもしれません。Web Archiveで昔作った個人サイトを検索！ さて、今回はhtmlメルマガのハマったこととそれに伴う便利なツールをご紹介します。 Gmailで異常発生！？ 普通のメルマガをhtml化するということで、メルマガデザインをしコーディングも完了！OutlookやOperaMailなどでテストを行っていきました。左画像はYahooメール（ブラウザ）での表示。きれいに表示されていますね。なんだ簡単じゃないかと余裕ぶっておりました。 が、最後に大正義Gmail（画像右）をチェックしたらなんと、崩れているではありませんか！？ 原因はCSSの記述方法 わかってしまえば簡単なことなんですがGmailは、<st
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flexboxベースの軽量でモダンなCSSフレームワーク・「TAFFY」
パララックス効果がクールなスライダー実装「PIGNOSE ParallaxSlider」:phpspot開発日誌
Webページのレイアウトをはじめ、大きな画像から小さな要素まで、黄金比を使ったデザインに利用できるPhotoshop用のデザイン素材
シンプルデザインでインタラクティブに動作するグラフ描画ライブラリ「billboard.js」:phpspot開発日誌