Reactアプリ用に再設計されたUIフレームワーク「react-bootstrap」を紹介
UIフレームワークの「Material-UI」は、Material Designを踏襲したReactコンポーネントであるが、Webアプリ全般における「Bootstrap」の知名度や実績には遠く及ばない。github st…
Web制作
Web制作
Web制作
Web制作
Reactアプリのフォーム実装を楽にするライブラリ「Formik」の使い方
Webアプリにおいてフォーム機能は不可欠で、もっとも身近なものにログインフォームやお問い合わせフォームなどがある。これらはユーザインタフェースに該当するもので、Webアプリとユーザー間で情報のやり取りするために用いられる…
Web制作
Webサイトのコーディングに役立つWebツール8選
道具や工具は、なにかの作業をするとき補助的役割をしてくれる。たとえばハンマーであれば、釘を打ったり打ち砕いたりの作業に欠かせない。ノコギリであれば、木材を切断するために活躍する。これらをITの用語ではユーティリティやソフ…
お知らせ/募集
「指さしナビ」がTVに出ました！
2019年11月18日に放送されましたTBS様の「 アイアム冒険少年」の番組内で、弊社「指さしナビ」を使用していただきました。 おかげさまで「指さしナビ」配信から9年がたった今 放送直後と言う事もありAppストア「ナビゲ…
Web制作
yeomanとお別れするときがやってきた！静的Webサイトジェネレーター「Spike」入門
わたしはつい今までyeomanのジェネレーターを用いて静的サイトコーディングに取り組んでいた。yeomanは、cliによる操作ひとつでHTML5 Boilerplateをはじめ、Sass、Bootstrap、Modern…
アプリ
React Navigationで特定のスクリーンだけモーダルにするルーティング設定
ルーティングライブラリ「React Navigation」のcreateStackNavigator()の画面遷移は、iOS,Androidともに標準トランジションが発生する。スクリーンが右からスライドして重なる具合のも…
アプリ
React Nativeで要素を上下左右に中央寄せする方法
React Nativeアプリのマークアップにおいても、要素を上下左右に中央寄せにする場合、もちろんスタイルシートによって配置する。この点はWebアプリと変わらない。 しかしReact Nativeのスタイル適用の特徴は…
アプリ
React NativeでWebViewを使わずHTMLをレンダリングする「react-native-render-html」の紹介
React Nativeアプリ開発でinnerHTML風な対応が要求された。APIの返り値にHTMLタグが含まれているデータをレンダリングするというものだ。 賢明なあなたにおかれては、<WebView/>を使えばい…
テクノロジー
DockerでKaggle環境を構築して機械学習に入門してみる
案件で機械学習の知識が必要になりましたのでDockerで環境を構築し、試してみようと思います。 以下の手順で進めます。 Dockerでの環境構築 Kaggleから訓練データ、テストデータをダウンロード データの整形 予測…
Web制作
国際宇宙ステーションの飛行位置を得ることができるAPI「ISS Location Now」の使い方
国際宇宙ステーションは地上400km上空を飛行する有人施設であることは周知のことだが、秒速約7.7km（時速約27,700km）ものスピードで飛行を続けていて、地球1周を約90分で周りきるとのことだ。驚異のスピードで想像…
