Safariではレンダリングエンジンとして、WebKitが採用されている。iPhoneやAndroid、Palmといったモバイル機器やAdobe AIRでもWebKitをレンダリングエンジンとしており、そのシェアは拡大中だ。高速なレンダリングが可能であり、何よりオープンソースだ。 WebKitを使ったHTML2PDF そんなWebKitを使ってWebページをPDFに変換してくれるのがwkhtmltopdfだ。 今回紹介するオープンソース・ソフトウェアはwkhtmltopdf、Windowsで使えるHTML2PDFだ。 wkhtmltopdfはコマンドラインで使うソフトウェアで、URLやHTMLファイルを渡すと、それをWebKitでレンダリングした結果をPDFファイルとして保存する。日本語も利用可能だ。オプションがとにかく多彩に用意されている。 オプションが多彩 表示に関するオプションの他、
Slack で他のドメインの人を招待して運用するにはどうしたら良さげか考えてみたメモ。 結論から書くと、調査中で、良い方法が見つかってないです。 Slack 自体の使い方とか便利な使い方とかは http://qiita.com/tags/slack とかググるといっぱい出てくるので省略。 まず、外部ドメインの招待を有効にする 自分が管理者で、招待したいチームの設定で Signup Mode を Invitation Only にする。 これで、Team Administration > Administration - Setting > Invitations から別ドメインの人へ招待を出せるようになる。 Invite New Members ボタンで表示される画面のメールアドレス欄に任意のメールアドレスを入力して、 Send Invitations すると、そのメールアドレスに招待が届
プロジェクトマネージャやリーダーがよく使うソフトウェアにVisioがあります。ネットワーク図、システム概要図などをまとめる際にはVisio Professional以上のステンシルが必要で、ちょっとした図を描くために購入するのを控えてしまう人も多いのではないでしょうか。 そんな方にお勧めしたいのがdraw.ioです。Visioライクに使えるWebアプリケーションになります。 draw.ioの使い方 最初に保存先を聞かれます。ローカルの他、DropboxやGoogle Driveへの保存が可能です。 テンプレートが多数用意されています。 組織図。 移動や削除はドラッグ&ドロップで。 様々なステンシルが用意されています。 画像出力の結果。左上のは筆者がドロップしたステンシルです。 他のテンプレートです。ビジネスプロセス。 チャート。 draw.ioはフローチャートなどをはじめとして、Visio
いつの時代もプロジェクトマネージメントシステムが登場します。確実な正解はない訳で、トレンドに合わせて使いやすいものを選定するのがベストかも知れません。 今回はOdooというプロジェクトマネージメントシステムを紹介します。アジャイル、カンバンシステムを取り入れたプロジェクト管理ソフトウェアです。 Odooの使い方 トップページです。まずはプロジェクトを登録します。 タスク一覧。見て分かる通り、ステータスが横軸になっています。 こんな感じでタスクを割り当てます。 タスク詳細。 多彩なモジュールがあるようです。 レポート機能も備わっています。 OdooはオープンソースのERPシステム、OpenERPの一ソフトウェアになるようです。主な機能としてはカンバンビュー、ガントチャート、カレンダーとなっています。ちょっと画面がごつい気がしますが、機能はそれほど多くないのですぐに使いこなせそうです。 Odo
sqlt-diagram はPerl製のオープンソース・ソフトウェアです。データベース構造を示すスキーマからイメージファイルを作成するCUIのソフトウェアになります。面倒な設定は必要ありません。テーブル構造やテーブル同士の相関を気軽に確認できる便利なソフトウェアです。 sqlt-diagram の主な特徴 1) 面倒な設定は不要 コマンドラインでデータベースの種類、出力先、スキーマを記したファイル名を指定するだけです。以下は実行例となります。データベースは SQLite で、PNG形式の画像を出力します。 sqlt-diagram -d=SQLite -o=sample.png sample.sql 2) 画像は PNG/JPEGが選択可能 既定値はPNG形式となります。 3) フォント・サイズを4種類 small、medium、large、huge の4種類を指定できます。既定値は me
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 他の人はどう思っているのか、ふと聞いてみたくなることってありますよね。そんなときに使えるのがWebアンケートサービスです。リッチで使いやすいサービスもありますが、今回はシンプルにすぐに使えるPollを紹介します。 アンケートサービスの多くは回答を公開しない、作成者だけで確認できるというものですが、Pollは回答が自動で公開されます。結果をみんなでシェアできる、そんなアンケートができるでしょう。 Pollの使い方 Pollはとてもシンプルなので、テキストで回答したり、複数の選択肢があるものは作成できません。その代わりに選択式であれば素早く回答できるので、スマートフォンやタブレット向けにさくっと作成するのには向いていそうです。 PollはRuby/Ruby on Rails製、MIT
Q&Aコミュニティは今なお人気があります。利用者の困った、に対して回答するのは具体的な問題解決につながりますので、質問者、回答者双方にとって大きなメリットがあります。これは開発者に限らず便利です。 そんなQ&Aコミュニティを自分でも作りたいと思ったらQARoRをベースにしてみてはいかがでしょう。Herokuにも立てられるQ&Aサービスです。 QARoRの使い方 QARoRはStackoverflow.com風のQ&Aサービスになっています。表示回数、投票数、回答数によって並びが変わってくる形です。対開発者だけでなく、自社サービスコミュニティを作る際などの基盤に使うと良さそうです。 QARoRはRuby/Ruby on Rails製のオープンソース・ソフトウェア(MIT License)です。 Questions & Answers platform on Rails mateuszdw/q
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました SVGやCanvasの登場によって、Webの表現力は大幅に向上しています。たとえばグラフです。円グラフや棒グラフ、折れ線グラフなど多数のグラフを描くライブラリが存在します。 システムから動的に出力される場合はそうしたライブラリを使うのが良いですが、記事の中で一度切りで使いたいグラフの場合はChartbuilderを使うのが便利そうです。 Chartbuilderの使い方 Chartbuilderはグラフの表示を逐次確認しながら描画設定ができます。設定を変更するとアニメーションしながら切り替わっていくのが格好良いです。さらに画像出力まで含めてすべてJavaScriptだけで作られているのも利点で、サーバサイドを使っていません。 ChartbuilderはExcelやGoogleスプレ
画像をWebサイトに表示する際には、四角くか画像自体を起動する形に切り抜かないといけないとお思いでしょうか。実際にはCSS3を駆使することで元の画像は変えずに表示する形状を変えることができます。 とはいえそのような表示指定を手作業で行うのはとても面倒です。そこで使ってみたいのがClippyです。 Clippyの使い方 画像はあらかじめ用意されているものから選んでもいいですし、自分で画像を指定することもできます。結果はCSS3の設定で表示されますのでコピーして自分のプロジェクトで使えるでしょう。 ClippyはHTML5/JavaScript/CSS3製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 bennettfeely/Clippy
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webシステムを開発しているときには大抵データベースを使います。そしてデータベースを使った開発時にはそれ用の管理インタフェースが欲しくなるでしょう。たとえばPHPであればphpMyAdminが昔から有名です。 対してPostgreSQLについてはphpPgAdminなどもありますが、もっとモダンなUIが欲しいと思う人も多いでしょう。そんな方に使ってみて欲しいのがpgwebです。 pgwebの使い方 pgwebの良いところとしてはApache + PHPなどのサーバを仕込むことなく、単体でWebサーバ機能を持っていることです。 $ pgweb --host localhost --user myuser --db mydb こんな感じで起動します。ちなみにテーブルが一つもないと起動に
Bootstrapは人気のあるWeb UIフレームワークですが、いかんせん制約が強いためにデザイナーの方に利用を嫌がられることがあります。レールに乗っている限りは便利ですが、そのレールから外れることをしようと思うと途端に難しくなります。 そこでもっとカスタマイズ前提のUIフレームワークを使ってみるのはいかがでしょう。今回はTACHYONSを紹介します。 TACHYONSの使い方 TACHYONSはレスポンシブ、フラットなUIを作るのに適したフレームワークになっています。コンセプトはフルレスポンシブ、かつパフォーマンス重視となっています。 デスクトップサイズでの表示。 タブレットサイズ。 スマートフォンサイズ。 カラー設定。このカラーパターンは良いですね。 文字色に使うのも良さそうです。 ボーダー設定。 上下左右の表示設定。 カラーリングのボーダー。 透明度設定。 角丸のボーダー。 タイポグ
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
2024 Trend Updates: What Really Works In SEO & Content Marketing The future of SEO is trending toward a more human-first and user-centric approach, powered by AI intelligence and collaboration. Are you ready? Watch as we explore which SEO trends to prioritize to achieve sustainable growth and deliver reliable results. We’ll dive into best practices to adapt your strategy around industry-wide disru
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
こんにちは。システムインテグレーション部の松田です。 皆さま、仕事にプライベートにと多忙に多忙を極めていらっしゃるかと思いますが、 ご自身のスケジュールをどのように管理されていますでしょうか? カレンダーやタスク管理などスケジュール関連のアプリをスマホに入れて 管理されている方も多いと思いますが、今回は『Trello』をご紹介させて頂きます。 Trelloって? Trello(https://trello.com/)とは、Fog Creek Software 社提供のタスク管理ツールです。 PCではWebサービスとしてブラウザから利用しますが、 iPhone や Android アプリも提供されていて何処に居ても利用することができます。 ちなみにFog Creek Software 社の設立者は、 ソフトウェア開発チームの質を採点する“ジョエルテスト”で知られているJoel Spolsky
CoreOS is Linux for Massive Server Deployments · CoreOS CoreOS + Docker Meetup Tokyo #1に参加してCoreOSにめっちゃ感動したので,CoreOSに入門していろいろ触ってみた. まず,CoreOSの概要とそれを支える技術について説明する.次に実際にDigitalOcenan上にVagrantを使って実際にCoreOSクラスタを立てて,CoreOSで遊ぶ方法について書く. CoreOSとは何か CoreOSは,GoogleやFacebook,Twitterといった企業が実現している柔軟かつスケーラブル,耐障害性の高いインフラの構築を目的としたLinuxディストリビューションである.軽量かつ使い捨てを前提にしており,クラウドなアーキテクチャのベストプラクティスを取り入れている.CoreOSの特徴は大きく4つ挙
An overview of Spider, how to download and use, and language features. Spider is a programming language that compiles to JavaScript (ES5 and ES6 targets). It takes the best ideas of Go, Swift, Python, C# and CoffeeScript. It's just JavaScript, but better. fn TimeMachine(pilot) { this.pilot = pilot; this.go = fn (noise) { ::console.log(noise); }; } fn Tardis() extends TimeMachine("The Doctor") { th
最近はWebアプリケーション化の流れが活発なので、ちょっとした小さいツールであればHTML/JavaScriptで作ってしまえるでしょう。そういったツールを作るのは簡単ですが、配布が意外と面倒です。 HTML/JavaScript/スタイルシート/画像などをZipで固めて配布…というのはあまりかっこうよくありません。そこで使ってみたいのがhtml-inlineです。 html-inlineの使い方 html-inlineのインストールはnpmで簡単にできます。 npm install -g html-inline 例えば次のようなファイルがあるとします。 $ cat index.html <html> <head> <link rel="stylesheet" href="/yo.css"> </link></head> <body> <img src="icon.png"/> <scri
JavaScriptの「プロトタイプ入門」 JavaScriptはオブジェクト指向です。 クラスという概念はないため、 擬似的なクラスの表現を使ったパターンがあります。 ただ今回はそちらではなくプロトタイプベースの説明をします。 その前にコンストラクタについて知らない人はこちらへ。 JavaScriptのクラス?コンストラクタ? プロトタイプって? そもそもプロトタイプってなに? 実は、、プロトタイプとは「オブジェクト」のことなんです。 そして感覚としては親だと思って大丈夫です。 親の能力は子にも受け継がれている。。的なニュアンスですね。 (まぁ意味合いはちがいますがw) prototypeプロパティ ここで新規に関数を生成してみましょう。 そうするとprototypeプロパティが自動で作成されます。 このように関数を生成した時点で、 proto.prototypeプロパティが自動で生成さ
Locust - 負荷試験 REF [1] - Locust document はじめで日本語で書きます。よろしくお願いします! 負荷試験の難しさ 一つのThreadで、Requestを送信するのは遅い。 複数のThreadでRequestを送信しても、一つのサーバー(パソコン)の性能は限界がある。 負荷の指定するのは難しい。 ResponseTimeの統計はめんどい。(二番目を解決するため、複数サーバーが負荷をかけるともっとめんどくなる) Responseの内容をチェックしたいんですが、チェックするとRequestを送信するのが遅くなる。バランスが取りにくい。 自分でそんな負荷試験プログラム書きたくない。 Locustは以上の全ての問題を解決できます。(謎の声:理想の負荷試験、Locust) Locustの基本機能 Locustでは、何個ユーザー(client)、どうの頻度でどうのreq
WebUI Popover Demo Bootstrapのポップアップを強化する「WebUI Popover」。 Bootstrap標準にpopoverというプラグインがありますが、これをよりカスタマイザブルにします。 表示のトリガやとじるボタンの付与など、より便利になるので、少し標準の機能が足りないと感じた場合に参考にしてみても良いかも 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える「Jasny Bootstrap」 Bootstrapなサイトで使える星形レーティングプラグイン フリーのBootstrapテーマが満載「Bootstrap Zero」
倒した自転車が高級外車を傷つけてしまったら――。東京都内で派遣社員として働いているMさんは休日の昼間、買い物でスーパーに行った帰りに思わぬ「事故」を目撃した。 Mさんが利用するスーパーは、都心にあるため敷地が狭く、駐輪場も駐車場も設置されていない。ところがスーパーに自転車や自動車で乗りつける客は少なくなく、スーパーの前の道路に駐輪・駐車する人が後を絶たないそうだ。その日も、スーパーの入り口前の歩道に、通行の邪魔になるほど自転車が止めてあり、歩道に面した車道にも、車が1台駐車していた。 そこにベビーカーを押した女性が通りかかり、自転車に接触。自転車が倒れ、駐車していた外車「アウディ」の側面にぶつかって、大きな傷をつけた。女性は、車から降りてきた中年男性に「どうしてくれるんだ!弁償しろ!」と詰め寄られ、困惑しているようすだったという。 ベビーカーを押していた女性からすれば、駐輪が認められていな
Talk given at #Devoxx Belgium 2014 about using the Groovy language to develop Android applications.
私が書いた前回の「記者の眼」で、人月商売と多重下請け構造に代表される日本のIT業界の現状と今後について、読者に意見を求めた(関連記事:読者に問う! IT業界の二大悪「人月商売」「多重下請け」の今後)。私自身はIT業界の悪弊とも言える人月商売と多重下請け構造は解体に向かうと考えるが、はたして皆さんはどう思っているのだろうか。 この人月商売と多重下請け構造の問題は、IT関連の仕事に携わる多くの人にとって重大な関心事。そのため、SIerや下請けの受託ソフトウエア開発会社の技術者、経営層、営業担当者、さらにユーザー企業のIT部門の技術者など83人に上る読者から真摯な意見が寄せられた。今回は、そうした意見を紹介しつつ、はたしてIT業界が変わり得るのか否について深掘りしたいと思う。 そもそも読者に意見を求めようと考えた発端は、やはり以前この「記者の眼」で書いた記事だ(関連記事:IT業界の人月商売、多重
コンテンツ利用の方法やスタイルは、かつてない速さで変化しつつある。 まず、印刷からデジタルへのシフトが、構造という点から見て大きな変化をもたらした。その変動は、その後も収まる気配はない。 さらにモバイルの成長があり、そして今ではタブレットの利用も増えたというように、僕たちを取り巻く環境はまたしても変化しつつある。 こうした変化は、消費者とコミュニケーションしようと考える企業にとっては、これまで経験したことのない複雑さが加わる状態を生んでいる。 マーケターたちはかなり前から「モバイルファースト」という未来図を話題にしており、僕自身はそれを誤った見方だと思っているが、統計に表れる数値に対しては反論の余地がほとんどない。 2014年に入ってFacebookが明らかにしたとんでもない広告売上の数値には、どんなに熱烈な愛用者でさえも驚かされた。1~3月の四半期の売り上げ25億ドルのうち、初めて、モバ
Password confirmation Required Password does not match. OK
成都極創制冷工程有限公司成立于2009年�����,專業承接成都冷凍庫��、成都保鮮庫�、成都醫藥冷庫���、氣調庫�、制冷設備及保溫工程�,通過十多年的積極開拓����,公司業務蒸蒸日上�����,已發展成為西南地區有一定規模�、聲譽和影響的專業制冷公司��。公司在發展過程中�����,堅持“用戶至上�����、信譽和服務第一”的經營宗旨����,無論是在售前�����、售后服務�,還是在技術支持��、咨詢方面�����,都盡最大努力讓用戶感到滿意�����。我公司突出特點包括: 經驗豐富�,技術實力雄厚�,具有高低溫試驗箱及多座兩千立方米以上大型冷庫的施工經驗�����。其中客戶既包括雙流機場�����、德克士����、希望食品��、成飛集團等大型集團企業�;也包括四川民族學院�����、四川大學�����、四川農業大學��、成都骨干學院����、青海省醫院���、成都疾控中心等政府事
AWSと言えばクラスメソッドさん、こちらの手順でほぼほぼ出来た。さすが! Docker Meetup Tokyo #2でLTしてきた:「Docker+serverspecで作るconfigspec CI」 #dockerjp | Developers.IO これでローカルでAmazon Linux固有環境のテストもできる〜(∩´∀`)∩ワーイ あ、ただDockerfileに以下も追加しないとSSHがつながらなかったのでご注意を。 $ diff Dockerfile.org Dockerfile 12a13,14 > RUN chmod 600 /home/ec2-user/.ssh/authorized_keys > RUN chown ec2-user:ec2-user /home/ec2-user/.ssh/authorized_keys イメージの接続確認 ビルドしたイメージは、以下
コードリーディング AngularJS初心者です。 コードリーディングという形で、AngularJSで実装されたWebサービスのソースコードを題材に使って、その動きや機能がどのように実装されているのかを、ソースコードのレベルで解析していこうと思います。 ※時間のある時に、随時追記していきます。 題材「FMTube 」について コードリーディングの題材とするのはこちら。 ゆーすけべーさんが、AngularJSの勉強中に作成したサービスだそうです。 FMTube! アーティストの名前を入れると、楽曲リストを順番に再生してくれます。 素晴らしいです。勉強させて頂きます。 ソースコード ソースコードですが、Webサービスとして公開しているので、当然、Webブラウザから確認することができます。 メインロジックは、こちらに記述されています。 http://yusukebe.github.io/FMTu
Raspberry Pi Model B+が出た直後くらいには数カ月内にリリースするかもと言われていたRaspberry Pi Model A+が先週くらいにリリースされました。 で、早速ポチったわけです。今回もスッタモンダして結局PimoroniからPiBowケース付きを買いました。新モデルが出たらPimoroniが販売開始するまで待つのが確実です(自分に強く言い聞かせる)。 Raspberry Pi Model A+ with Coupé Royale Pibow - Pimoroni すったもんだしたついでにしゃちょうに頼まれてTimberケースを買ったり(いい匂いしてた)、Unicorn HATをうっかりしてしまったりして、1万円弱のお買い物に。英ポンドしゅごい(1英ポンド=180円くらい)。 A+本体。B+からUSB+LANチップ以下をごっそり落としてCPUからのUSB1ポートを
「Sweet Alert iOS」はSwiftで作られたiOS用の美しいアラートライブラリ。最近話題となったJavaScript製の「Sweet Alert」からインスパイアされて作られたもので、SwiftまたはObjective-Cから利用することができます。 オリジナル同様アニメーション付きのモダンなアラートを表示することができるので、アプリに組み込んで便利に使うことができそうです。 使用方法 サンプルプログラムを起動するとボタンがずらっと表示されます。一番上から下にいくに従ってだんだんと複雑なアラートが表示されます。一番シンプルなタイトル行だけのアラートは次のように呼び出すことができます。 SweetAlert().showAlert("Here's a message!") もう少し複雑に。 タイトルとサブタイトルを表示したり、 SweetAlert().showAlert("He
概要 こちらの続き。これで pandas でのデータ選択についてはひとまず終わり。 Python pandas データ選択処理をちょっと詳しく <前編> - StatsFragments Python pandas データ選択処理をちょっと詳しく <中編> - StatsFragments サンプルデータの準備 データは 前編と同じものを使う。ただし変数名は変えた。 import pandas as pd s1 = pd.Series([1, 2, 3], index = ['I1', 'I2', 'I3']) df1 = pd.DataFrame({'C1': [11, 21, 31], 'C2': [12, 22, 32], 'C3': [13, 23, 33]}, index = ['I1', 'I2', 'I3']) s1 # I1 1 # I2 2 # I3 3 # dtype:
Red Hatは、Docker専用の軽量OS「Red Hat Enterprise Linux 7 Atomic Host」のベータ版をリリースしたと発表しました。 Red Hat Enterprise Linux 7 Atomic Hostは、Red Hat Enterprise Linux 7からの派生OSで、Red Hat Enterprise Linux 7との同レベルの信頼性、セキュリティ、使い勝手、そしてハードウェア互換性などを備えているとされています。その上でDocker上でアプリケーションを実行することに最適化して軽量化されています。 OSに対するパッチの適用なども手順が単純化され、簡単にアップデート、ロールバックが可能。Dockerコンテナ内でのみアプリケーションが実行可能で、コンテナ間はSELinuxの機能で分離されているため、よりセキュアな運用が可能。 さらにDock
勉強がてら。「TypeScript使えばいいじゃん」「ES6」とか言わないで。 hogeクラスをつくるとき 1. 一般的なつくりかた // constructor var hoge = function(arg) { this.x = 5; this.y = 10; this.z = arg; }; // メソッド hoge.prototype = { f1: function() { return true; }, f2: function() { return false; } }; var instance = new hoge(1); // hoge {x: 5, y: 10, z: 1, f1: function, f2: function} var hoge = (function() { var FOOFOO = 777; // クラス内定数 // constructor v
に注目します。これが、これから降りていこうとするトップ階層のディレクトリ達です。 さらに700行目付近に以下のように書いてあります。 core-y += kernel/ mm/ fs/ ipc/ security/ crypto/ block/ vmlinux-dirs := $(patsubst %/,%,$(filter %/, $(init-y) $(init-m) \ $(core-y) $(core-m) $(drivers-y) $(drivers-m) \ $(net-y) $(net-m) $(libs-y) $(libs-m))) vmlinux-alldirs := $(sort $(vmlinux-dirs) $(patsubst %/,%,$(filter %/, \ $(init-n) $(init-) \ $(core-n) $(cor
HTTPのセッションをRedisのようなバックエンドに持たせて毎回参照するような構成と、それに加えてローカルオンメモリキャッシュとSticky sessionでさらにnear cache挟んで高速化するの、どっちがベターか論争みたいなのって過去にあるのかな — Takayoshi Kimura (@nekop) November 17, 2014 Javaだとローカルオンメモリキャッシュ簡単だけど、マルチプロセスモデルなスクリプト言語とかだとローカルキャッシュ共有面倒だからバックエンド一択というのが多数派になる — Takayoshi Kimura (@nekop) November 17, 2014 このへん見てて考えたことのメモ。 実際、Java のシングルサーバーからスケールアウトさせる場合は「sticky session によるオンメモリキャッシュ → redis かなにかのバック
こんにちは。今回は谷口が担当します。 paizaはこの度、ITエンジニア向けの無料オンラインプログラミング実行環境サービス『paiza.IO (パイザ・アイオー)』 のβ版を、本日2014年11月17日からサービス開始いたしました。 『paiza.IO』は、ブラウザ上でコードが書け、書いたコードをその場で実行出来るオンラインプログラム実行環境です。 ブラウザだけでプログラミングがすぐ始められる【paiza.io】 from paiza on Vimeo. ■オンライン実行環境について ◆どうしてpaiza.ioを作ったの? これまでプログラミングを始める際、最大のハードルは「プログラムの実行環境を構築する事」でした。 これまでは、環境構築といえば初心者にとってハードルが高く、ものによっては細かい部分でつまづいたりなどして1~2日程度はかかる工程の面倒な作業でした。そのボトルネックを解消し、
今日、Twitterで@netwillnetさんと@chiastoliteさんのツイートをみてやってみた @netwillnet time_ago_in_wordsすかね— Hiroyuki Morita (@chiastolite) 2014, 11月 17 Railsではtime_ago_in_wordsヘルパーが用意されています でも、この子はリアルタイムで更新されない(当たり前 クライアントサイドで、リアルタイムに経過時間をとってきたいですよね? jQueryプラグインにtimeagoってのがあります これを使ってみましょう jsファイルを... ダウンロードせずにgemを探します rails-timeago - GitHubを使ってみましょう 使い方はとっても簡単♪ # Gemfile gem 'rails-timeago', '~> 2.0' # app/assets/java
WordPressには、いくつかのプログラム言語が利用されています。 主に使うものといえば、以下のような言語です。 WordPress関数(PHP) PHP HTML CSS JavaScript(jQuery) ただ、これだけの言語があると、初めてWordpressに触れる人には、覚えるのが大変なのではないかと思います。 というか、ある程度プログラム経験がある僕でも、揮発性の高い脳を利用しているため、全く覚えられません。 ということで今回は、Wordpressで「これどうすればいいんだったっけ?」「あれなんて関数だったっけ?」なんて時に見ると便利なカンニングペーパー(チートシート)の紹介です。 WordPressチートシート WordPressで重要な部分の覚え書きというか、これだけ覚えておけばある程度Wordpressを使えるようになるチートシートです。 日本語版 WordPress
15 essential Sass mixins 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Sassやってみたい、と考えてる人には下記の本をオススメします。 Sassの初心者からもっと使いこなしたい人まで、Sassを確実にマスターできるオススメの本 -Sassの教科書 box-sizing(ボックスサイズ) opacity(不透明度) column-width(カラム幅) circle(円形) font-size(フォントサイズ) box-shadow(ボックスシャドウ) xPos(要素の座標) vertical-align(天地の中央に配置) flexbox(フレックスボックス) flex(モダンブラウザの旧仕様にも対応したflexの指定) flex-order(表示の順番) flex-direction(表示の方向) gra
This document discusses JavaScript generators and how they can be used to simplify asynchronous code. It begins with a simple generator example and then explores more complex use cases like yielding promises, error handling, and parallel processing. Generators allow long-running operations to be written in a synchronous-looking way and are useful for tasks like I/O. When combined with co-routines,
これからご紹介する私の試みはなかなか難しい側面があり、物議をかもすかもしれません。また、お見せするのは初めてなので完璧とは言えないかもしれません。私はソフトウェアエンジニアのスキルとその影響力を評価するシステムを開発しようとしています。少なくとも、プログラマが成長していく理想的な成長過程を大まかに描いてみようと思います。評価スコアは0.0から3.0まであり、それぞれの数字は専門能力を開発していく際の出発点を表しています。 このシステムは主にビジネスの観点から見た、ソフトウェア業界が求めるものに基づく 実務的な スケールです。数学的な才能や高速アルゴリズムを書く能力、Linuxカーネルの内部構造に関するプログラマの理解の深さなどを評価するスケールではありません。もちろんこうした能力は重要ですし、通常、エンジニアのスキルとともに伸びていく能力ですが、私のシステムが焦点を当てたいのはそこではあり
AngularJSとRailsのインテグレーションと言うと、やれ「RailsはAPIに専念してビューは全部AngularJSだ!」という極端な話になりがちな気がするのですが、それだとRailsの良いところが活かせませんよね。AngularJSの持ち味はDOM操作三昧で複雑になりがちな画面を良い感じにコーディングできるところにあると思うので、そういう画面でだけAngularJSを使ってはどうか?というのが今回のアイデアです。 丁度良い感じに使う そういう訳で今回作ったサンプルのアプリとソースコードがこちらになります。 https://todo-rails-sample.herokuapp.com/ https://github.com/mahm/todo-rails/ ユーザー認証はふっつーにdeviseを使って、Todoを編集する画面だけAngularJSを利用している、という感じのサンプ
James Maas氏は「パワーナップの父」と呼ばれる人物です。かつてコーネル大学の心理学教授であったこの人は、職場での仮眠指導者に転じ、この言葉を生み出しました。「数年前、IBMでコンサル業務をしていた時に思いつきました。商標として登録しておけばよかったです」と、Maas氏は述べています。Maas氏によれば、最適なパワーナップは15分から20分ほどの短いもので、「元気になれるだけの時間は必要ですが、ふらふらしたり後で眠れなくなるようではいけません」。椅子に座った状態で仮眠を取ることもできますが、できれば横になってドアを閉め、明かりを消すのが理想的です。長く眠るほど元気は回復しますが、その分頭が冴え始めるには時間がかかります。 実は、眠ってから20分以上経過する場合は、深い眠りから無理に起きるよりも、しっかり90分眠り、REM睡眠のサイクルが終わってから起きる方が良い、とMaas氏。専門家
2014年 11月 14日 WordPressプラグイン「wp-nologin-redirect」を作りました カテゴリ: プラグイン タグ:WordPress こんにちは、YAT(@yat8823jp)です。WordPressのプラグイン「wp-nologin-redirect」を、ちあきちゃん(@mellowchanter)と作ったのでご紹介。 1.wp-nologin-redirectとは 2.配布に関して 3.ライセンスについて 4.そのライセンスを選んだ理由 5.WordPressコミュニティ 6.参考文献等 1.wp-nologin-redirectとは WordPressで作成したサイトがまだ公開前の時、「他の人にはまだ見せたくないけど、お客さんや関係者には見てもらう必要がある」という時に使えるのがこのプラグインです。 機能は凄くシンプルで、サイトにログインすればコンテンツを
東京都生まれ。聖心女子大学文学部哲学科を卒業後、栄養士免許取得。現在、栄養士、食事カウンセラー、フードアナリストとして活躍中。都内心療内科クリニック併設の研究所での食事カウンセリングやセミナーなどで、これまでに携わった8000通り以上の食事記録をもとに食事指導を行っている。また、“食卓に笑顔を”の願いのもと、『Smile table』を主宰し、ビジネスマン向けに企業内研修、カウンセリングをするほか、ワークショップなども実施している。 著書には『10年後も見た目が変わらない食べ方のルール』(PHP新書)、『成功する人は生姜焼き定食が好きだ』(晋遊舎新書)、『甘い物は脳に悪い すぐに成果が出る食の新常識 』(幻冬舎新書)などがある。 公式サイト スリップストリーム(お問い合わせ) 男の食育 笠井奈津子 目、肩や腰の痛み、毛、お腹周り、ニオイ……。男も年を重ねれば重ねるほど、若い頃は気が付かなか
ほとんどの人は、できれば人に好かれたいと思っているものです。会社の同僚や同じチームのメンバーとは、ある程度距離を置いて働くようにしていても、好かれたり憧れられたりしていれば、それだけ一生懸命働いてくれます。本当に慕われている人が最高のリーダーです。この記事では、人に好かれる人たちが常にやっている10のことをご紹介しましょう。リーダーとしての権威が危うくなるようなものは何ひとつありません。これをしたらどうなるか、安心して試してみてください。 1. 人の話をさえぎらずに聞く いい聞き手になりましょう。「だけど」と言って話に割り込んだり、話を急かしたり、相手が話し終わらないうちに質問したりしない、という意味です。相手の話に対する反論を考えながらではなく、話を完全に理解するために聞きましょう。 2. ニヤニヤするのではなく、ほほ笑む にこやかにほほ笑むと、周りの人は気分が良くなります。簡単そうに思
ビットコインでアマゾンの商品が20%引きで購入できるサイトができた。 ビットコインのミートアップにいったとき、ビットコイン・ジーザスのロジャー・ヴァーが、開口一番、 「アマゾンで20%オフで物がかえるぜ! 信じられるか! まだやってないのか、いますぐ試してみろよ!」 と熱く語っていた。ブログに書くと約束したので、紹介しよう。 Purse.ioは、ビットコインをつかってアマゾンの商品を割引で購入できるというサイトである。 仕組みは、シンプルで、買いたいものをアマゾンの「ほしいものリスト」に登録しておく。ほしいものリストというのは、これをみた他人が、これを本人のために買ってあげてプレゼントできるという機能である。 自分のリストをPurse.ioに登録しておくと、世界の誰かが、リストの商品を買って、プレゼントしてくれる。 このままでは、プレゼント主にとって何の得にもならないが、その人にビットコイ
[対象: 全員] お知らせしていたように、11月13日〜14日に伊ミラノで開催されたSMX Milanに参加してきました。 スイスのGoogleからJohn Mueller(ジョン・ミューラー)氏がスピーカーとして招かれました(チューリッヒからミラノまでは電車で3時間くらいなんだそうです)。 ミューラー氏に、たくさんの質問を直接聞いてきて回答を得てきました。 今日と明日の2回に分けてブログ読者のあなたとシェアします(2回に分けるくらいたくさん質問してきた)。 役立つ情報がふんだんに含まれてることを約束します。 では行ってみましょう! スクレイピング対策 Q: コンテンツを無断コピーされて困っている。DMCA侵害の申し立てを申請すればいいのはわかっているが、必ずしも受理されるとは限らない。また、完全コピーではなく、若干修正されることもある。 通常はオジリナルである自分のコンテンツがきちんと検
行ってきたのはこれ↓ 【いい時間】「ドラえもん のび太と空中散歩 × トレンドコースター」 デジタルとリアルの中間にある未知なる体験作りの裏側とは 着いたらすぐドリンクを貰えるので、僕はほろよいをチョイス。 結構広くて本当にいいオフィスでしたね。 あとLIGの社長って2人いるんですね。 岩上さんの方がメディア露出が多いので知らなかったのですが、 今回司会を担当していた吉原ゴウさんも社長のようです。 今回の概要 「Yahoo! JAPAN」の画期的なWEBプロモーションの代表作「ドラえもん のび太と空中散歩」「トレンドコースター」に焦点をあてて、 ヤフー側の担当者、開発者側の視点でそれぞれ語ってもらう。 ドラえもん のび太と空中散歩 サービスの説明 PCサイトにアクセスしたらドラえもんが出てきてます。 スマホとPCページを連携させます。 連携が完了したら、ドラえもんがタケコプターを投げてくれ
こんにちは、イギリス生まれ・東京在住、英語教師で作家のLukeです。今週、僕が書いたオノマトペ(擬態語・語音後)についての本 が出版されました。是非チェックしてみて下さい! 皆さんは、日常会話で「っぽい」という言葉を使いますか?子供っぽい、猫っぽい、熱っぽいなど、「っぽい」という言葉は日常的によく耳にする気がします。この便利な言葉を英語でも使いたいなら、ish という表現がおすすめです。 ish は付けられる英単語と付けられない英単語がありますが、名詞に ish を付けると形容詞になる場合が多くあります。たとえば、皆さんも耳にしたことがあると思いますが「イギリスの」は British で、「スペインの」は Spanish ですね。 childish (child + ish) 子供っぽい feverish (fever+ish) 熱っぽい foolish (fool + ish) 馬鹿っぽ
Google Chromeを長く使っていると「なんだか最近 読み込みが重いなぁ、Webサイトの閲覧が遅いなぁ。」って感じる事がありますよね。 僕もGoogle chromeを6年愛用し続けてますので、幾度となくChromeの動作が重くなっては、その度に対策を打ってきた経験があります。 という訳で、今日は僕が使っているGoogle Chromeが重くなった時のチェックリストを公開してみたいと思います。 ■ Chromeの起動が遅いGoogle Chromeを起動する時点で重いという場合、実は、その原因は限られています。 主に、 そもそもPCのスペックが不足しているネットワーク接続設定ブックマークなどのファイルの読み込み拡張機能の起動の辺りですね。なので、この辺りを整理してあげれば解決すると思います。 以下のチェックリストに従って対応してみて下さい。 ※なお、一つづつ試して改善されればOKです
最近「google chrome インターネットオプション」でアクセスして頂く事が増えてきました。 検索された意図は、恐らくですが IE(インターネットエクスプローラー)から Google Chrome に乗り換えた方が、セキュリティ設定 や Javascript などの有効/無効の制御をしたいけど、Google Chrome の インターネットオプションってどこ? という感じでしょうかね。 という訳で今日は「Google Chrome の インターネットオプション」についてシェアしたいと思います。 IE の インターネットオプション とはちょっと違いますまず最初に理解して欲しいのが、Google Chrome の各種設定や閲覧履歴の管理は、IE のインタネットオプションとはちょっと違うという点です。 IE の場合(ツール → インターネットオプション)IE で セキュリティ や Java
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました データベースのダイアグラム(ER図)を作成する Haskell 製のコマンドラインツールです。テキストエディタで定義ファイルを作成し、コマンドを実行することでダイアグラムとなる画像を作成します。データベースを設計する際、テーブルとその関連付けについて全体像を手早く作成したい、そんな時に便利なソフトウェアです。 erd の主な特徴 1) データベースの全体像の設計に集中できる ダイアグラムにあるテーブル同士の配置など気にすることなく、とにかく全体的な設計を行いたい時に便利です。GUIツールも便利ですが、使い慣れたテキストエディタで、キーボードから手を離すことなく、思うままに設計を進めることができます。 2) er ファイルが必要 er ファイルと呼ぶ定義ファイルを作成します。このer
WordPressを使っていると、様々なテーマやプラグインを使うことになると思うのですが、ほとんどのものは言語が英語ベースになっているものが多いと思います。テーマとかに多いのですが、そのまま使うと英語表示になったままで日本語で使いたいときに困ってしまうことがあります。 プラグインも物によって、サイト内に「テキスト」が表示されるものがあると思うのですが、英語の表記より日本語が出ていたほうがいいことがあります。それをWordpressの基本的な記述を利用することで「日本語」表示をすることが簡単に出来ます。さらに「Poedit」というツールを使うことで、元のソースをいじることなく英語の表示を日本語表示に変更出来たり、使い方によってはブラウザで設定している言語に合わせて表示を変えることができることを知ったので、忘れないようにメモメモです。 Poeditを使えると色々なテーマやプラグインを日本語化し
レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basic principles of responsive web design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 レスポンシブWebデザインのツールもリリースされているので、ぜひ! FROONT -Responsive Web Design Tool レスポンシブとアダプティブ Webデザイン フロー 相対的なユニット ブレイクポイント 最大限と最小限の値 オブジェクトのネスト モバイルファースト or デスクトップファースト Webフォントとシステムフォント ビットマップ画像とベクター レスポンシブとアダプ
1. Homebrewの環境構築 1.1. Xcode Xcodeをインストールしてから、以下を実行し、Command Line Toolsをインストールする。 xcode-select --install 1.2. Homebrew ターミナルを起動して、以下を実行。 % ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" さらに、以下を実行。 % brew doctor 警告の指示通りに解消させておく。 これでHomebrewは利用可。 さらに拡張していく。 2. 拡張(brew-cask, brew-file) 2.1. 準備 2.1.1. Github gitをインストールしておく。 % brew install git 2.1.2. brew updat
http://wordpress.tv/2014/11/05/luke-wroblewski-from-the-front-lines-of-multi-device-web-design/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約2時間前 WordCamp San Francisco 2014におけるLuke Wronblewskiの講演です。UIデザインで考慮すべきは、画面サイズと解像度だけでなく、視聴距離、ポスチャー(詳細後述)、周囲の明るさという要素も必要になってくるという話。 スマホ端末を両手もしくは片手で持つ場合を合わせて、75%のユーザは親指を使って操作している。 タブレットのランドスケープモードとポートレートモードの利用比率は、6:4とか7:3とか言われるが、要は両方に対応する必要がある
[追記] この記事は2014年、私が文系大学生の頃、手探りでプログラミングを独学し始めた頃の記事です。温かい気持ちで見ていただけたら幸いです。 ーー !! おことわり !! このブログには、いわゆる「技術記事」は一切ありません!!!(書きたくても書けない) ただの「勉強記録ノート」です!!! プログラミング初学者の勉強記録ノートです!「日記」です!! 生暖かい目で見ていただけたらさいわいですヽ(;▽;)ノ Index “型のありがたみ”を覗く “型付けの弱い世界”を知る 動的型付けと静的型付け 型付けによる比較 “型付け”と”型変換” 強い型付けと弱い型付け まとめ 追記 (あとで読むリストなど) Introduction よくTwitterのタイムラインで「型安全」という言葉を見ます。 でも、その意味を私は全く分かっていませんでした…そもそも「型安全」という言葉は 「安全な型」を指す(だ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く