【CSS】改行を含むテキストの表示をスタイルシートで？ at softelメモ
問題 以下のような改行を含むテキストがあって、ブラウザの画面に表示したいんだけど、こういうときはphpのnl2br()を使うんだっけ？ 改行を含むテキスト あいうえおかきくけこ 本日は晴天なり ↓ nl2br($str) 改行を含むテキスト<br /> あいうえおかきくけこ<br /> 本日は晴天なり 答え それでもいいんだけど、スタイルシートで対応するのはどう？ <div style="white-space:pre-wrap;">改行を含むテキスト あいうえおかきくけこ 本日は晴天なり</div> ↓ ほら。 事例 twitterがPC版で改行の表示を対応したとき、white-space:pre-wrap;したみたいです。 ブラウザの対応状況は？ white-space:pre-wrap;はIE6以前がだめらしい。今なら使っても大丈夫でしょう。 「HTMLで改行といったら<br />で
最近覚えたシェルスクリプトの小ネタ - カメニッキ
シェルスクリプト神から教えていただいた。忘れないように書いとく (追記)聞いて、自分の記憶した内容をそのまま書いちゃったので、ちゃんとマニュアル通りか確認してなかったので反省 $ man bash 目次 xargsでfunctionを叩く 連想配列もどき 変数間接参照 なんでもかんでもawkで整形しない 文字列の末尾から数えて○文字目を△文字取り出す 番外編:やたら if [ ]; then を使わない ※Markdownで目次の書き方がわからんかった xargsでfunctionを叩く 下の例だと find xxxx | xargs cp xxxx ってかけば良さそうでイマイチだけど、もっと複雑な処理やらせたいときに。 前はこう書いてた #!/bin/bash for x in `find /var/www -name xxx` do cmd="cp -v /hoge/fuga/xxx
第426回 Twitterクライアントのmikutterに日本語を話してもらおう（前編） | gihyo.jp
Ubuntuで利用可能なTwitterクライアントとして、mikutterがあります。前編ではこのmikutterをインストールして動かします。またmikutterのプラグインインターフェイスについて概説し、後編のプラグイン開発の準備を行います。 インストール mikutterとは、Rubyで書かれたTwitterクライアントです。開発者は日本の方で、ウェブサイトはある種のユーモアに溢れています。ユーザー会が存在し、根強い人気に支えられたプロジェクトです。 Ubuntuのリポジトリにはmikutterのパッケージが収録されており、Ubuntuソフトウェアセンターからインストールできます。 図1 Ubuntuソフトウェアでmikutterを検索 基本設定とみくったーちゃん UnityのDashを使ってmikutterを起動すると、以下のウィンドウが開きます。 図2 インストール直後のウィンド
購買意欲の盲点を突け！第一回「これ買ったことないわ」グランプリ | オモコロ
おはようございます、オモコロ編集部です。突然ですが、世の中のコンビニや商店に売ってるものって、次の3種類に分類できるのではないでしょうか？ 本当に突然どうした？ と思われた方も多いかと思いますが、本日の企画はこの3つの内の真ん中、「見たことあるけど、買ったことはない」という商品をお互いに買ってき合い、どれだけ「買ったことなかったわ！」と言わせることができるかという内容です（今回はコンビニの食べ物に限る）。 コンビニの売り場で見たことあるのに買ったことない商品は、なぜ目に入ってるのに買うまで至っていないのでしょうか？ この企画を通して、人間の購買意欲の謎みたいなものに迫れたらいいなとぼんやり思っております。同時に、この記事が「買ったことないもの」と皆様の出会いのきっかけになれば幸いです。 そして、今回のグランプリを行う際のルールも決めてみました。 ルール説明 一体何が「グランプリ」なのかよく
Docker 1.12 の衝撃
2. Docker 1.11 の Swarm クラスタ を Production 環境に投入すべく、 ほぼほぼ構成が出来上がったとこ ろでそれはやって来ました 5. ● 各サーバーがTLS通信（サーバー、クライアントの証明書も確認） するための証明書発行機能 ● Swarm Cluster を構成するための Swarm Manager（3台 or 5台） + Key / Value ストア（Consul） ● コンテナを実行する Docker サーバーとその各サーバー上の Swarm Agent ● Docker の Overlay network を構成するための Key-Value ストア （Consul） （別々のDockerサーバー上のコンテナが同一ネットワークとして稼働） ● 外部からコンテナにアクセスするための Reverse Proxy / Load Balancer として
実践 Pact:マイクロサービス時代のテストツール - クックパッド開発者ブログ
技術部の taiki45 です。 以前「サービス分割時の複雑性に対処する: テスト戦略の話」という記事で、サービス間のインテグレーションテストにおける問題について紹介しました。現在のクックパッドではこの問題の解決のために Pact というツールを導入して運用しています。この記事では、その運用の知見を紹介できればと思います。 Pact Pact は Consumer-Driven Contract testing (CDC testing) を実現するためのツールです。"Consumer"、"Provider" という見慣れない単語が出てきますが、この記事ではだいたい「Consumer = Web API クライアント」、「Provider = Web API サーバー」と対応ができます。この記事では具体的な Pact の利用例を通じて CDC testing がどういうものなのかについても
ぼくのブログ遍歴とPerl人生 - masawadaの日記
先日，社内Slackの分報でふと自分のブログ遍歴を書いた． [6:36 PM] 僕のブログ遍歴意外と浅くて，最初はPerlのcgiアプリケーションをサーバにあげてブログやってて，次は忍者ブログとexciteブログとcururuを行ったり来たりしてて，最終的にWordPressに落ち着いて，最後にはてなブログという感じだった． [6:39 PM] 最初にPerlさわったの(既存のスクリプトの改造とか)小学5,6年生くらいだった気がする? まともにものをつくったのは中学2,3年生くらい? だから10年くらい前? 小学3,4年生を小児ガンの治療で過ごし，ようやく5年生から放送室登校しつつ社会復帰した*1．とはいえまだ時間制限付きの登校で，基本は家にいた．家に居ても暇なのでゲーム三昧の毎日を送っていたのだけど，あるときお下がりのiMacでWebサイトを作り始めた．最初はPhotoshopとかを駆使
Flux Utilsで始めるReact + Fluxアプリケーション開発 - コネヒト開発者ブログ
こんにちは。エンジニアの安達(@ry0_adachi)です。 今回はReact + FluxをFlux Utilsを使って導入するための話をしたいと思います。 この記事を書こうと思った理由 普段ちょっとしたツールなんかをReactを使って実装したりするのですが、その時にReduxとかでやっているとファイル増えたりしてすごく冗長だなあと感じて、もっと薄く実装できるライブラリを使おうと思った時に手に取ったのがFlux Utilsでした。 この記事ではFlux UtilsにおけるFluxアプリケーションの実装方法に加えて、そもそもReactやFluxって今までのライブラリやフレームワークと比べて何がいいのか？について説明していきます。初歩的な書き方やjsxだったりについては話さないのでドキュメントなどを読んでいただければと思います。 ドキュメント React Flux ReactとFluxを導入
ドトールなどでも無料でWifiが使えます！Wi2 300premiumでゲストログインして無料で使う方法を解説！
僕的にもっとも使用頻度の高いカフェはドトールなんで、ドトールでできると嬉しいなって思ってたんです。ただ、この記事を書いた時は無料Wifiはないと思い込んでたんですね。 Wi2 300は有料だと思い込んでた ドトールだと、携帯各社とWi2 300の公衆無線LANサービスが使えるようになってるみたいですね。僕は格安SIMを使っているので検討するならWi2 300への加入です。 Wi2 300は月額362円（税抜）の公衆無線LANサービスなんですが、定額ですべて使い放題かと思いきや、オプションエリアってのがたくさんあってそこは＋1時間100円払わないと使えないんですよね。もしくはワンタイムプランとかいうのを利用するか。どちらにしても高いです。 wi2.co.jp で、ドトールはこのオプションエリアなんで、有料サービス、しかも高い！って思い込んでたんです。 ドトールなどでも無料Wifiが使えた！
【6/29記事追記】公衆無線LANでは情報が筒抜け！VPNでプライバシーを守る方法について調べてみた - 物欲に負けた日
どうも！外出時には公衆無線LANでブログ更新をしているきったんです。 自分以外にもいろんな人が接続している公衆無線LAN、いわゆる無料Wi-Fiでは自分以外に接続している人たちに通信している情報が筒抜けって知ってました！？ 昨日、ドトールで無料で無線LANが使えるって記事を書いたところ、けっこう知られてないみたいで、うちのブログにしてはそこそこのアクセスを頂きました。 ただ、このサービスで提供されている公衆無線LANって、暗号化が何もなされてないとってもオープンなものなんですよね。どういうことかって言うと、同じ無線LANに接続してる人の中に悪意のある人がいて、データを盗もうと思ったら全部盗み見れちゃうってことなんですよね。 最近は公衆無線LANって町中にあってすごく便利ですよね！でも危険なんです！危険なのはわかってるんですけど、便利なんでつい使っちゃうんですよね。 そういう場合に公衆無線L
プログラマとして生き残るためのサバイバルガイド - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? プログラマは何でも作ることができる最強の生物ですが、ひ弱です。 プログラマは電源があるところでしか生きていけません。 数年毎に大災害が発生する日本の現実を考えると、電源確保を発電所に任せていてはいつ仕事を失っても文句は言えません。 プログラマとして生き残るためには、自らの力で電源を確保する能力が必要です。 ということで今日は発電の話をします。 数ある発電方法の中でもソーラー発電は最も手軽で安価にはじめられます。個人で行う発電としては一番現実的だと思います。 ソーラー発電装置は4万円程度あれば一式揃えることができます。パソコンを充電する程
redux と react-router での非同期API呼び出しを含む universal app の作り方 - Qiita
redux, react-router を使った、サーバ側で非同期APIを叩き、内容を取得し終わるのを待ってからレンダリングを行うようなような universal app を作る方法(のひとつ)です。 内容は概ねServer-Side Rendering with Redux and React-Routerと同じです。 redux: v3.0.5 react-router: v2.0.0-rc5 redux-thunk: 1.0.3 で動作確認しています。 もっと良い方法がある気がしているのであれば教えて下さい。 2018/07/24 追記 nextjs の getInitialProps がこの記事における fetchData に近いことをするので、nextjs を使うのが簡単そうです。 方針 react-router の match で、要求されたURLに合致する React コンポ
より優れたデザイナーになるための12の方法 - 99designs
99designsのこれまでの成長ぶりから判断して、今年は重要な年になりそうです。本サイトはかつてないほどの速さで進化を遂げているので、ぜひデザイナーの皆さんも一緒に成長してほしいと願っています。 優れたデザイナーになる12の方法を紹介しますので、毎月1つ試してみてください。新しいスキルを学び、新たなヒントを生かしていくことで、さらに優れたデザイナーになりましょう。 1. グリッドの使い方を習得する — ウェブサイトであろうと印刷物であろうと、デザインする上でバランスのとれたレイアウトを決定することは、最も難しく、非常に悩ましい作業の一つです。しかし、この問題はグリッドがあっという間に解決してくれます。グリッドを使えば、いつもの試行錯誤を繰り返すことなく、レイアウト作業を系統立てて行うことができるのです。 この方法なら、グリッドに沿ってレイアウトを決めていけばいいので、コンセプトやタイポグ
Ajaxで非同期通信してみるよー | altplus
はちです。最近社内システム構築でJQuery使いすぎだろって石を投げられました。 だって操作性を高めるには仕方ないし…諦めずに使えるところでガンガン使っていきたいと考えています。 JQueryで最近悩んだことがあります。 連動プルダウンを作るときの仕様はどうするか 戦略A：必要なデータを全部ページロード時に読み込んでおく戦略 AというプルダウンにA配列のデータを、Bというプルダウンには最初は何も入れないがB配列には必要そうなデータを詰め込んでおく。 Aで選ばれたキーを元に、Bの配列を検索させてヒットしたものを描画する。 データを最初に読み込むので、読み込み処理には少し時間がかかるし、必要ないときも読み込む必要がある。 読み込みを最初に全部するので、ソースコードには読み込んだ配列データが全部記載されて汚い。メソッドもいっぱい定義する必要がある。 そして何より、連動プルダウンの処理は、実装がそ
Evernoteがプラン改定、有料プラン値上げ、無料ベーシックは端末2台までに
米Evernoteは6月28日(現地時間)、サービスプランの改定を発表した。有料プランの「Evernote プラス」と「Evernote プレミアム」を値上げし、無料で使える「Evernote ベーシック」に端末数2台までという新たな制限を設けた。 ノートアプリを提供するEvernoteは、フリーミアムモデルを採用しながらも、信頼と利用体験を重んじてサービスに広告を表示せず、またユーザーデータをサードパーティに販売していない。今回の変更について同社は、そうしたサービスモデルを維持しながら、コアサービスを継続的に改良し、新機能を実装し続けていくための価格調整と説明している。有料プランの新価格は以下の通りだ。 Evernote プラス(月間アップロード容量：1GB)：月額360円または年額3,100円 Evernote プレミアム(月間アップロード容量：10GB)：月額600円または年額5,2
Evernoteの価格改定とその影響
先日8周年の記念イベントで価格改定を予告していたEvernoteですが、発表された新プランは予想以上に大きな衝撃を与えることになりました。 変更点 現在のプランは以下の3つ。 Evernote ベーシック 無料 同期できる端末が2台までに制限されることとなりました。パソコンとスマホで使ったらそれで上限となります。 ただしWebサイトからの利用は台数制限の範囲外です。 Evernote プラス 月額 240円または年額 2,000円 ↓ 月額 360円または年額 3,100円 機能に変更はありません。 Evernote プレミアム 月額 480円または年額 4,000円 ↓ 月額 600円または年額 5,200円 機能に変更はありません。 既存ユーザーに対してこの料金改定が有効になるのは 2016 年 8 月 15 日以降からとなり、対象となるユーザーには2週間以内にメールが送られます。 新
cheero史上最安モバイルバッテリー！5200mAhで最初の1台に最適だぞ！ - むねさだブログ
ガジェット類を大量に持ち歩くことの多い、むねさだ(@mu_ne3)です。 出先でスマホやデジカメを充電する際に使うのが「モバイルバッテリー」。 そんなモバイルバッテリーで有名なcheeroさんから、cheero史上最安のモバイルバッテリーが先日発売されました。 cheero史上最安バッテリー「cheero Power Plus 3 mini 5200mAh」が発売だぞ！ | むねさだブログ そのホワイトモデルも2週間遅れてついに発売されることになりましたのでご紹介したいと思います。 cheero Power Plus 3 mini 5200mAh ということで今回ご紹介するのは、「cheero Power Plus 3 mini 5200mAh」のホワイトモデル。 ブログレビュー用にcheeroさんより1台ご提供頂きました。 中身はシンプルにモバイルバッテリー本体、充電用のmicroUSB
操作する手に応じて右手用UIと左手用UIを切り替え--AppleのスマホUI特許が公開
世の中には右利きの人が多いため、さまざまな機械が右手で操作する想定で作られる。例えば、鉄道の駅にある自動改札機は、右手で切符を投入したりICカードをタッチしたりする構造だ。スマートフォンも設計者に右利きが多いせいか、右利き向けのUIになっていることがある。 スマートフォンはほとんどの操作をタッチパネルで処理するので、UI設計の自由度が高く、左利きに適したデザインが可能なはずだ。そこで、Appleが左右どちらの手で操作しているかに応じてスマートフォンのUIを変更する技術を考案。この技術を米国特許商標庁（USPTO）へ出願したところ、米国時間6月23日に「ELECTRONIC DEVICES WITH HAND DETECTION CIRCUITRY」（公開特許番号「US 2016/0179338 A1」）として公開された。出願日は2014年12月18日。 同特許は、電子機器において左右どちら
「エンジニアは初見の敵にやられてはいけない」DBエンジニアのミックさんが語るデータベースとSQLの学び方
IT業界において数十年もの間、大きな仕様変更がなく主流の技術であり続けているのがリレーショナルデータベースとSQLです。『SQL 第2版 ゼロからはじめるデータベース操作』の著者でデータベースエンジニアのミックさんは、SQLを学べば長く役立つものの、データベースの魅力はそれ自体の面白さだとおっしゃいます。今回、ミックさんにデータベースの役割や魅力、そしてSQLの学び方についてうかがいました。 いろいろなシステムを見ることができるのが面白い ――ミックさんは『SQL 第2版 ゼロからはじめるデータベース操作』のほかにも、翔泳社から多数出版されています。データベースとSQLの書籍が主ですが、普段はどういった仕事をされているのでしょうか。 ミック：私はSIerに勤めていて、システム開発というよりは、システム開発でトラブルが起きたとき支援を行なうチームに所属しています。パフォーマンスを高めることが
PHPのGCは循環参照を回収できる - なんたらノート第三期ベータ
PHPで親子関係のオブジェクトが相互に参照を持つ ($parent->children がありかつ $child->parent がある) ケースの話をしていたとき、循環参照の話題が出たのでふと気になって調査してみました。 結論からいうと、PHPは5.2まで、単純な参照カウンタ方式のGCのみを採用していました。5.3からは、参照カウンタ方式に加えて、循環参照を回収するGCも併用するようになりました。 PHP: 循環の収集 - Manual PHPの変数は、基本的には参照カウンタが0になった時点でメモリを解放します。が、それだけでは、循環参照があると0までカウンタが落ち切らない変数が発生します。かといって、毎回循環参照をチェックするとパフォーマンス低下が発生します。そこで、GC監視下の変数が一定数 (コンパイル時のGC_ROOT_BUFFER_MAX_ENTRIES定数、通常は1万) を超え
グーグル、触れて学ぶプログラミング学習用プラットフォーム「Project Bloks」発表
「Project Bloks」は、プログラミングに取り組む際に必要な基礎的なコンピューティングスキルを子供たちに教えるための、触れて学ぶ新しいGoogleのプラットフォームだ。 ブロック（積み木）を使用して子供たちにコーディングを教えるというシンプルなコンセプトに基づいており、これまでにもプログラミング言語の概念を学ぶMITの「Scratch Blocks」などのプログラムで試行されている手法だ。子供たちがコンピュータの前に座ることが必要なScratchとは異なり、Bloksは実際にブロックを使用する。Googleはこれを「Pucks」や「Board」と呼んでいる。 Google以外にも、AmazonやAppleといった大手テクノロジ企業が、次世代のコンピュータプログラマーを育成する教育用プログラムを開発している。他のプログラムとBloksの大きな違いは、従来のコンピュータインターフェース
「忙しい」と言っている人は仕事ができない。その理由。
「忙しい人」になっても、あまり良いことはない。それどころか、「忙しい人」は迷惑な存在である可能性すらある。 何故そう言えるのだろうか。 昔訪れた、web系の開発を行ってる会社の話だ。 その会社は「プロジェクトマネジャーの表彰制度」を持っていた。半期ごとに最も頑張ったプロジェクトマネジャーを表彰する、といった内容だった。 そして、その賞の多くは「難局を見事乗り切ったプロジェクトマネジャー」や「炎上したプロジェクトを見事に治めたプロジェクトマネジャー」などに与えられた。 私は「なるほど、頑張った人が報われる仕組みなのですね」と何気なくコメントしたのだが、その会社のマネジャーの一人は私を軽蔑したように言った。 「いやいや、あの表彰制度は全く機能してないですよ。」 私は驚いた。 「なぜですか？」 「あたりまえじゃないですか。ホントに腕の良いマネジャーは、そもそも難局など迎えないですし、炎上もさせま
ソフトウェアエンジニアが転職するときに気をつけること
いままで3回転職したけど、うまく行ったこともあるし行かなかったこともある。いままではわりと気軽に転職先を決めてしまっていたのだけど、そろそろ慎重に行かないと後がないなという危機感を覚えたので、とりあえず今までのことを振り返って気をつけるポイントを書いてみようと思う。 自分はこんな感じのエンジニアです。 技術的には広く浅くタイプデザイン・インフラは不得意マネージメントは不得意 いままで所属していたのは上場企業が多かったが、スタートアップも経験済み情報収集編IRを読め、短信だけでいいからこれまで何をしてきたか、これから何をするつもりなのか、会社の強みは何なのか、今後考えられるリスクをどう捉えているのか。上場企業ならばIRという形で外向けに情報を発信しているので、それを読むのはかなり大事。 で、具体的に書いてなくてよくわからないところが絶対あるはずなので、それを面談で聞く。ピンと来なかったらその
GitHub - vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js
Learn Vue 3: Step by Step on Laracasts Vuejs 2 Authentication Tutorial on Auth0 blog Create a GitHub File Explorer Using Vue.js on Scotch.io Vue.js Tutorial on Vegibit Vuex introduction video - James Browne from London Vue.js Meetup #1 Hybrid App Example with Laravel and Vue.js in Portuguese by @vedovelli Vue.js Introduction Turkish Language on oguzhan.in Vue.js VideoTutoral Series in Spanish (3-8
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javascript reload the page with hash value
javascript window.reload then window.location.href
“守り”から“攻め”へ Google アナリティクス 360 スイートがもたらすデジタルマーケの変革 | 【レポート】アナリティクス サミット2016
泡沫マニアから熱い眼差し、支持政党なし : 市況かぶ全力２階建
http://tsuchimi.net/yagilog-delete
node.jsで階層ディレクトリ作成やコピーをしたいときは？ - Qiita
shuffle.jsで複数条件の絞り込み - Qiita
TechCrunch | Startup and Technology News
Microsoft、開発フレームワーク「.NET Core 1.0」「ASP.NET Core 1.0」「EF Core 1.0」を提供開始 
https://evernote.com/blog/jp/changes-to-evernotes-pricing-plans
vue/examples at dev · vuejs/vue