Form系要素スタイルの初期化 ブラウザのForm系要素の初期スタイルをはがすときには、appearance: noneをあてつつ、backgroundやborderなどのリセットをする。 select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; box-sizing: content-box; } しかし<select>だと、WebKit系のを除けば、-moz-apperanceとしているFirefoxでさえも、選択
コンカーブ 凹状に配置したパネルをスライドします。 Bespoke.jsの使い方 スライドショーの実装は簡単で、3ステップです。 Step 1: HTMLと外部ファイル スタイルシートとスクリプトを外部ファイルとして記述し、各パネルはsection要素で実装し、articleで包みます。 スタイルシートはテーマごとに変更します。 <link rel="stylesheet" href="path/to/my/theme.css"> <article> <section>Slide 1</section> <section>Slide 2</section> <section>Slide 3</section> </article> <script src="bespoke.min.js"></script> <script src="path/to/my/script.js"></scri
第4回=「運」や「縁」は偶然のものではありません こんにちは。はたらく女性のかていきょうし、タブタカヒロです。 「はたらく女性のかていきょうし」のコンサルティングをしていて、女性からこんなご相談を受けることがあります。 「MBAホルダーのコンサルタント男性に一方的に批判されて、私は何も反論できませんでした。どうしたら彼のような男性と対等に議論ができるようになりますか」 「MBAだぞ!コンサルだぞ!」という自意識がにじみ出ているタイプの男性、確かによく見掛けます。この手のタイプは一見”デキる風”ですが、本当の実力は”残念”な場合が多いのです。男性は自分の能力や成果といったスペックを比較して、相手より優位に立ちたい生き物です。それが男同士の「土俵」。片や女性は、相手との共感のスキルを使ってチームのモチベーションやパフォーマンスを上げることを好みます。 男の土俵に上がって議論ができる女性もたくさ
Droid Weight is a simple, easy to use, free android weight tracking app that helps you keep a journal of your weight on your android phone. DroidWeight has become an open source project on google code: http://code.google.com/p/droidweight/ Current Version: 1.3.1, Changelog Droid Weight Features: tracks your weight & BMI, body fat, waist length graphs your weight/body fat/weight history for up to 1
「最近のReactへの言及についての違和感」というエントリ書いたら燃えますかね— イカid:mizchi0x (@mizchi) 2015, 6月 7 僕がみた資料の中でFluxの設計について正しい理解をしていると思えるのはげたさんのこの資料だけです https://t.co/XaKHhhuP2A— イカid:mizchi0x (@mizchi) 2015, 6月 7 みんなsetStateに騙されてる— イカid:mizchi0x (@mizchi) 2015, 6月 7 一部で「React使うとコード量が増える」という意見、サーバサイドで書いたテンプレートのレタッチをするjQueryと比べたらそりゃそうなんだけど、SPAでそもそもJS側がテンプレート握るような環境では handlebars とかで書いてたところが JSXになるだけでそれ移行コスト— イカid:mizchi0x (@mi
There are several aspects to consider when releasing a product or service into the market. With so much competition in all sectors, it might be hard for your product to stand out if you don't start by marketing it properly. Marketing, as well as how a user reacts to your product, is something that you should think of from the inception of your product to its launch. The Time to Market plays a sign
さまざまなブラウザのテスト大変ですよね・・・・ いろんなブラウザ使っている人が多いのでWebアプリ作る人にとって対応は必須です。 特にIEってWindowsでしか確認できないし、バージョンごとにJavascriptまわりの挙動が違うので色んなバージョンで操作テストするのは非常に骨が折れます。 1つのマシンに複数のバージョンのIEを入れることはできないので、テストのためだけに複数台Windowsを用意するのも大変です。 なんとかならないのでしょうか・・・・ 実はマイクロソフトがテスト用の環境を提供してくれていた! マイクロソフトはそんな状況を打開できるように、検証用環境を用意してくれています。 modern.IE https://www.modern.ie/ja-jp/ modern.IEは以下の機能を提供してくれています。 仮想マシン IE6〜11まで各バージョンのIEがインストールされた
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webサイトやアプリで多くの画像リソースを使うことが増えています。どんどん数が増えていくと、それだけWebサイトの表示やアプリの肥大化につながっていくでしょう。小さければ小さいほどベターです。 画像を小さくするコマンドもありますが、エンジニアでないと使い勝手が悪いでしょう。そこで使ってみたいのがimagemin-appです。 imagemin-appの使い方 imagemin-appはとてもシンプルなアプリケーションで、起動するとウィンドウが一つ表示されるだけです。 そこに画像ファイルをドロップすると自動的に最適化されます。専用のフォルダが作られるので、オリジナルが上書きされる訳ではありません。 実際に適用したところ。25KBが10KBまで減っています。 imagemin-appは
ホーム » 脆弱性 » 「Apache Cordova」に存在する脆弱性を確認、Androidアプリを簡単に改変できる恐れ トレンドマイクロは、オープンソースモバイル開発フレームワーク「Apache Cordova」に存在する脆弱性を確認しました。攻撃者は、この脆弱性を利用することにより、被害者に攻撃コードを含んだ Webページを閲覧させるだけで、アプリの動作を改変することが可能になります。この改変の範囲は、アプリのユーザを不愉快にさせるものから、アプリを完全に機能不全させるものまでに及びます。 この問題の脆弱性「CVE-2015-1835」は非常に深刻な脆弱性であり、Apache Cordova のバージョン 4.0.1.までのすべてのバージョンに影響を与えます。Apache はセキュリティ情報を公開して、この脆弱性を確認しました。Google の公式アプリストア「Goo
In an attempt at damage control, the CEO of the equity management startup Carta, Henry Ward, today emailed customers, telling them that if they are concerned about “negative press” tied to the out In the Lego-like world of Roblox, about a hundred blocky avatars march through a lamplit street, wielding Palestine flags that are larger than their own animated bodies. Characters dressed like cartoo
特定のファイルを削除する前に、そのファイルを参照しているシンボリックリンクの有無を確認する場合、findコマンドを利用すると良いだろう。 ls -la $(find -L /シンボリックリンクがあるフォルダのPATH -samefile /オリジナルファイルのPATH) たとえば、「/work」「/home」配下にある、「/work/test.txt」のシンボリックリンクを確認する場合、以下のようにコマンドを実行する。 ls -la $(find -L /{work,home} -samefile /work/test.txt) [root@test-centos7 ~]# ls -la $(find -L /{work,home} -samefile /work/test.txt) lrwxrwxrwx. 1 root root 14 6月 6 09:36 /home/test_ln.t
Tipboardはビジネスデータやパフォーマンスを表示する為のダッシュボードシステムです。PythonとJavaScriptで書かれており、OSSとしてソースコードが公開されています。初期スタイルも見やすそうで良いですね。ウィジェットを開発して追加する等、カスタマイズ性にも優れているとの事。ライセンスはApache v2.0です。 Tipboard
jQuery Real Person 画像ではない軽量CAPTCHAを実装できる「jQuery Real Person」。 *を使って文字を書いてそちらをベースにCAPTCHAを実装しているようです。 画像ではないため、サーバに負荷もかからず、クライアントにとっても軽量なCAPTCHA。 安全性の程は検証していませんが、簡易的に行う分にはお手軽でよさそう 関連エントリ 超簡単なゲームを遊んでCAPTCHAの代替に使える「PlayThru」
OS X 10.10(Yosemite)では、ウィンドウの最大化ボタンを何とフルスクリーンに変更しました。フルスクリーン機能のメリットとして メニューバーとDockを潰しウィンドウを幅広く使える 単一アプリを集中して操作出来る があります。自分も「折角なのでフルスクリーンを積極的に使って作業しよう、今のうちに慣れておこう」…と思い使い続けてみた訳ですが、 そもそもメニューバーを使わないケースがない メニューバーを表示するのに時間がかかる ウィンドウ上部の操作にメニューバー表示が干渉して邪魔 Dockが直ぐ出ない為、Dockによるアプリ切替が超面倒に 単一アプリに集中するケースがそもそも無い フルスクリーンへの切替に時間が掛かる上操作ができない 何らかのアプリが起動する/通知が発生すると唐突にスクリーンが切り替わり強制的に作業が中断させられるのでストレスフル。 スクリーンの切替操作が慣れてい
Chujiro氏 ( @Chujirorx ) が行っていたTカード退会にまつわる一連のtweetをまとめてみました。 退会させないように腐心するとともに、ちゃんと削除されたのかが疑わしい手続きになっているように見えるあたりが、CCCクオリティ?
よれよれぽんこ @ponko4 残って欲しい人ほど、他社からも欲しがられる人だろうし、シャープは辛いとこだろうなあ。ここは他社も、ほんとに欲しい人材ならバンバン報酬つりあげ合戦やっていただきたい。得難い人材にはお金を払うべし。 2015-06-07 16:18:49 よれよれぽんこ @ponko4 以前の職場で、ほんとにプロという名に値する、専門職の派遣社員さんがいて、その人の派遣元が派遣先に時給アップ交渉をしたらしい。数年勤めたし、お役に立ててる自信もあります、とのことだったが派遣先の回答は「じゃあ安い人に代えて」。あの人切ったらこの職場回らなくなるとみんな知ってるのに。 2015-06-07 16:23:04
消えたWindowsバックアップ、Windows 10で復活となるか:その知識、ホントに正しい? Windowsにまつわる都市伝説(33) 皆さんがお使いのWindows PC、万が一の場合に絶望しないために定期的にフルバックアップを作成していますか。HDDが物理的に壊れてしまうと「システムの復元」や「PCのリフレッシュ」では復旧できませんよ。筆者はWindows 8以降の新しい保護機能は利用せず、いまだにフルバックアップ派です。 連載目次 Windows Vistaで刷新されたWindowsのバックアップ機能 Windowsは、データやシステムをバックアップするためのツールを標準で備えています。この標準のバックアップツールですが、Windows VistaおよびWindows Server 2008で、それまで「NTBackup」と呼ばれてきた「バックアップ」から、「Windows Co
「ここ、こんな感じにできませんかね?」と言われたエンジニアが、「うーん、それはちょっと厳しいですね。できないです」と返すみたいなやりとりは結構見かけます。 この「できますか?」⇒「できない」というやりとりなんですが、「できない」という言葉にはいくつか裏が考えられます。言葉足らずだっただけでちょっとした調整をすればできるよね、というケースもあるので、「できない」という言葉の裏側をまとめておこうと思います。 先に補足しておくと、「エンジニアの人の言葉が足りなすぎるでしょ」という意見ももちろんあると思います。こういうコミュニケーションは、お互いの信頼度によっても変わってくるので難しいところです。お互いが相手に伝わるように意識すべきだと思うんですが、 エンジニアから「できない」と言われた時にどういう意味で言ってるのか想像しやすくなればいいなという思いで書いておきます。 ちなみに、「(できるけどやり
しばらく前から、いくつか製品が登場している「スティック型PC」をご存じだろうか。Windows 8を搭載したタブレットからディスプレイやバッテリーを取り払って、PCとして必要な最低限の部品にして縮めたような超小型PCの一種だ。ボディには映像出力用のHDMI端子があり、テレビやPCのディスプレイに直結して使えるようになっている。 スティック型PCの大きな特徴はその小ささだ。小型のICレコーダーほどで、手のひらにすっぽり収まる。持ち歩きやすい、というレベルではない。ワイシャツやズボンのポケットに何の苦もなく収まってしまう。むしろ、気付かないうちに無くしてしまうことを心配した方がよいレベルだ。 スティック型PCが日本で大きな話題になったのは2014年12月のこと。マウスコンピューターがスティック型PCとして「m-Stickシリーズ MS-NH1」(写真1)を発売したときだ(発表自体は11月)。そ
「これ、5人月でできるかどうか、見積りを出してください」 新しい案件のようです。プロジェクトには必ず割くことができるメンバーの人数、いつまでに終わらせなければならないという時間の制約があります。そのため、「見積り」が必要なのです。課長が言っている「5人月(にんげつ)」とは、5人が仕事をして1カ月で終わる仕事量ということを意味しています。 こうした場合、たいていは5人月分の予算しかないのです。プロジェクトも始まっていないうちに、リリース日だけが決まっていることもあります。 それでも、ぼへちゃんは、案件の概要やら機能やら規模感を見て、開発期間、テスト期間などを検討しました。そうすると5人月なんて無理! 参加できそうなメンバーのスキルから考えると、どう頑張ったとしても2倍の10人月になることが判明しました。 これを課長に報告したところ、「なんで、5人月でできないんだっ!」と怒られてしまいました。
JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻の取得 まずは、最もよく使う処理です。 //今日の日時を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get
テキストデータを読み込む場合、言語にかかわらず1行ずつ読み込んで処理します。ここではこのイディオムを"read-lines"と呼ぶことにします。 スクリプト言語なんかだと大抵、最初からforeachで済んでしまっていたりしますが、初期のJavaではちょっと面倒な手順が必要でした。 新しいバージョンではだいぶ簡単簡潔に書けるようになりましたが、今度はたくさんありすぎて、どれがなんなのかが良くわからなくなっています(大袈裟)。 そこで今回は、"read-lines"の変遷についてまとめてみました。 最近Javaを始めた方がバージョンが古い時に書かれたソースコードを読むときに役に立つ...かも知れません。 目次 基本 BufferedReader (Java1.1~) Scannerと拡張for文 (Java5~) java.nio.file.Filesとtry-with-resources(J
TL;DR 自動インストールでインストールされるJDKのアーキテクチャは、各Nodeを登録するために起動するslave.jarのJREのアーキテクチャだよ Jenkinsのソースコードは構造のバランスがいい Jenkinsは週次リリースできるソフトウェアのアーキテクチャを学ぶ題材として最適 きっかけ Jenkinsの便利な機能に、JDKの自動インストールがある。プロジェクトに利用するJDKを設定すれば、実行するノードに自動でJDKをインストールしてくれる、という素晴らしい機能だ。WindowsやLinuxだと32bit、64bitのJDKが配布されているので、どうやってインストールするJDKを判定してるんだろう、と思ってコードを読み始めた。 ゴール 自動インストールを実装しているクラスを見つけ、どのように実装されているか理解すること 実装クラスを見つける 実装を見つけるときは、ログを出力し
アプリ開発の勉強を始めてみたものの、何を作ればいいのか分からない。アプリ開発をしてみたいけれど、何ができるのかイメージがわかない。アプリ開発初心者の方からはそんな声がよく聞かれます。 何を作るのか考えることと、それを実現する方法を学ぶことは違いますので、それも当然です。そんなときは、天才的なアイディアにたくさん触れることがおススメです。優れたアイディアから学び、ときには盗み、アプリ開発の参考にしてみてください。 "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは?(受講生体験記) 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成
仕事などで日常的にLinuxを利用しているのであれば、ほぼ大半の人がglobを利用した事があるだろう。 globという名前にはあまり馴染みが無いかもしれないが、以下のようにワイルドカードや複数のファイル名を指定したりする機能は使ったことがあるはずだ。 例)「/work」フォルダ配下のファイルを「/work2」に移動する mv /work/* /work2/ 例)「/work」フォルダ配下の「aaa.txt」「bbb.txt」のみを削除する rm /work/{aaa.txt,bbb.txt} このような指定方法を可能にしているのがglobという機能になる。 そんなglobを拡張したのが、今回紹介するextglobだ。 このextglobを利用すると、globでは指定が難しかった事、例えば"特定のフォルダ以外を指定する"といった事が簡単に行える。 bashやzshで有効になっているかどうか確
jQuery toTop()はトップへ行くための滑らかなスクロールを実装することができるjQueryプラグインです。使い方や機能がシンプルで、なにより軽量なところがいいですね。オプションを用いてちょっとしたカスタマイズをすることも可能です。 以下は実際のデモページになります。 デモ 下へスクロールしていくと、画面右下に「Top ↑」という文字が表示されるので、それをクリックするとTopまで滑らかに自動スクロールされます。 こんな感じでオプションもいくつか用意されています。スピードやポジションの値を設定することができます。以下はすべてデフォルト値になります。 $('.to-top').toTop({ autohide: true, offset: 420, speed: 500, position: true, right: 15, bottom: 30 }); というわけで、jQueryプ
[レベル: 中〜上級] お知らせしていたように、米シアトルで開催されたSMX Advanced 2015に参加してきました。 この記事では、今回のSMX Advancedの最大のハイライト、AMA With Google Searchのセッションをレポートします。 AMA With Google Searchとは AMAは、Ask Me Anything の頭文字を取ったものです。 日本語に訳すと「私に何でも質問して」という意味になります。 日本で俗に使われている、「◯◯だけど、質問ある?」に相当しますかね。 例年、SMX Advancedでは Q&Aをもじった You&A という、米Googleウェブスパムチームのトップ、Matt Cutts(マット・カッツ)氏とSMX主催者の代表、Danny Sullivan(ダニー・サリヴァン)氏との1対1のトークが目玉セッションでした。 マットが長
Photoshopの知ってると便利な作業効率をアップするTipsを12個、紹介します。 全てPhotoshop CC2014対応ですが、ほとんどのものはCSでも使用できます。 Photoshop外からカラーを抽出 スポイトツールをドラッグしながら、カラーを抽出 通常の操作だとスポイトツールはPhotoshopの枠外に移動すると普通のカーソルに変わってしまいますが、Photoshop内でドラッグしながら移動すると、Photoshop外のカラーを抽出できます。 スポイトツールで複数のカラーを抽出 スポイトツールで抽出できるカラーは、一つだけではありません。 複数のカラーを抽出 Shift を押しながら、カラーを抽出 カラーは、10個まで抽出できます。 ※CSは、4個まで。 ブラシツールからスポイトツールに一時的に変更 選択ツールの選択時に「Ctrl (Macは、Cmd)」を押すと、一時的に移動
このあたりのエントリを見て、ちょっとやってみようかなぁと思いまして。 JSR352-Batch Applicationを試してみた(Batchlet編) http://siosio.hatenablog.com/entry/2015/06/06/011830 JSR352-Batch Applicationを試してみた(BatchletでDBアクセス-JPA編) http://siosio.hatenablog.com/entry/2015/06/07/151425 その他、ちょっと目を通したのはこのあたり。 Jbatch実践入門 #jdt2015 http://www.slideshare.net/agetsuma/jbatch-jdt2015 The Java EE 7 TutorialのjBatchの章をテキトーに訳した http://kagamihoge.hatenablog.co
去年あたりから急激にDockerが騒がれてますな〜と ここいらで本気で慣れておきたいところなので、Dockerコマンド〜Dockerfileの作成をまとめてみました。 Dockerとは Docker Inc. がオープンソースで開発しているコンテナ型仮想化技術、ソフトウェア。 各コンテナは独立した環境になっており、その中でアプリケーションをパッケージング、デプロイ、実行することができる。 また、このコンテナは簡単に再利用することが出来、コンテナを複数起動することにより容易にアプリケーションサーバを複数実行することが可能。 Dockerfileに設定を記述していきコンテナを構成していく。GO言語で記述できる。 コンテナとは 一つのホスト上で複数の隔離されたLinuxシステム(コンテナ)を走らせる、OSレベルの仮想化ソフトウェア。 VMに比べ、消費リソースが少い、起動が早い、オーバヘッドが少い
日本語は英語と違い、単語同士が明確に区切られていないので、一つ一つの単語の品詞を調べる場合は、いわゆる「分かち書き」をする必要があります。 分かち書きとは次のように単語を分けて書くことです。 これは日本語です → これ | は | 日本語 | です プログラミングで分かち書きを行うには大変な労力がかかるので、ゼロから開発するのは現実的ではありません。 簡単に行う方法の一つは Yahoo! API を利用することです。 クエリを送るだけで簡単に解析結果を受け取ることができるので便利ですが、リクエスト回数に上限があったり、クレジット表記が義務付けられたりするので、状況によっては使いにくくなります。 もう一つはサーバーに MeCab をインストールする方法です。 Mecab はオープンソースの形態素解析エンジンで、様々な分野で活用されている実績あるプログラムです。 可能ならこちらを導入するのがベ
Kotlin勉強会で発表してきた。 kotlin.doorkeeper.jp 僕の発表スライドはこれです。 発表内容について 個人で開発してるはてぶクライアントアプリのMitsumineをJavaからKotlinに全置換した話をした。 去年の第2回Kotlin勉強会では僕も含めKotlinをよく知らないという人が多く、発表も入門的な話が中心だった気がしたので、わりとライトな感じの資料にしてしまったけど、会場で聞いたら7,8割くらいがAndroidアプリ開発経験者でKotlinプラグインも既に試しているという方が結構多かったようなので、もう少し内容深堀りして詰め込めばよかったなーと少し後悔。 しかし改めてAndroid界隈でKotlinの注目度が上がっているのだなーというのを感じた。 僕のブログエントリを読んでKotlinやろうと思いましたと言ってくれた方もいて嬉しかった。 もっと勉強して積
維新の党が採決を受け入れる姿勢に転じたため、派遣法案の衆院通過が見えてきてしまいました。 改正派遣法:今国会で成立へ…維新、採決受け入れ 派遣法改正案、衆院採択へ…維新と自公折り合う 上記の報道によれば、維新の党が提出している「同一労働同一賃金」の議員立法の成立に、与党が協力するということで、これまでの「徹底審議」という姿勢を一転して、採決容認に転じたということです。 なお、採決では維新の党は反対する予定とのことです。 6月8日追記 *与党、国会運営に乱れ 安保・派遣 審議遅れる この日本経済新聞の記事によれば「維新が応じれば」との記載になっていますので、維新の党としては本決定をしたわけではないようです。その関係でタイトルを変更しました。 旧「やばい!維新の党が徹底審議の方針を転換したため派遣法改悪案が衆院通過の危機!!」 新「やばい!維新の党が徹底審議の方針を転換か? 派遣法改悪案が衆院
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く