Result スニペットとは言えませんが・・ｗ html2canvasとjQueryを使ってCanvas化、ダウンロード出来るようにするコード。tableとかグラフをユーザーがダウンロード出来るようにする、みたいなの。 jQuery jQueryに加えてhtml2canvas.jsを読み込み。サンプルではCDNを使ってます。 <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script> jQuery var element = $("#html-content-holder"); // 画像化したい要素をセレクタに指定 var getCanvas; //プレビュー $("#btn-Preview-Image").on('click', function () {

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは、UNIBA のMJです。 今回の話は、とある案件で python を使ってお仕事した話です。 python といえば特に説明する必要のない有名な言語の一つです。 普段はフロントエンジニアとして仕事をしているのですが、「最近バックエンドの知識が欲しいなぁ」などと考えていて python を4月頃から触り始めました。 ユニバでは、node である javascript や rails である ruby などの言語を主に仕事で使用していますが、 厨二病である私は、誰もやってなかった python を選択しました(誰にもサ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

まるでエイリアン？ 世の中にワイヤレスヘッドホンはたくさんありますが、それらは単純にケーブルのないヘッドホン形状なものがほとんど。せっかく無線なのだから、もっと自由なデザインがあってもイイはずです。Human Incから発表されたのは、まるでイヤーマフラーのようなヘッドホン｢Sound｣です。 シアトルに拠点を置くHuman Incが開発中のSoundは、卵を半分に割ったような近未来風のデザインが特徴。それぞれ左右のヘッドホンは分離しており、完全にケーブルレスかつヘッドバンドレスとなっています。 Human IncでCEOを務めるBen Willisは、｢Soundはオーディオと対人コミュニケーションの方法を根本から変化させる役割を果たします｣と語っています。同社によると、Soundは翻訳機能も搭載するというのです。最近はクラウドの翻訳サービスを利用する翻訳デバイスがいくつか登場しています

やっと、あきばはら（@tsurare01）というハンドルネームっぽい記事を書く日が来たかも。 といってもオタの話題じゃないですよ。PC関連のショップです。 パソコンやOA機器を新品で探すなら、価格.comやAmazonというのが定番かと思います。少しでも安い商品が欲しい時は、価格.comが最安値の場合は多いですよね。 購入手続きが面倒なら、Amazonが楽なので、この2つを利用している人は多いのではないでしょうか。 ただ、新品よりも安く欲しい、中古やアウトレットでも構わないから、格安でなんとかパソコンを手に入れたいと思った時には、この2つだと心許ない。 かといってヤフオクだと信頼できるかどうかはかなり当たり外れに依ることが多いので、万人におすすめ出来るものではないように思います。 そこで、今回は実際に利用したことのある店舗から、激安でパソコンやモニタ、ノートパソコン、メモリ、タブレットやカ

私の節約術「セツヤクエスト」 コンピュータの修理をタダで引き受けてはならない10の理由 - ZDNet Japan http://japan.zdnet.com/it-management/sp/35038255/ を見て思ったこと。 もともと モノが壊れたら捨てなさい。という エントリーを書くつもりだったので 今回はパソコンのことだけを限定して書きます。 パソコンが壊れたら買い替えなさい。 という意味です。 というのはパソコンは古ければ古いほど メンテナンス性が悪いもので 最近のであればUSBから起動させるということも可能ですが 古いものになれば備え付けのCDドライブからのみなど 復旧に手間が掛かり過ぎるのです。 またHDD一つ取っても 最近のものであればジャンパ設定など考えずに ポン付けで行けるものが MASTERとSLAVEなどといちいち確認をしなければいけません。 しかもHDDメー

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 今のところ、Webブラウザで適切に動作が保証されているプログラミング言語はJavaScriptしかありません。そのため、Webアプリケーションを開発する上でJavaScriptの習得は必須なのですが、なるべくなら書きたくないという方も多いです。 もしあなたがPythonプログラマーであれば使ってみたいのがJavaScripthonです。PythonコードからECMAScript2016（ES6）へ変換してくれるソフトウェアです。 JavaScripthonの使い方 コード例です。普通にPythonのコードに見えます。 # -*- coding: utf-8 -*- # :Project: metapensiero.pj # :Author: Andrew Schaaf <andre

Docker上にSSH接続ができるコンテナを作成する手順を記載する。 コンテナOSにはUbuntuを使用している。 まずコンテナを立ち上げてコンソールに接続する $　docker run --name コンテナ名 -i -t ubuntu /bin/bash --nameでは適当なコンテナ名を設定する コンテナにSSHサーバ機能をインストールする # apt-get install openssh-server openssh-serverを使ってみた。 接続元となる端末でSSH鍵を作成する Windows8.1上でPuTTYを使用して作成した。 鍵作成にはputtygen.exeを使用する。 "C:\Program Files (x86)\WinSCP\PuTTY"からputtygen.exeを起動する。 「generate」を押して鍵を作成し「公開鍵(public key)」と「秘密鍵

ここまでのお話。 racchai.hatenablog.com 待ちに待った招待メールが届きました。すぐでしたね。 まずは [Bitbucket Pipelines add-on] をインストールする必要があるそうです。 すべてのリポジトリで有効化するなら、チームアカウントではなく自分のアカウントに Grant access せよとのこと。[Select account] をクリックして、そのようにしました。 おお！なにやら有効化されたっぽいですね。さっそく適当にプロジェクトを開いてみると・・ Pipeline リンクが追加されている！クリックしてみると、まずはセットアップせよとのこと。 [Setup up Pipelines] をクリック。 ふむふむ。[Enable pipelines] にチェックをいれてbitbucket-pipelines.yml を配置するだけってことですね。 言

目次 初めに 極小理論 ステップ1. 問題の再現と確認 ステップ2. 最低3回のヒートダンプ採取 ステップ3. 問題の発見 ステップ4. 問題解決の確認 他のリソースへのリンク まとめ Something you might want to bookmark: Simple Guide to Finding a JavaScript Memory Leak in Node.js by @akras14 https://t.co/oRyQboa8Uw — Node.js (@nodejs) January 6, 2016 注釈：お気に入りに登録してください。 Simple Guide to Finding a JavaScript Memory Leak in Node.js （Node.jsでのJavaScriptメモリリーク発見簡単ガイド） @akras14 http://www.ale

When one of the co-creators of the popular open-source stream-processing framework Apache Flink launches a new startup, it’s worth paying attention. Stephan Ewen was among the founding team of the…

最近開発用のドキュメントをどこに配置するか悩んでて、いくつか試して見てる。今回言っている開発用のドキュメントというのは、コードの触り方も含んだサービスの開発に関するもの。例えば 開発環境セットアップ方法 ページに表示している広告をどのように切り替えたりするか(googleの管理やコードの変更も含めた) サービス内の特定の機能の仕組み 内部用HTTP APIドキュメント などを指している。 結構いろいろ考えるところがあるので、思っていることをまとめてみたい。一応先に結論を言っておくと 基本は実装に一番近いところにコメントとしてドキュメント書くのが良いと思う いろんなパーツが絡みあうような大きな機能の場合、導入部分だけ別の場所に書く 出来るだけrepository内に入れておくと探しやすく、更新しやすいと思う あといろいろ悩んでるので事例あったら教えてください。 起きている問題 ドキュメントは

私たちの実践する「納品のない受託開発」では、担当のエンジニアがお客さまの顧問となって仕事をしていきます。（参考：顧問弁護士や顧問税理士のような「顧問プログラマ」という仕事と働きかた） お客さまと長い関係を結べることが会社にとって安定をもたらし、お客さまにとっても安心してもらえるため、担当するエンジニアも長期的な関係を築くことを目指します。 しかし、そうすると、必ず聞かれるのが「その人がいなくなったら、どうするのか？」という課題です。私たちのビジネスは、プロフェッショナルサービスでもあるので、人に依存すること自体を見直す必要はありません。だからといって、リスクに対して何も手を打たない訳にはいきません。 この記事では、私たちがどうやって個人に依存する問題へのリスクヘッジを行っているか、少し専門的な話になりますが、私たちの取り組みとその背景について書きました。 Lonely / vishwaan

最近のWeb制作の現場では「SVGの扱いについて知っていることが当たり前で、お客さんにはSVGを使うメリット・デメリットについても解説できる技術が必要だ」と感じることが多くなってきました。（自分はまだまだ勉強中なので、とても焦る・・・！） そんなSVGですが、今回はGulpを使ってSVGファイルの容量を減らす（軽量化する）方法について書きました。 私は複数のSVGファイル1つ1つをできるだけ軽量化して「SVGスプライトを作る前処理」に役立てています。 似たようなことがしたい、という方はご参考ください。 GulpプラグインをインストールSVGファイルを軽量化するGulpプラグインをいくつか試したのですが、私個人的に最も覚えやすくて効果があった「gulp-svgmin」をインストールします。 まずはコマンドプロンプト（ターミナル）を起動して、Gulpがインストールされているフォルダ（以下 作業

タイトルが長いな。しかし大事なことなので端折らずに書かせてもらった。プログラマは、そのほとんどが頭脳労働、カッコよく言えば知的作業である。だから、思考を中断されるのをひどく嫌う。しかし、それがわかっていない非プログラマが多すぎる！ 用事があるんだから、話しかけるのがなぜいけないの〜？ワガママじゃないの？ 我々プログラマは、ジャマされたくないとか、不愉快だとか、そんな私的な理由だけで（もちろんそれはあるけど。ｗ）、話しかけないで〜と単方向性のバリアを張っているわけではないのだ。 結論を先に言うと、効率がガタ落ちる。これに尽きる。おそらく、中断されることによるダメージが、あらゆる職種の中で最も大きいかと、勝手ながら思う。 何しろ、もう少しで完成という砂の城を一撃で破壊されたようなものなのだ。だから、やり直しになる。しかも、城の形は作るたびに変わる。完成形は、作りながら考えるしかない。なので、ま

微妙にハマったので。なんかひどいやり方なのは承知の上なんですが、記録のために残しておきます。 パッケージの導入 まず、パッケージで React と Atom-beautifyを入れる。 React パッケージを入れると Reformat JSXなるコマンドが追加されるのだが、手元ではうまく機能しなかった。詳細は不明。 設定を編集し、language名を "JavaScript(JSX)" から"JSX"にする React パッケージで提供される language 名が JavaScript(JSX)だったために、Atom-Beautify のフォーマットが失敗する。・・・というように読めるエラーメッセージが出る。 なんか根本的な間違いがあるのかもしれない。が、Atom周りのことはよく知らないので調べるのは後回しにする。 コードを読むとどうも単純に language 名をキーとして探している

いまさら感はなきにしも。 Xcode7からお布施なしで実機インストールができるようになったので、これはもしやワンチャンあるかと思って調べたことのメモです。 そもそもなにこれ React Native | A framework for building native apps using React ひとことで言うと、Reactでコード書けばiOSとかAndroidのアプリが作れるぜ！ってやつ。 ただそれなら「jsしか書けない我々でも、いろんなアプリが楽々作れちゃう」かと思いきや、それはちょっとダウトです。 できること・できないこと iOSのタブとかリストとか標準UIを、Reactのコンポーネント感覚で使えるのでそのへんはまぁできる。 みんな大好きToDoAppくらいなら楽勝で作れてそのあたりはいい感じ。 ただアプリにしたい最大の理由って、「端末のネイティブ機能を使いたいから」なはず。 そ

安易なコピー&ペーストによりクリップボードを介してユーザーに任意のコードを実行させるPoC「Pastejacking」が公開され話題になっています。詳細は以下から。 米セキュリティ企業Malwarebytesが「ターミナルへのコピー＆ペーストを実行させることで、任意のコードを実行させることの出来る」概念実証「Pastejacking」の危険性を伝えています。 Browsers now allow developers to automatically add content to a user’s clipboard, following certain conditions. Namely, this can only be triggered on browser events. This post details how you can exploit this to trick a

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

xstream を開発する動機 xstream の開発者である Staltz さんは RxJS のコントリビューターでもあり、RxJS を使ったフレームワークである Cycle.js の作者です。Staltz さんは WHY WE BUILT XSTREAM の記事のなかで xstream を開発する動機を述べています。 ストリームとは何か、リアクティブプログラミングとは何かについては「あなたが求めていたリアクティブプログラミング入門」の記事が参考になります。「Everything is stream」(すべてがストリーム) がマントラです。 xstream の位置づけは RxJS を補うものであり、一般的なリアクティブプログラミングの用途では RxJS のほうがすぐれているとのことです。 xstream のオペレーターの数は RxJS と比べて少なく、初心者にわかりやすい直感的な名前にし

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

「弊社のシステムは使いやすい画面になっているのが特徴です」 「なるほど」 「Javaですごく使いやすい画面に仕上げているんですよ。Ajaxで、画面の遷移なく登録情報の変更などができます」 「Javaで？」 「はい、Javaで！」 「・・・」 このような話を先日来た新人営業マンさんが元気に語ってくれた。元気さはとてもいいのだが、JavaとJavaScriptを同じものとしてしまっているのは、やはり気になる。 JavaとJavaScriptはどちらもプログラミング言語だ。名前が似ているため、プログラミング未経験者や新人のIT営業マンは同じものとして覚えてしまいがちだ。 JavaとJavaScriptは違うものだ。では、どのような言語としての違いがあるか？ プログラミング初心者の方のために、なるべくわかりやすく解説した。 JavaとJavaScriptはまったく違う言語 JavaとJavaScr

こんにちは。ヨッピーです。 先週は伊勢志摩サミットと、それに伴うオバマ大統領の広島訪問の話題で持ちきりでしたね。 まあ、「サミット」とか言われても、低IQでお馴染みの僕みたいな人間からすると、「え!? 首都圏を中心に展開中のスーパーマーケットのこと!?（※）」ってなるわけですが、「サミット」を日本語訳にすると「主要国首脳会議」だそうでして、要するに いろんな国のめっちゃえらい人たちが集まる会議 なんだそうです。 ※緑の看板でお馴染みのスーパー「サミット」　世田谷区にむちゃくちゃある。（写真：Wikipedia より） サミット期間が近づくにつれて、テレビでもサミットの話ばっかりしてるわけですけれども、「えらい人たちが集まる会議」っていう時点で、「まあ僕には関係の無い話だな」って思うじゃないですか。 コメンテーターの人達が「サミットは世界情勢の今後を占う意味でも大切です」みたいなこと言ってた

情報処理推進機構（IPA）は2016年5月16日、今春から始まった「情報セキュリティマネジメント試験」の合格者を発表した。驚いたのは、その合格率である。なんと88.0％。「合格率がこれだけ高いと、せっかく合格しても、ありがたみが少ないのではないだろうか・・・」。筆者は、受験者の一人として複雑な思いに駆られた。

11.6型最軽量のNEC製デタッチャブルノート「LAVIE Hybrid ZERO HZ300/DA」 タブレットで400g前後、キーボード付きでも800gを切る NECパーソナルコンピュータのモバイルノート「LAVIE Hybrid ZERO」シリーズに11.6型のデタッチャブルモデル「HZ300/DA」がラインアップされた。デタッチャブルモデルはキーボードと液晶が分離する機構を備えたマシンであり、液晶部分だけでWindows 10タブレットとして使えるのが特徴だ。 基本性能は液晶が11.6型フルHD、CPUにCore m3-6Y30（0.9GHz）、4GBメモリー、ストレージは128GBのフラッシュメモリーを搭載する。店頭販売モデルは「HZ300/DA」（実勢価格約18万9000円）のほか、LTE通信対応（SIMロックフリー）モデル「HZ330/DA」（実勢価格約20万5000円）、P

本連載は、Linuxのコマンドについて、基本書式からオプション、具体的な実行例までを紹介していきます。今回は、「cp」コマンドです。

フミナーズ編集部です。 日頃よりご愛読いただきまして、誠にありがとうございます。 睡眠情報メディア・フミナーズは、2019年6月7日をもちましてサイトを閉鎖致しました。 フミナーズは、「睡眠を通して、今より豊かな生活を」をコンセプトに、2015年3月のオープン以降、多くの医師や専門家の方々にご協力いただきながら、いろんな「眠れない」を抱える人たち（＝フミナーズ）に寄り添い、自分らしい「眠り」との付き合い方を提案してきました。 公開された記事の本数は1,000近くにおよび、2018年1月には、単月650万PV、400万UUを達成。睡眠関連のメディアとしては国内最大級のサイトとなり、多くの皆様から愛される媒体となることができました。 編集部一同、これまでたくさんの記事を通して、皆様からの温かいコメントを励みに尽力することができました。ご愛読いただいていた皆様には、多大なご迷惑をおかけしますこと