Glitch Effect On Text / Images / SVG | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Lucas Bebber’s Glitch is a super cool effect. It’s like you’re looking at some text displayed on a progressive scan monitor that has been dropped on the ground one too many times and so the alignment of the pixels is off in weirdly un-even amounts time and space. It’s bonafide CSS trick if t
正規表現による文字列置換 String.replace();
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか？ コピーしてご自由にご利用ください。 replace メソッド 文字列置換。 String.replace(); 文字列.replace(検索文字列,置換文字列); テキスト置換 文字列を指定して、置換したい文字列を検索（検索文字列）して 置換文字列に置き換えます。検索文字列にマッチしなかった時は、 元の文字列をそのまま返します。 最初のマッチした文字列のみ置換します。 var str="奈良時代 奈良観光"; str= str.replace("奈良","xxx"); 正規表現による置換 ・検索文字列を /....../で囲みます。 最初のマッチした文字列のみ置換します。 var str="奈良時代 奈良観光"; str= str.replace(/奈良/,"xxx"); ・一致
メールアドレスの正規表現 - tmtms のメモ
たまにメールアドレスの形式を正規表現で表すのは不可能とかというのを目にするのですが、そんなことはありません。入れ子がなければたいていの文字列の形式は正規表現で表すことができます。 ということで、RFC5321, 5322 からメールアドレスの正規表現を書いてみました。 /\A([0-9a-z!\#$%&'*+\-\/=?^_`{|}~]+(\.[0-9a-z!\#$%&'*+\-\/=?^_`{|}~]+)*|\"([\x20\x21\x23-\x5b\x5d-\x7e]|\\[\x20-\x7e])*\")@[0-9a-z]([0-9a-z-]*[0-9a-z])?(\.[0-9a-z]([0-9a-z-]*[0-9a-z])?)*\z/i ちょっと長いですけど、最近の Ruby だと (?<hoge>) と \g<hoge> を使うことで、同じ正規表現の繰り返しを簡単に書くことができる
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
これであなたも、サークラになれる！！ - あの子のことも嫌いです
2014-09-08 これであなたも、サークラになれる！！ 突然だが、わたしはサークルクラッシャーだった。 サークルクラッシャーとは編集裏切り行為が認められる多人数プレイゲームで、サークルで遊ぶことによってサークル内の人間関係が崩壊すること招く可能性が高いもののことをこう呼ぶ場合がある。別名「人間関係破壊装置」 ディプロマシー(Diplomacy/AvalonHill)が代表格。その他にはマキャ.. 続きを読む このキーワードを含むブログを見る だった、というのは、現在はサークルクラッシャーとして「活動」してはいないし、もとより、もう二度とサークルクラッシャーに戻ることはないと思っているからだ。 サークルクラッシャーであることを自認しながら、言葉通りの破壊活動を続けていたときには、ひと月の間に10人程度に愛の告白を受けて、最終的には5つのサークルと、それに付随する純粋（かも知れない）青年の
Docker + Jenkins + travis.yml parser 作って Travis っぽいものを作った話 - from scratch
年末にDocker触ってて、これをうまく活かせば、副作用を無視した使い捨てのテスト環境が作れるんじゃねーかな、という意識が高まったのですが、手を付けられずにうにゃうにゃしてました。 そうこうする内に yahooのデベロッパーの方からJenkins with Dockerというタイトルの発表があり、ほぼ僕のやりたい事のベースができていたので、これをforkして、travis.yml parserや若干のバグフィックスを入れてもう少しだけTravisに近づけてみました。 ちなみにこれは 社内 Immutable Infrastructure ハッカソンした時の成果物です。 Immutable Infrastructure Hackathon at :D を開催したら、configspec の敷居が高いのでコミッタになっていました - sonots:blog 今回の成果物に関して、詳しくはここを
jekyllの実験的テンプレート - T.I.D.
jekyll で本格的ブログを作るためのテンプレート jekyll-experiment を作ってみたが、色々と作り込むうちに複雑になってきたので、ここに記録しておく。 制作方針 モジュール化により、カスタマイズし易くすること。 ブログに必要な最小限の機能が、プラグインの使えない GitHub Pages 上の jekyll でも動作すること。 構成 . ├── _deploy/ # デプロイ時の静的ファイル群を保存しておく ├── _includes/ # 他からインクルードされるテンプレート部品 │ ├── asides/ # サイドバー用各種テンプレート部品 │ ├── post/ # 個別記事ページ用各種テンプレート部品 │ ├── libs/ # 小さなテンプレート部品 │ ├── js/ # 小さな js 部品 │ ├── css/ # 小さな css 部品 │ │ └── p
jquery.cookieでjsオブジェクトをJSONで保管するメモ - すたら日記
要望 フォームの入力情報をクッキーに保存したい。 1つのクッキーに複数の項目の情報をまとめて保存したい。 解決策jQueryプラグインの"jquery.cookie"を使うことで全て解決しました。 外部: https://github.com/carhartl/jquery-cookie デモ: https://codepen.io/sutara79/pen/GBdKQX 解説自動JSON化のオプションを有効にすれば、JavaScript側では連想配列として、クッキー側ではJSON形式の文字列として扱えるように自動で変換してくれます。 // 自動JSON化を有効に $.cookie.json = true; // 連想配列をJSONで保存 var hash1 = { ... } $.cookie('cookie1', hash1); // JSONを連想配列に復元 var hash2 =
jquery save json data object in cookie
How do I save JSON data in a cookie? My JSON data looks like this $("#ArticlesHolder").data('15', {name:'testname', nr:'4',price:'400'}); $("#ArticlesHolder").data('25', {name:'name2', nr:'1', price:'100'}); $("#ArticlesHolder").data('37', {name:'name3', nr:'14', price:'60'}); And I want to do something like var dataStore = $.cookie("basket-data", $("#ArticlesHolder").data()); and to retrieve the
jQuery入門講座：クッキーの操作
索引 └ プラグイン目次 1章：小ネタ系 ├ イージングの追加 ├ 要素のセンタリング ├ クッキーの操作 ├ マウスホイール ├ スクロールバー(1) ├ スクロールバー(2) ├ スクロールバー(3) ├ スクロールバー(おまけ) └ アニメの一時停止/再開 2章：ショーケース系 ├ Nivo Slider(1) ├ Nivo Slider(2) ├ Nivo Slider(3) └ Nivo Sliderの改造 3章：カルーセル系 ├ carouFredSel(1) ├ carouFredSel(2) ├ carouFredSel(3) ├ carouFredSel(4) ├ carouFredSel(5) ├ スマホでカルーセル(1) ├ スマホでカルーセル(2) ├ カルーセルとnivo(1) ├ カルーセルとnivo(2) ├ カルーセルとnivo(3) └ カルーセルとniv
DeNAのiOSエンジニア内で利用頻度の高いライブラリをランキング化してみました | readwrite.jp
※本記事は、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」の記事をReadWrite Japanにご提供頂いたものです。 DeNAで取り組んできた非ゲームの新規事業開発。その新規サービスの中で、iOS開発にフォーカスして、利用頻度の高かったライブラリやサービスをランキング形式でお届けします。 紹介してくれるのは、DeNAエンターテインメント事業本部でiOS/サーバ周りを担当している沖津貴智さんです！ by 馬場美由紀 （CodeIQ中の人） DeNAにおけるiOSアプリ開発DeNA沖津です。DeNAでは、エンターテインメント事業本部という部署を新設し、非ゲームの新規事業開発に取り組んできました。 1年以上経過した現在、十数のサービスを開発し、リリース・運用を行ってきました。社内のGithub Enterprise上には、たくさんのプロジェクトのリポジトリが作成されており
ユビレジのiPadアプリのCI環境をJenkinsからTravis CIに移行したときのまとめ - 24/7 twenty-four seven
こちらの記事について、最新のTravis CIの環境(2014/4/15)ではコード署名に失敗する問題があります。 その問題の修正については下記の記事にまとめました。 Travis CIでipaを作るときのCode Signが失敗するのを修正したメモ - 24/7 twenty-four seven 実際は完全に移行したわけではなくて、Travis CIの有料プラン（プライベートリポジトリが使える）のフリートライアルを試しているところなのですが、しばらくはTravis CIでCIを動かすことにしたので、そのときの設定などをまとめます。 もともとは社内のサーバでJenkinsをホストしていて、それがダメということは全然ないのですが、社内でサーバをメンテナンスするのも面倒だし、ビルドスクリプトとかをポータブルな状態にしておくのは手元でサクッと実行できたりいろいろ都合が良さそうだと思い、試しにや
Github Pagesでプロジェクトページを作ってみた - オープンソースこねこね
3ヶ月ほど前になるのですけど、PHPでマイグレーションツールを作ったのです。 PHPMigrate - PHPでマイグレーションツールを作った これはPHPファイル一つで動作する簡易マイグレーションツールで、実際にしばらく使っていたのですが、運用しているシステムが複数のDBスキーマ管理したり、同じスキーマだけど自動テスト用と開発用、本番用で接続先が違ったりと複雑化してきて、どうにも使いにくくなってきました。 とういうわけでファイル一つで動作するという手軽さは捨てて、もっと構成管理しやすくしたバージョンに新しく書き直しました。テストコードもつけてpackagistに登録してComposerでのインストールに対応させたりもしました。 LibMigration で、ドキュメント書くついでにGithub Pagesもいじってみようと思って、ちょっと調べながらプロジェクトページを作ってみました。わり
Dockerで使うサーバサイドソフトウェア（エンジニア編） | さくらのナレッジ
Linuxコンテナを使った仮想化ソフトウェアDocker。興味はありつつも、実際の運用の中で活かす機会は意外と多くないのではないでしょうか。さらに1.0となったとは言え、実運用のサーバの中で活用していくというのは勇気が出ないかも知れません。 そこで今回はあくまでも開発の部署内だけでDockerを使っていくという方法を提案したいと思います。Dockerのメリットの一つ、外部の人たちが作ってくれているコンテナを使ってサービスを立ち上げてみましょう。今回は特にエンジニアがよく使いそうなソフトウェアにフォーカスを当てています。 必要なもの さくらのクラウドのアカウント さくらのクラウドトップページ アカウントはさくらのクラウドトップページから作成できます。 クラウドサーバを追加する サーバ追加画面 管理画面に入りましたら、サーバの追加を選択します。追加画面では、サーバの名前、メモリ数、ディスクプラ
Jenkins＋HipChat＋Hubotをチーム開発に導入してお手軽CI
チームでiOSアプリ開発を行う際、チャットツールを導入することはよくあることだと思います。近年、国内で利用されている代表的なチャットツールとしては、次のようなサービスが挙げられます。 HipChat Skype ChatWork Yammer Slack 今回は、上記の中でもJenkinsと連携させる上で現在最もポピュラーなサービスといえる「HipChat」について、アカウントを登録し、Jenkinsと連携する手順を交えて解説します。さらに、Botフレームワーク「Hubot」を組み合わせて、CIをより効率的に回す方法について解説します。 無料でも使えるチャットツール「HipChat」とは HipChatは「Bitbucket」「Confluence」などで知られるAtlassian社製のチャットサービスです。チャット機能以外にも、ファイル共有やスクリーン共有、ビデオ通話などといった機能も兼
TestFlightとJenkinsを組み合わせたアプリの配布 - O'Reilly Japan Community Blog
前回はビルド設定とスキーマにより本番環境とテスト環境を数クリックで切り替えられる仕組みを説明しました。 今回はTestFlightによるアプリ配布と、Jenkinsを組み合わせてアプリ開発者以外でもアプリ配布ができるようになる仕組みの構築について説明します。 はじめに 背景と問題点 私がRettyで仕事を始めたとき、アプリを配布する仕組みは特になく、アプリの評価が必要になるたびに実機を借りてインストールを行い、評価をしていました。その後、会社のメンバーやインターンの数が増えてくるにしたがって、以下のような問題が出てきました。 評価を行うメンバーの全端末にそれぞれインストールするのが煩雑になってきた 開発者の数は増えたがiOS開発者は増えなかったため、インストール依頼の負荷がiOS開発者にかかるようになった 開発者の増加にともない開発環境が増え、ビルド設定とスキーマでカバーしきれなくなってい
日本語 : Use Jenkins
Created by Unknown User (sogabe), last modified by Unknown User (lshatzer) on Dec 21, 2015 オリジナル: JENKINS:Use Jenkins Upgrade WARファイルを再配置すれば、前のバージョンからJenkinsをアップグレードできます。コンテナ別の詳細な手順は、こちらのドキュメント を参照して下さい。 自動アップグレードについては、 こちら をご覧下さい。 Jenkinsの使用方法 Jenkinsのインストール Jenkinsへのアクセスと起動 Jenkinsの管理 フリースタイル・プロジェクトのビルド Maven2プロジェクトのビルド マルチ構成プロジェクトのビルド 外部ジョブの監視 分散ビルド システムプロパティで制御できる機能 ファイル指紋の追跡 プラグインの使用 クイックナビゲー
「Hudson」改め「Jenkins」で始めるCI（継続的インテグレーション）入門
「Hudson」改め「Jenkins」で始めるCI（継続的インテグレーション）入門：ユカイ、ツーカイ、カイハツ環境！（21）（1/4 ページ） CIツール「Hudson」改め「Jenkins」とは 「Jenkins」とは、CI（継続的インテグレーション）ツールとして有名な「Hudson」の開発者たちにより開発されているCIツールです。Hudsonは商標上などの問題によりJenkinsと名前を変えて継続することが発表されたので、記憶に残っている方も多いと思います。現在では落ち着いて開発されているようです。 本稿では、今話題のJenkinsの使い方を紹介します。本記事の想定読者は、Java開発を行っている方で、「今までCIを導入していなかったけどこれから導入しよう」「Jenkins（Hudson）は使えそうだけど、難しそうだなぁ」と思っている方を対象としています。本稿を読めば、10分程度でJe
Github Pages について整理しておきます | そんなこと覚えてない
Git の練習を兼ねて Github できることといえばひとつとして Github Pages があります。 ウェブサイトを Git で管理して、Github へ プッシュすれば公開できるというものです。 使い方などは 公式のヘルプに書かれていますが自分が Github Pages を使おうとした時に知りたかったことを整理しておきます。 細かいことについてはあまり書きません。 Github Pages の特徴 Github Pages の種類 ユーザぺージ または グループページ プロジェクトページ Github Pages の構築方法 Jekyll 静的ファイル 独自ドメインの利用 Github Pages の特徴 公開リポジトリで作れば無料。容量制限もないと言ってよいです。 CGI,PHPなどで動的ページは生成できません。 代わりに Jekyll というアプリケーションを使い gith
GitHub Pagesメモ(Hishidama's GitHub Pages Memo)
概要 GitHub Pagesは、GitHubのサービスのひとつ。 GitHubにファイルをアップロードするとGitHubのサイトからファイルの内容を見られるが、ファイルそのものが直接見られる訳ではないので、例えばhtmlファイルを置いたとしてもウェブページとして表示されたりはしない。 GitHub Pagesを使うと、置いたファイルがそのまま使われるので、ウェブサイトを構築することが出来る。 GitHub Pagesを使うには、通常のリポジトリー内に「gh-pages」というブランチを作る。 このブランチ内に置かれたファイルがウェブサイト内のファイルとして使われる。 例 sandboxプロジェクト内にGitHub Pagesを作ってみる。 ※メールアドレスの認証（verify）を事前に済ませておく必要がある！ ローカルのsandboxリポジトリー（自分のマシン内のリポジトリー）で「gh-
GitHub Pagesホスティングサービス（ほぼ）完全活用ガイド | ゆっくりと…
GitHub がオープンソースの場として魅力的な理由は、Git という優れた分散・協調型リビジョン管理システムのリポジトリー・ザーバーとして誰でも利用できるということはもちろん、README などのドキュメント生成機能やコメンティング機能、問題のトラッキング機能など、Git を補助し、オープンな分散・協調開発を支えるサブシステムが充実している点が挙げられるでしょう。無料でもかなりのことができるのに、ビジネスとしてもちゃんと成立している理由はこんなところにあるように思います。 ただ、同種サービスの Google Code や Bitbucket と決定的に異なり、GitHub の最大の魅力となっているのは、GitHub Pages という1種のホスティング・サービスではないかと思います。成果物をただずらずらと味気ないページに並べるのではなく、趣向を凝らした紹介ページを自由に作り、プロジェクト
Jekyll + github pages を使って git + markdown でサイト構築 | akkunchoi@github
github pagesとJekyllを使って個人サイト構築してみました。今ご覧のこのページがまさにそうです。 はじめに git + markdown でのサイト管理が便利そうなので、ホスティングまでできるgithub pagesを使ってみました。 ちなみにOctopress, Jekyll bootstrapを使えばもっと簡単に設置できるとみたいです（後で知った）。 [username].github.com の取得 まずは github pages のユーザーページをセットアップ。 Github の Create a New Repo へ。 Repository name に [username].github.com と入力。[username]は自分のIDです。 “username = 自分のユーザID” でない場合はドメインのルートにならず、パスを切るようです。 例えば akku
必殺！Github導入に向けて上司を説得する時に使える資料まとめ · DQNEO日記
Subversion vs Github 青い線と赤い線。 あなたの会社は、どちらと運命をともにしたいでしょうか？ 業界誌でも大きく特集されている 「Githubは世界標準の開発環境である（ｷﾘｯ」by @HIROCASTER さん Githubを導入している先進企業たち 公開されている情報をもとにリストアップしてみました。 ご要望があれば追加します！ (Piece of Cakeさんを追加しました。） (サイボウズさんを追加しました。） これらの事例の中から資料をキリハリして、上司の説得に使いましょう。 ＼（サイボウズ）／ ＼（ペイパーボーイ）／ 技術的なアプローチを強化しようと、エンジニアのトップであるmizzyに 直属になってもらい、全社的に取り組むべき課題とチャレンジしたいことの洗い出しや 技術のアウトプットを高めるための取り組みを始めました。 [中略] そのような取組の結果、エン
CoffeeScript Cookbookのおいしいところだけ抜き出して、おいしい思いをしよう！！ - Qiita
Cookbookがあった。 CoffeeScript Cookbook Cookbookとは「諸々の問題を華麗に解決しよう！」というレシピ本みたいなの。CoffeeScriptの特徴というより、単なるプログラムの書き方の寄せ集めみたいなノリでもある。 なので、CoffeeScriptの特徴を捉えてるやつをピックアップして見てみよう！ スルーしてるやつ 公式ドキュメントに載ってる基本的なものはだいたいスルー あと変態ぽいやつ(例えば「Repeating a String」)もスルー。(直感的でない) 単純なjsのtipsもスルー (Recursive Functions) スタティックなメソッドを使おう なぜか公式に書いてない、staticなやりかた。 classのメソッド、プロパティに@をつけるとOK。 class Songs @_titles: 0 # Although it's dir
クックパッドとマイクロサービス - クックパッド開発者ブログ
技術部の高井です。 最近、日本でもマイクロサービスという言葉が流行しつつあります。 今回は、なぜクックパッドがマイクロサービスを選択したのか、また実際にどのようなやり方をしているのかということを紹介します。 Conwayの法則 ここ数年の間、クックパッドはレシピの投稿・検索サービスから「食を中心とした生活のインフラ」として事業領域を拡大しつつあります。海外レシピサービスの買収による海外展開は、単なる金銭的な関係にとどまらず、人的・技術的な交流も含めて本格化しつつあります。また、「モバイルファースト」を標語とするモバイルアプリケーションへの取り組みも加速してきました。 事業領域の拡大やグローバル展開、モバイルファーストといったビジネス要求の変化に応じて、会社の組織構造も変化しています。そして、Conwayの法則 として知られているように、組織構造とソフトウェアアーキテクチャには密接な関係があ
WebWorkerで爆速プリロード | blog.bouze.me
HTMLで画像とか動画とかのリソースをページが表示される前にプリロードするパターンあるじゃないですか、あれでちょっと思いついたのがあるんでメモしときます。 以前やったPOOL inc.のトップページ、例のごとく最初にビデオをある程度プリロードしてから再生してるんですが、本数が40本程あって全部の読み込みを待つのさすがにダルいよねってことで2, 3本読み込んだら再生をはじめて、残りのビデオは裏で読みってやってみたんですが、この読み込みの処理がなかなかヘビーでして、再生してるビデオがコマ落ちしてまともに再生されないんです。 どうしよう、どうしようということで読み込み処理をビデオの再生とは別のスレッドにしてみたんです。HTML5のAPI、Web Workerで。すると狙いどおりビデオがコマ落ちすることなくバックグラウンドで読み込みができるようになりました。40本同時に並列でダウンロードしても処理
フロントエンド js の functional な初期化
そんなに大した話じゃないですが、blog もめでたく一周年という事で、アニバーサーリー投稿です。 最近、JavaScript を書くときは; Functional とは何ぞや という意識のもと書いています。 ここで欠かせないのが、なんと言っても Promise です。今回はそんな Promise の jQuery 版 Deferred Object を使ったよくやる初期化処理を紹介します。 まずはテンプレ: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="//code.jquery.com/jquery-2.1.0.min.js" charset="UTF-8"></script> <script> (function (w, d, n, $) { // ココにイロイロ書くよ! })(window, doc
Jenkinsをすごいcronとして使う - She is not Gorilla.
Jenkinsは継続的デリバリーとか継続的インテグレーションの文脈で語られることが多いので、ソースコードのビルドだったりテストの実行だったりをエンジニアの代わりに実行してくれるツールだと思われていることが多いです。(当たり前のことを長々と何言ってんだって感じですが) しかしJenkinsの機能を、そういったような開発管理ツールではなく汎用的なバッチツール、要は「すごいcron」として使用できることも分かったのでちょっと試してみました。 Git pluginを入れる 今回はサーバ上で動かすバッチをすべてGithubで管理しようと思いますので、pluginを入れます。 入れるのはjenkins GIT plugin! https://wiki.jenkins-ci.org/display/JENKINS/Git+Plugin いれたらJenkinsからGithubにアクセスする設定を行います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ヘンタイに技術力を与えた結果…… 仮想世界でおっぱいをもんでみた人、ついに登場
Get TETHR, a free mobile app UI kit from InVision | InVision
Jekyll • シンプルで、ブログのような、静的サイト
GitHub Pagesでページを公開してみる！ - スタジオ・アルカナ技術ブログ