こんにちは。オザサです。
みなさま、サイトを作る時には何を使っていますか？
やはりレスポンシブなサイトを作るとなると、Bootstrapを使う機会も多いのではないでしょうか？
今回はBootstrap(4.1)の機能を活用したTipsを共有します。
解決したい課題
大きめな画面だと改行がいい感じになっているけど、スマホなどの画面だとちょっと改行が不自然なんてことありますよね。
解決方法
BootstrapのDisplay propertyを活用すると解決が可能です。
Display propertyはclassに付記することで使用できます。実際には下記のような記述をします。
.d-{breakpoint}-{value} for sm, md, lg, and xl.
https://getbootstrap.com/docs/4.1/utilities/display/
なお、Bootstrap4.1におけるbreakpointは下記のようになっています。
// Extra small devices (portrait phones, less than 576Juliaとは
Juliaは何やら数学向きな言語らしく、チラホラと名前を見る機会があったので、触ってみました。
「フレキシブルな動的プログラミング言語であり、科学分野や計算処理におけるプログラミングに適し、これまでの静的プログラミング言語に匹敵するパフォーマンスを提供」するとのこと。
https://hshindo.github.io/julia-doc-ja-v0.6/manual/introduction.html
ダウンロード
https://julialang.org/downloads/
公式サイトから任意のバージョンのJuliaをダウンロードしてください。今回は1.5を使用してます。
dmgファイルを実行し、appファイルをApplicationフォルダに入れれば準備完了。
appファイルを実行すると、ターミナルが起動し、Juliaが起動した状態となります。
算術演算式
Juliaでは数式を書くように算術演算式を記載することができます。
julia> x = 10
10
julia> y = 2x+1
21
例えば、一辺を10,8とする直角三角形そんな時ありますよね？
こんにちは。小笹です。
スプレッドシートのデータを分析する時に半角と全角が混じっていて、困りました。日本語以外の文字で全角になっているのは特に気になってしまいます。
全部半角に揃えちゃうってやり方もありなのかもしれませんが、逆に日本語が半角だとそれはそれで違和感。
ｱﾝﾁﾊﾟﾀｰﾝ
ちょっと変な感じがします。
なので表題のことを実現したくスプレッドシートの関数を調べてみました。
結果
\=IF(NOT(DETECTLANGUAGE(対象のセル)=”ja”),ASC(対象のセル),対象のセル)
解説
DETECTLANGUAGE(対象のセル)
これはスプレッドシートの関数で、対象の言語を判定してくれます。
指定した範囲に複数の言語が含まれている場合には、最初に見つかったテキストが評価対象となりますので注意！
ASC(対象のセル)
ASC関数は文字列を半角にします。
今回はIFNOTを使って、「対象のセル(文字列を想定)が、日本語じゃなければ、半角にする」としています。
これでスッキリ！
こちらからは以上です。Amazon Honeycodeとは
Amazonによるフルマネージド型NoCodeサービス。
スプレッドシートモデルを採用していて爆速でアプリを作れるらしいので早速触ってみました。本稿記載時(2020/06/26)ではまだベータ版です。
詳しくは公式ブログ
[https://aws.amazon.com/jp/blogs/news/introducing-amazon-honeycode-build-web-mobile-apps-without-writing-code/]
をご覧ください。
登録
「Try for free」を押下。
HoneyCode用にアカウントを作成しましょう。
アカウントを作成するとメールで承認を求められるので承認します。
ログイン！！
Todoアプリを作ってみる
Amazon Honeycodeには一般的なアプリケーションのテンプレートが用意されていました。
今回はSimple To-doを作ってみます。
「Use a template」から選んでいきましょう。
すると早速テーブルが作成されます。スプレッドシートモはじめに
感染症拡大防止のため、
弊社では原則在宅勤務となってまして、みなリモートで開発を進めています。
全メンバー全イベントフルリモートでスクラムを実践するのは初めての経験なので、フィードバックをもらえたら、または誰かの役に立てばと思い、筆を執った次第です。
本ブログではイベントごとにどう進めているのかを紹介します。
事前準備/プロジェクトキックオフ
まず、プロジェクトの目的や実行体制などを共有しておく必要があるでしょう。
インセプションデッキやカスタマージャーニーマップ、リーンキャンバスなど様々なツールを活用できます。
今回のプロジェクトが全社戦略の中でどういった意味があるのか説明するようにしました。
また、アジャイルがどんな経緯のもと生まれたのか、どんな思想なのかインプットするための資料を準備しました。具体的にはアジャイルソフトウェア開発宣言などを取りあげています。
その上で、スクラム開発はどう進めるものなのかを伝えました。
様々な書籍のエッセンスをブレンドして資料を仕上げました。現時点で100ページくらいのスライドになっています。
とはいえ、一気にインプットしご挨拶
こんにちは。小笹です。
ソフトウェアエンジニアとしてのリハビリと、
自分たちの理念について考えるためにも、
理念を形態素解析してみることにしました。
今回はGraphvizを使って、
形態素解析の様子を視覚的に捉えられるようにしてみます。
1.Graphviz本体のインストール
brew install graphviz
2.PythonでGraphvizを使うためのラッパーをインストール
pip3 install graphviz
ここまでで一旦Graphvizの公式サイトにあるサンプルコードを、
sample.pyとして保存&実行してみます。
from graphviz import Digraph
dot = Digraph(comment='The Round Table')
dot
dot.node('A', 'King Arthur')
dot.node('B', 'Sir Bedevere the Wise')
dot.node('L', 'Sir Lancelot the Brave')
dot.edges(\['AB',やりたいこと
閲覧しているサイトの文字を変えて遊んだりしてみたい時、ありますよね。
勿論ChromeのDeveloperモードを使えば実現できるのは知っているのですが、もっと手軽にイジイジしてみたい気がします。
なので右クリックで簡単にイジイジできるChrome拡張機能を作ったのです。
※本稿では拡張機能の基本的な説明(インストール方法など)は割愛しています。
(タイプミスはご愛嬌ということで)
manifest.json
{
"manifest\_version": 2,
"name": "designExtesion",
"version": "1.0",
"background": {
"scripts": \["event.js"\],
"persistent": false
},
"content\_scripts": \[{
"matches": \["<all\_urls>"\],
"js": \["content.js"\]
}\],
"permi~OBON編~
【やりたいこと】
お手軽に市場やサービスの調査をしたい！
そんなに時間もかけたくない！
何よりスプレッドシートの関数使ってみたい！
【できたもの】
調査対象のURLからテーブル形式のデータを抽出して表にまとめてくれるやつ。
サンプルとして「全国法人情報データベース [https://xn--zcklx7evic7044c1qeqrozh7c.com/]
」の弊社ページを対象にしてみました。
式は以下な感じ。
\=TRANSPOSE(INDEX(IMPORTHTML(\[対象URL\],”table”,\[何個目のtableか\]),\[対象行\],\[対象列\]))
【解説】
・IMPORTHTML(https://support.google.com/docs/answer/3093339?hl=ja)
対象のURLからデータを取ってきてくれます。データ形式をlistかtableか指定するのですが、今回はtableで、そのサイト上最初のtableです。
\=IMPORTHTML(対象URL,”table”,0)
これだけ書くとtableの状Cloud9を使ってみたい
気軽にアプリを作ったりなんだりしたいときに、
なんとなく自分の環境にはあんまりを手を加えたくない上、
他の人にも見せたいなと思った時に便利そうなので調べてみました。
今回の環境とかは下記の通り。
* t2.micro (1 GiB RAM + 1 vCPU)
* Amazon Linux
* PHP 5.6.40
* Laravel Framework 5.4.36
AWSのアカウントを作ったりするところは割愛しますが、
こんな
感じで
ぽちぽちとお好きなものを指定していくと
もうできます！！！
--------------------------------------------------------------------------------
Laravelをインストールしてみる
Composer
今回Composerを使うので、まずは使える状態にしましょう。
下記を参照してください。
https://getcomposer.org/doc/00-intro.md
Laravel5.4
Comp 
