こんにちは、@yoheiMuneです。 iPhoneのSafariでリンクとかボタンとかをタップした際に、一瞬だけ半透明の黒い背景が出る現象。 この黒半透明を出させないCSSの設定を学んだので、ブログで紹介したいと思います。 タップした際にでる黒い半透明な背景とは 具体的には、以下のようなモノです。 これってタップした感覚が出るので嬉しい反面、タップ時のスタイル（:activeとかで指定）がある場合には、 出てこないで欲しい場合もあります。 黒い半透明な背景を変更するCSS 以下のCSSを用いることで、リンクやボタンのタップ時の色を変更することが出来ます。 -webkit-tap-highlight-color:rgba(0,0,0,0); 上記の例だと、完全透明にして、タップ時に黒い半透明な背景を表示しないようになります。 rgbaの値を変更することで、他の色を設定する事も可能です。 な

2018年12月4日　Japan Container Days　講演資料 谷脇大輔 Preferred Networksでは1000個以上のGPUとInfiniBandからなるオンプレミスのクラスターを自社で構築しており、研究者が様々な目的、リソース量、実行時間の機械学習ジョブをKubernetes上で実行して研究成果を出しています。 KubernetesはKubeflowの登場など、機械学習基盤としても非常に注目されている一方で、現実的には未だ発展途上です。 講演では機械学習基盤としてのKubernetesの導入理由、その実用性と将来性、Preferred Networksの挑戦についてお話ししました。

今日、サイトのコーディングをしていて少しハマって 「imgタグにafter要素はつけれないだとーーー！！」 と叫んでしまいましたw きっかけ サイドバーによくあるランキングを実装する時に 画像の左上に順位を示すバッジを表示をしようと思っていました。 なるべくHTMLを簡潔にしようと思い短めに。 そして、画像の重なりを考えて、cssのafter要素にすることにしました。 <li> <div class="thumb"> <img src="img/sample.png" /> </div> <h3> タイトル </h3> </li> .thumb > img:after{ content: ""; width: 20px; height: 20px; background: url(../img/rank1.png) no-repeat; } これで出てくると思ったのですが、全く出てこない。

コーポレートサイトを制作する際、お知らせはお客さん側で更新していくのでWordPressの導入を決めました。今まで、会社概要や事業概要などは固定ページを利用して組んでいましたが、メンテナンス性が良くないなぁと思っていたので思い切ってWordPressから切り離し、普通のHTMLでコーディングして外に出してしまうことにしました。 indexは拡張子がhtmlのままでphpを動かせるようにするのですが、さくらインターネットでは少し手間がかかるとのことで、その辺もふまえてのメモ。 目次 私がやりたかったこと静的ページをコーディングするWordPressをインストールするhtmlファイルでphpが動くようにする参考ページ 私がやりたかったこと WordPressはお知らせを更新するためだけに使用し、その他のページは静的ページとして運用したい。 （↑WordPressのページと静的ページのヘッダー・

Posted: 2010.12.03 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressを使用してコーポレートサイトを制作&運営する場合、「新着情報」や「よくある質問」など、よく更新するページをWordpressで制作（CMS化）して、ほとんど更新のない「会社概要」や作り込みをするページを静的ファイル（html）にしたいなというケースがあると思います。 この記事ではWordpressと静的ファイルを共存させる方法と、それに伴った変更すべき設定などをご紹介します。 WordPressをインストールする たとえばこんな感じですでにルートにhtmlファイルやフォルダがあるとします。 index.html sitemap.html about.html service.html Wordpressはかなりのファイル数があるのでルートにインストール

人様の人気エントリーに乗っかる感じで恐縮ですが、「CSSで block 要素を上下左右中央寄せにする、イマドキの方法。 ： バシャログ。」 という記事が話題になっていたので、なんでその指定で上下中央配置になるのか補足してみます。 詳しい話は下記のリンク先をご覧ください。 CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 ： バシャログ。 何でこういうことを書くかというとですね、例えば CSS でこういう指定をするとこう表示されるっていう話に関しては、仕様書を基準に話して欲しいのです。 「なんかよくわからないけどこういう風に書いたらこういう表示になった。よかったね」 で終わらせるのは個人の自由ですが、仕様書を基になぜそうなるのかの根拠を知るとより一層理解が深まると思いますので。 なので余計なお世話なんですが、下記に小難しく書きます。 解説のためのサンプルソース 例えば、下記の

source hoge とするのは、ファイル hoge に書かれた文字列を一つずつ自分の手でタイプしたのと同じことである。

パッケージマネージャのHomebrewを使って、Git をインストールしてみました。思ったよりエラーが出たので、今後の備忘録に対処をメモ。 Mavericksなマックには元々Gitインストールされているようなので、現状のバージョンとどこにあるかを確認しておきます。 $ git --version git version 1.8.5.2 (Apple Git-48) $ which git /usr/bin/git Homebrewでインストール可能なバージョンも確認しておきます。 $ brew info git git: stable 1.9.2 (bottled), HEAD 1.9.2が今日のところは入るみたいなので、インストール作業後【$ git –version】と入れたら、1.9.2が出るようになればいいということが目標になります。 まずはインストール $ brew instal

奇数ピクセルだとスマホ表示でにじんだり、Chromeでtext-align:centerしているときにフェードするとビクっとしたりします。 Slicyでオシャレにスライスを自動化していると、奇数ピクセルのスライスになったりします。 いちいちPhotoshopでスライスしなおしたりするのはめんどくさいです。 それをImageMagickでちゃちゃっとやってもらいましょう！ 使い方 要ImageMagick package.jsonからnpm install convert.coffee を置いて、適当なpngへのパスを渡してください！ { "name": "setEvenPixel", "version": "0.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test s

前回はCREATE DATABASEコマンドでbookshelfという名前のDBを作成し、SHOW DATABASESコマンドでそれを確認しました。 一連の操作はroot権限で行いましたがこれはセキュリティ上よろしくないので、今回はrootユーザへのパスワードの設定と、新しくユーザ（ここでは安直に”yukun”）を作成しbookshelfを操作する権限を付加してみます。 rootユーザのパスワードの設定 普通のコマンドプロンプト(Win)かターミナル(Mac)で以下のコマンドを用いてパスワードを設定します。 $ mysqladmin -u root password ＜パスワード＞ もしくは、mysqlプロンプト上で、 mysql> SET PASSWORD FOR root@localhost=PASSWORD(‘パスワード文字列’); 新規ユーザの追加 – CREATE USER文 r

2008/4/21更新 対応バージョン: 5 SSHの認証方式には「パスワード認証方式」と「公開鍵認証方式」2種類がある。 以下、それぞれの特徴とサーバ - クライアント間のセッションの流れについて説明する。 パスワード認証方式 メリット サーバ側にあるアカウントのパスワードを知っていればよいのでクライアント側で特別な作業は不要 デメリット 暗号化されているとはいえ、パスワードがネットワーク上を流れるのでパスワードを盗まれる可能性がないとはいえない。 そもそもパスワードが第三者に知られてしまえば効果がない。 サーバ - クライアント間のセッションの流れ 使い方はtelnet等のサービスとほぼ同じで、ログインする際にパスワードを入力する。 この方式ではサーバとクライアントのセッションは以下のような流れになる。 1. クライアントがサーバに対して接続要求 2. サーバが公開鍵を提示するのでクラ

AWS便利ですね。 気軽にサーバを増設したり減らしたり。インスタンスを作成してから起動まで、ものの数分で行なえてしまいます。 しかし、EC2で作成されたサーバは、デフォルトで鍵認証しか許されていませんでした。 セキュリティ的には良いと思いますが、パスワード認証で使いたい要件もあると思います。 実際私がそうでしたので^^; パスワード認証に変更する方法をメモしておきたいと思います。 条件 EC2でサーバを作成済み 鍵認証でログインまで行なえている事 ルートパスワードの変更 $ sudo su - [root@ip-xxx-xxx-xxx ~]# passwd Changing password for user root. New password: BAD PASSWORD: it is based on a dictionary word Retype new password: pas