可愛い無料イラスト・人物素材 – フリーラ – 可愛い人物イラスト素材を、無料でダウンロードできるフリー素材サイトです。商用利用OK！面倒な会員登録や利用報告なしでご利用いただけます。

JavaScriptの変数の使い方と、ECMAScript 2015（ES6）で変わった点をコンパクトにおさらい。 JavaScriptを学ぶ基本の1つに、変数の使い方があります。変数は、number（数値）、string（文字列）、array（配列）など、あらゆる型（データ型を参照）を含む入れ物です。変数は、あとでアプリケーション内で使用する（たとえば、値の参照）ために名前が付けられます。 本記事では、変数の使い方と、宣言による違いを紹介します。 変数の宣言と初期化、代入の違い 変数の宣言の違いに入る前に、変数のライフサイクルを見ていきます。 宣言（Declaration）：変数は付けられた名前で適切なスコープ（関数の中など）に登録される段階 初期化（Initialization）：変数は宣言されたとき、自動的に初期化され、JavaScriptのエンジンによってメモリが確保される段階 代

Electron (エレクトロン)はウェブの技術でデスクトップアプリケーションを開発できる人気のフレームワーク。HTML5とCSS3とJavaScriptで開発できるため、ウェブ開発者であれば手軽に導入できます。それもクロスプラットフォームなので、ワンソースでWindowsとmacOS向けのソフトウェアが作れることが利点です。 GitHub社の「Atom」やMicrosoft社の「Visual Studio Code」もこのElectronを使って開発されているなど、大手企業が採用していることでも人気の高さがうかがえます。この入門サイトでは、開発環境のセットアップからサンプル・アプリケーションの作り方を解説します。 Electron入門編 最新版で学ぶElectron入門 - ウェブ技術でPCアプリを開発しよう Electronの導入手順を解説。ゼロからアプリケーションのビルドまでの手順を

RSSでXMLを取得して、JSON形式に変換するPHPスクリプトです。 なんかWebサービス作るときとかに便利かなと思いコード公開しておきます。 RSSフィードのXMLからJSONデータを取得するPHPスクリプト 下記のとおりです。 <?php // RSSフィードのパス $RSSpath = "https://manablog.org/feed"; // SimpleXMLElementとは、xmlの構文解析するクラスです $XML = new SimpleXMLElement($RSSpath,0,true); // XML形式データをjsonに変換 $json = json_encode($XML); // jsonデータを表示する echo $json; 尚、この状態でスクリプト実行すると下記の感じになります。 上記写真では、JSONを見やすくするために、JSONViewというCh

クロスドメインでのXML取得を、phpを使って実装してみます。 同一ドメインの場合 まずは、同一ドメインの場合のXML取得のサンプルです。 HTML <div id="sample"></div> JavaScript $(function() { $.ajax({ url: 'https://cly7796.net/blog/feed/', dataType: 'xml', success: function(data) { // 取得件数 var getCount = 5; if ($('item', data).length < getCount) { getCount = data.length; }; var insert = ''; insert += '<h1>'; // リンク先の挿入 insert += '<a href="' + $('channel', data).c

セキュリティスペシャリスト6人が語った「攻撃ライフサイクルの断ち方」：脅威の「モニタリング」ではなく「ハンティング」とは 2016年3月4日に日本ヒューレット・パッカードが開催したプライベートイベント「Hewlett Packard Enterprise Day 2016 東京」の中から、セキュリティエキスパート6人が登壇した「ディープダイブ・セッション～『日本が知らない世界のセキュリティ脅威』」をレポート。

はてなブログに移行して最初の記事はやはりPythonネタにしました。 はてなブログいいですね。デザインの編集がやりやすくなったのと、Markdownで書けるのが素晴らしいです。 PyCon 2013の動画を見ていたら、素晴らしい"Transforming Code into Beautiful, Idiomatic Python"という発表を見つけたのでそのまとめです。 今どきのPythonコードのベターな書き方を紹介しています。 Transforming Code into Beautiful, Idiomatic Python ... スライドはこちらにありました 結構長くなってしまったので、知ってる項目は読み飛ばしてもらえばと思います。 ループの基本 整数のループ まずは基本のループ。 Cのfor int i=0; i<6; i++をPythonで単純に書くとこうなります。 for

はじめに パッケージ管理システムを混在させてはいけない。 MacにはHomebrew以外に、MacPorts、Finkといったパッケージ管理システムがある。 複数のパッケージ管理システムを混在させると、バージョン管理等が大変になるので止めるべき。 Homebrewを使うと、最初から入っているrubyやsvnとは違うディレクトリに新しくインストールされる。 コマンドの参照パスをそちらを優先するように設定することで、既存のソフトウェアに影響せず利用できる。 不要になればbrew uninstallで簡単に取り除ける。 Homebrewのインストール Homebrew公式 Homebrewへのパスをbash_profileに追記する。

pyaudioとwaveで「test.wav」を再生するプログラムのソースコードです。 # -*- coding: utf-8 -*- import wave import pyaudio # メイン def main(): wf = wave.open("test.wav", "r") # ストリーム開始 p = pyaudio.PyAudio() stream = p.open(format=p.get_format_from_width(wf.getsampwidth()), channels=wf.getnchannels(), rate=wf.getframerate(), output=True) data = wf.readframes(1024) while(data != ''): stream.write(data) data = wf.readframes(1024)

Kobito v1.8.3からプレビューに適用されるCSSを編集可能になったので、Rictyを使うようにしてみました。コードも文章も見やすくなるのでおすすめです。 Rictyのインストールについてはfont - プログラミング用フォントをMacに homebrew でインストール - Qiita [キータ]を参照してください。 設定方法 1. カスタムCSSを有効にする 2. カスタムCSSを開いてCSSを編集 ↓のCSSをそのままコピペすると適用されます。 /* See Kobito.app/Contents/Resources/markdown.css for predefined style. */ body { font-size: 14px; line-height: 1.6; font-family: "Ricty"; } code, .code-frame pre code

Inc.：いざというときに頼りになるのは、自分の頭脳だけです。日頃から鍛え、脳の潜在能力をフルに引き出せていますか？　今回ご紹介する5冊の本は、脳の改善にとても役立ちます。脳のパフォーマンスをピークにもっていきましょう、人生の競争を勝ち抜くために！ （引用文は日本語版書籍からのものではなく、英語版書籍を部分的に翻訳したものです） 1. 『ファスト＆スロー あなたの意思はどのように決まるか？』 5秒でわかる要点 人生で成功を収めるカギは、脳の働きを理解することです。脳の働きには2種類あり、1つは直感的・感情的である「ファストな思考」、もう1つは論理的にじっくり検討する「スローな思考」です。 読むべき一節 チェスで次の一手を考えるとか、株に投資するかどうかを決めるといった問題に直面したときは、直感的な思考が本領を発揮します。問題に関する専門知識があり、置かれている状況を認識できるなら、頭に浮か

今回は、Youtubeの運動初心者向け健康チャンネル「MuscleWatching」から、驚くほど体が柔らかくなるストレッチ方法をご紹介。個人のレベルに合わせたプログラムが用意されているので、無理のない範囲で、毎日コツコツ頑張ってみて！ 01. ～初級編～まずは開脚具合が、現時点でコレくらいの人向けから。足のつま先を外側に向けて腰を落とし、両手を膝の上に置きます。どうしても痛ければ肘を曲げても構いませんが、可能な限り、肘はしっかり入れましょう。手で膝を押す感覚を持ちつつ、お尻を縦にゆすります。その後、右肩を入れ、ゆっくりと内ももを伸ばします。反対も同じように。正面を向き、力士が四股を踏むようなイメージで、上半身を左右にスライド。さらに、もう少し柔軟性を高めるためには、片方の膝を曲げ、手を前につきます。ただし、伸ばした足のつま先が前を向かないように。キツい場合は、軸足のかかとを浮かせても構い

こんにちは。Tokyo Otaku Modeの安宅です。先日から、とあるプロジェクトにジョインして、久々にGoogleスプレッドシートをゴリゴリ活用して仕事をしています。そんな中、これは惚れた！というスプレッドシートの神関数を紹介したいと思います。 ARRAYFORMULA関数 これを活用し始めてから、関数をいちいち全部の行に埋め込んでいくことが、なんだかカッコ悪く感じるくらい、スマートでオシャレな関数です。例えば、100行のVLOOKUP関数を行うときには、これまではVLOOKUP関数を1つ作って、それを残り99個の行にVLOOKUP関数をコピーしていたと思いますが、ARRAYFORMULA関数を使うと、なんと1個の関数で100行分の値が出力されます。実際に動作も軽くなるのでカッコよさと実用性を兼ね備えた関数です。配列に対応する関数であれば、ほぼなんでも利用できるのも好感度が高いです。

背景 Javascript で Web アプリを作ろうとすると、よくわからないことだらけで超混乱します。 npm と bower の違いは？ npm はサーバーサイド用、bower はクライアントサイド用らしいよ えっ、でもなんで bower のインストールに npm が必要なの？ サーバーサイドは Rails で書きたいから npm 要らないと思うんだけど・・・ ていうかサーバーサイドJSとか node.js って何？ よく見る browserify って何？ こういった疑問が沸き上がるのは、各ツールが生まれた文脈がよくわかっていないからです。いろいろ調べてやっとちょっとわかってきたのでメモします。間違いがあったらご指摘ください。 「CommonJS」誕生 - Javascript は汎用プログラミング言語へ その昔、Javascript 大好きおじさんは言いました。 Javascrip

アプリ申請面倒すぎるんです 不平不満ばかりいうのは好きじゃないのですが、アップルの審査は本当に手間がかかります。端末サイズがたくさんあるのでそれぞれアイコン・起動スクリーン・スクリーンショット作成が必要です。 最初はこれを全て手動でやっていたので１つアプリをリリースするために素材作成で丸一日かかっていました。もうほんとにどうにかしたいと思っていた時出会った２つのサイトを紹介します。 アイコン作成を楽にするツール まずFireworksでアイコンを素材を作りましょう 出来上がった画像をトースターに放り込む はい、完成 あとはメールドレスを入力してファイルを受け取るだけです。 受け取ったファイルはこうなってる 至れり尽くせりというのはたぶんこういうことです。 起動スクリーンとスクリーンショット作成を楽にするツール 次に面倒なのは端末サイズに合わせて起動画面作成です。これと同時にスクリーンショッ