はやく！と言わなくても、子どもが自ら動くようになった!? 「魔法の時計」の効果に驚愕 by tomekko - みんなの体験記【妊娠・出産・育児】
こんにちは。Tomekkoです。 前回エピソード：息子のサッカーコーチはヤングオーラが眩しい19歳！赤ちゃんとのふれあいを勧めてみたら… by tomekko 我が家は4歳差、長男は5歳の年長さんです。 1歳のワンパク次男とは正反対に、おっとり、のんびりマイペースな長男。そこが可愛いところでもあるんですが、やはり小学校入学が半年後に迫っているかと思うと、もうちょっとしっかりしてほしい、ある程度のことは自分で対処できるようになってほしい…と、母の愛情は今、『不安』『焦り』『心配』へと変化。その思いを子どもに対して表現しようとすると、どうしても『イライラ』になってしまうんですよね。 食事は食べ始めて10分くらいするとおしゃべりばかりになって座り方もだらしなくなり、全然箸が進まなくなる長男。 速攻で食べ終わっている弟がデザート待てずに大暴れとなるため、仕方なくデザートを出すとまんまとお兄ちゃんの
動画切り出しアプリをElectronで作った - console.lealog();
in 弊社の開発合宿。 発表資料こちら。 動画切り出しアプリをElectronで作った ここに載せてない細かいことを、忘れないようにメモっておきます。 作ったもの GitHub - leader22/movie-slicer: Slice your favorite scenes from movie file. 動画ファイルから、任意の秒数を切り出して、新たに動画ファイルを作成するアプリです。 別途インストールされてる前提の`ffmpeg`をElectronから呼び出してるので、いわば豪華な`ffmpeg`ラッパーです。 完全に自分用で作ったので、用途としてはいわゆる`mp4`を`mp4`に切り出すだけに限定してます。 他のフォーマットも`ffmpeg`が対応してれば対応できると思うけど、手元に素材もなかったのでやってません。 Electronを使っててパッケージングもちゃんとやったので
bitFlyer自動取引botのコア部分(発注機能)Rubyソースコード - ビットコインとシステムトレード (Bitcoin & Automated Algorithmic Trading)
ビットコインをbitFlyer上で自動取引するbotのコア部分である発注機能(成行注文版)のRubyソースコードを公開します(エラーハンドリングが甘いですが、、間違いや改善点があれば教えてくださいm(_ _)m)。指値注文も、LIMITとpriceを指定すれば簡単に実装できます。product_codeを指定することで、現物にもFXにも使えます。ササッとアイデアを実装に落とし込めるのは、やはりRubyの強みですね。 lightning.bitflyer.jp #!/usr/bin/ruby require 'uri' require 'net/http' require 'time' require 'securerandom' require 'base64' require 'json' API_KEY = '{{ YOUR API KEY }}' API_SECRET = '{{ Y
Electron で外部アプリの起動・停止を行う - Qiita
ElectronのGUIに起動・停止ボタンをつけて，外部アプリの起動・停止をしてみた． 検証環境 macOS Sierra 10.12.1 electron: ^1.4.8 起動＆停止 execFile で .app を実行し，ps aux でプロセス番号を取得する方法を試した． execFile と exec を同期的に実行すると，後者でプロセス番号が取得できない時があったので， child-process-promise をつかっている． const {exec, execFile} = require('child-process-promise'); const kill = require('tree-kill'); const APP_PATH = 'path/to/app/test.app' // ※ APP_NAMEの場合、同じ名前が含まれるプロセスが他に存在するとプロセス
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
【Unity】逆引き自動レイアウトのトレーニング。UIをLayoutGroupで並べる - テラシュールブログ
今回は自動レイアウトの動作を把握するために、色々とトレーニングしてみました。 自動レイアウトでUIを並べる UIのサイズが固定、もしくは親に合わせて子のサイズが変動する場合は、簡単 Imageを並べる（左から詰める） Imageを並べる（等間隔） 高さにフィットしたUIを並べる 大きさが固定なUIを並べる 子の大きさを元にUIのサイズが変動する場合は、面倒くさい 子のUIの大きさが変動するUIを並べる（子のmin=Perferred） 子のUIの大きさが変動するUIを並べる（子のmin≠Perferred） 感想 関連 自動レイアウトでUIを並べる UIの要素を並べる場合、HorizontalLayout GroupやVertical Layout Groupといったレイアウト調整機能を使用するのが便利です。 ただ、この動作は割とわかりにくいと評判（主観）です。なので、下の記事である程度の
CSSとテキストで実装するローディングアニメーションのサンプルコード - NxWorld
CSSとテキストで実装したローディングアニメーションのサンプルです。 サイズ・カラー・フォントといった見栄えについてはもちろん、アニメーションタイプやスピードを調整したい場合もすべてCSSで変更できるようになっていますし、表示させるテキストもHTMLを書き換えるだけで変更可能なので、手っ取り早くローディングを用意したいときなどに便利です。 ここではアニメーションGIFでの見栄えと実装コードを紹介しているので、実際の表示は以下デモで確認してください。 また、デモではSCSSを利用したコードで実装しているので普段からSCSSで用いてる人はこちらでコードを確認してください。 CODE #1 先頭の「L」からひと文字ずつフェードアウトしていき、末尾の「G」までいったら次は先頭からひと文字ずつフェードインしてくるタイプのもので、フェードイン・アウトの見栄えはopacityを利用しています。 実
Understanding React Native flexbox layout
Working with flexbox layout can be tricky, especially in React Native. But there is nothing to scare. It’s easy to understand, just take a closer look not just on how it works but on why it works this way. https://join.slack.com/t/reactn/shared_invite/enQtNDI4MjQwNzA5MjAyLWEyOWM3OTJiMDNlODRlOTZkNzhlMWFkZTZiMDEwYzI0ZGYyZTQ0MGM5YjRiMjNjZjZiYmNjMTM4YTU0MWMyNGQFlexbox layout conceptIn a generalized se
プログラミングでよく使う英単語のまとめ【随時更新】
プログラミングでよく使う英単語のまとめ【随時更新】 随時追加、整理していきます。 名前をつけるときには、名詞、動詞の違い、複数形、過去形などに注意しましょう。 オブジェクト指向では、クラス名は名詞、メソッドは動詞とします。 使ってはいけない言葉 get / set アクセサ (getter / setter) やプロパティによく使われている。 それ以外に使うと混乱を招くのでよくない。 get は軽量な処理と考えるので、中に重い処理は書いてはいけない。 単純な取得/設定以外で使いたくなったら他の言葉を考える。 load, save, commit, store, enable, disable, fetch, register, configure, add, etc... check 意味が広すぎて何をしているかわからない。 できるだけ別の言葉を使う。 具体的に何をしているかに分解して考え
BOSCH社 温湿度・気圧センサBME280用node.jsパッケージnpmに出来 - M.C.P.C. (Mamesibori Creation Plus Communication)
オシゴトでは10年前のロートルなWeb制作環境にぶっこまれてセッションも知らないとか言いだしたのでさすがに黙っていられずいろいろ口出していたら技術力底上げの担当みたいなのになって言わなきゃよかった的なことになっていて、このままじゃ全然自分の技術つかんのよなーとか思って「わたし何でもできます」だと東京だとほんとに転職できねえのなとか実感しつつしこしこ実家のほうで使うIoT機器でも作んべかなと思っていまして、 秋月電子で売っている温湿度・気圧センサっていうのが、¥1,080 なのに3種類のセンシングできて便利ってんで、買ってみたわけですよ。 秋月電子の。1,080円 akizukidenshi-ogp-injector.dtpwiki.jp スイッチサイエンスの。1,620円 www.switch-science.com このセンサ、ガリレオ７でもストロベリーリナックスでも売っていますね。 そ
【node.js】execでunixコマンドを実行する - コンパイラかく語りき
Node.jsのお勉強です。 Nodeの標準パッケージのうち、chukd_processというものを使えば、unixコマンドが利用できると知ったのでメモ。 Child Process Node.js v0.11.11 Manual & Documentation コマンド実行関数 ざっと見たところ、コマンドを実行できる関数は複数あります。 spawn, exec, execFileという３つですね。 それぞれの違いでググッて見ると、こんなタメになるポストが。 www.axlight.com ちなみに、ドキュメントではこんな感じ。 コマンドは使いたいし、その結果を受け取ってコールバック関数を実行したい気がするのでexecを採用です。 exec まずはお試しで使ってみます。 書いたコードがこちら。 gistb31f359b7e2cedb9f2cbd6930fe22aea 以前勉強したfs.wa
UICollectionViewControllerとUIPageViewControllerでSmartNewsっぽいあのUIをお手軽に実現する - Qiita
UICollectionViewControllerとUIPageViewControllerでSmartNewsっぽいあのUIをお手軽に実現するiOSUIKitSwift イントロダクション 国内のメディア系サービスでは割とスタンダードとなっているあのUI。もはや何番煎じかわかりませんが、frame計算とかをしない軽量な実装を試してみます。 ニュース系アプリで利用されているUIの実装を調べることがあったのでまとめてみた - MonockLaBlog あのUIに関する記事やよく見かけるライブラリでは、メニュー要素・コンテンツ要素のframeをずらしながらUIScrollViewへ順に貼り付けていくやり方が多い印象を持っていますが、ここでは違う方法を取ろうと思います。 サードパーティのライブラリに依存することなく、かつViewのリソース管理やframe計算を出来るだけ抑えるため、今回はUIC
CSSでリストの最初と最後のボーダー（border）を非表示にする方法 - NxWorld
リストでボーダー（border）を指定しているけど最初と最後のボーダーは非表示にしたいという時に使えるCSSの小ネタです。 最初と最後とは言っていますが、要は最初のボーダーを非表示にするという感じで全部で4つの方法をご紹介します。 以下で紹介しているのはいずれも上のイメージのようによく見るリストで、ボーダーが最初と最後に引かれていないものを実装する方法です。 HTMLは下記のようにul, liを利用した単純なものとします。 <ul> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet, consectetur adi
人生が「不幸のどん底」か「幸せの極み」になれば勝ちという戦略的カードゲーム「A Chaotic Life!」
人生とは「判断」の積み重ねで、正しい判断・間違った判断がその後の人生の「結果」につながっていきます。そんな赤ちゃんから老人になるまでの「人生の判断」によって、幸福な人生を目指したり、不幸のどん底まで落ちたりして幸・不幸を競い合う戦略カードゲームが「A Chaotic Life!」です。 A Chaotic Life! - A Hectic & Strategic Game of Poor Choices! by GrubTon Games — Kickstarter https://www.kickstarter.com/projects/grubtongames/a-chaotic-life-a-hectic-and-strategic-game-of-poor 「A Chaotic Life!」は赤ちゃんから始まる一生を過ごした結果を競う人生戦略ゲーム。「アクション」が起こると赤ちゃん
JavaScript でオセロを実装する(ネット対戦編) | Webシステム開発／教育ソリューションのタイムインターメディア
問題 以前、JavaScript でオセロを実装していたのですが、この実装には一つ大きな問題がありました。 AI相手にゲームをするのは、それはそれで楽しいものの、 やはりこの手のゲームは人間同士で対戦したくなるものです。 一応、あの実装は人間同士で対戦できると言えばできるのですが、 同じPCの前に座って交代しながら操作する形になので、色々と不便です。 インターネット全盛のこの時代、やはりネット対戦できるようにしたいですよね。 しかしプレイヤー間の通信やプレイ中のゲームの状態の共有は一体どうすれば良いのやら。 オセロのようなターン制の単純なゲームでさえネット対戦対応するには課題が山盛りです。 どうにかして簡単にサクサクっとネット対戦できるようにできないものでしょうか。 回答 実はFirebaseを使えば簡単にサクサクっと対応できます。 これは JSONなデータを読み書きできるストレージサービ
外部コマンドを実行するNodeプログラムの作り方 - Shinnosuke Watanabe
Nodeではchild_process.spawn()などで特定のコマンドを別プロセスで実行することができますが、前提としてそのコマンドが実行可能な状態でなければなりません。当該コマンドにPATHが通っているかどうかはnode-whichなどで確認できますし、ドキュメントに「事前に◯◯というプログラムをインストールしてください」とリクワイアメントを書いておけば利用者は対応できます。 しかし、できることなら利用者にそのような手間をかけさせたくはありません。npm installコマンドひとつでNodeプログラムに必要なファイルは全て揃ってほしいものです。ではどうするのかというと、npmのパッケージと同じように必要ならバイナリーもダウンロードしてしまえば良いのです。このような、一見強引ながら極めて合理的な解決策を提供するのがbin-wrapperです。 bin-wrapperを使うbin-wr
404 NOT FOUND - MANTANWEB（まんたんウェブ）
404 NOT FOUND 指定されたページかファイルが見つかりません。 指定されたページかファイルは削除されたか、アドレスが変更された可能性があります。 MANTANWEBトップページへ戻る
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews